/*-General-----------------------------------------------*/

a {text-decoration:none;}
a:link {color:blue;}
a:visited {color:#996600;}
a:hover {color:green;}
a img {border:none; margin:0px; padding:0px;}
body {
	background: #fff8e0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	padding-left: 20px;
}

/*-Main Layout-------------------------------------------*/

#overall {
	width:80%; 
	margin:0px 5px 0px 5px; 
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	background: #fff8e0;
	}

.banner {	
	background: black;
	padding: 0:
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}

/*-Footer-------------*/

.footer {padding:0px 0px 0px 0px; position:relative; clear:both;}

/*-header-------------*/

.header {position:relative;}
.header h1 {text-align:center;}
.header img {background-color: #fff8e0;}

/*-Content Area-------*/

.content {width:100%; background-color: #fff8e0;}

/*-Left Column--------*/

.leftcolumn	{float:left; width:20%; padding:0px 5px; background-color:transparent;}
.leftcolumn td {text-align:center}
.leftcolumn a {font-size:10pt; text-decoration:none}
.leftcolumn a:link {color:blue}
.leftcolumn a:visited {color:red}
.leftcolumn a:hover {color:green}
.leftcolumn a:active {text-decoration:bold}

/*-Right Column-------*/

.rightcolumn {float:right; width:75%; margin:0px 0px 0px 0px;}

/*-Logic Area-------*/

.logic {border-style:solid; border-width:2px; width:590px; margin:0px; padding:0px}

.logic .node {height:100px;width:99%; margin:0px 0px 0px 0px; padding:0px;}
.logic p {text-align:center}
.logic h1 {text-align:center;font-size:1.5em;}
.logic h2 {text-align:center;font-size:1.2em;}
.logic .node div.logical {height:95px;width:25%; float:left;}

.logic .node div.conditional {height:95px;width:35%; float:left;}

.logic .node div.explanational {height:95px;width:35%; float:left;}

.logic div.connector {height:40px;position:relative; top:-20px; left:55px}
.logic div.specialconnector {height:40px;position:relative; top:-20px; left:255px}