/******************** MAIN LAYOUT CONTAINERS ********************/
html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family: Geneva, Arial, san-serif; 
	font-size: 90%;	
	line-height:140%;
	background-color:#ffffff;
	color: #666666;
	padding-bottom:0px;
	padding-top:10px;
	background-image: url(../images/gui/pageBack.gif); 
	background-repeat:repeat-x;   
	scrolling: yes;
	height: 90%;
} 
 
#pagewidth{ 
	width:760px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#header{
	position:relative; 
	height:209px; 
 	background-color:#99BE00;
 	width:760px;
	margin:0px;
	padding:0px;
} 
 
#twocols{
	width:760px; 
	float:right; 
	position:relative; 
	height:651px;	
}

#dividerLeft{
	width:3px; 
	float:left; 
	position:relative; 
	height:651px;	
	background-image: url(../images/vertLine.jpg); 
	background-repeat:no-repeat;   	
}


#dividerMiddle{
	width:4px; 
	float:left; 
	position:relative; 
	height:651px;	
	background-image: url(../images/vertLine.jpg); 
	background-repeat:no-repeat; 
	background-position: 3px 0px; 		  	
}

#dividerRight{
	width:1px; 
	float:right; 
	position:relative; 
	height:651px;	
	background-image: url(../images/vertLine.jpg); 
	background-repeat:no-repeat;  
	background-position: 0px 0px; 	
	/*background-color:red; 	*/
}
 
#rightcol{
	width:211px; 
	float:right; 
	/*position:relative; */
	color:#666666;
	/*background-color:#BCDFE9;*/
	background-image: url(../images/rightColBack.jpg); 
	background-repeat:repeat-x; 
	padding-top:35px;
	padding-bottom:20px; 
	padding-left:20px;
	padding-right:20px;	
	height:651px;
 }
 
#maincol{
	/*background-color: #D676C6;  */
	float: left; 
	display:inline; 
	position: relative; 
	width:400px; 
	padding-left: 50px;
	padding-right:50px; 
	padding-top:30px;
	padding-bottom:50px; 	
}

#mainContent {
	margin-bottom:30px;
}

#docBody a{
	color:#99BE00;
	text-decoration:none;
	font-size: 100%;
}

ul{
	margin:16px;
}

ul li{
	list-style-type:none;
	padding-left: 0px;
	list-style-image:url(../images/arrowBullet.gif);

}

#back a, #homeLink a{
	color:#99BE00;
	text-decoration:none;
	font-size: 80%;
	background-image: none; 
	background-repeat:no-repeat; 	
	background-position: left 3px;
	padding:0px;
	height:12px;
}


#next a{
	color:#99BE00;
	text-decoration:none;
	font-size: 80%;
	background-image: none; 
	background-repeat:no-repeat; 	
	background-position: left 3px;
	padding:0px;
}

a.smallLink{
	font-size: 80%;
	background-image: url(../images/arrowRight.gif); 
	background-repeat:no-repeat; 	
	background-position: right 3px;	
}

.smallText{
	font-size: 90%;
	color: #999999;
	font-style:italic;
}


#navItem {
	font-size: 85%;	
}

#rightcol #navItem a{
	color:#99BE00;
	text-decoration:none;
	padding-right:12px;
}

#navItem .submenu {
	text-decoration:none;
	background-image: url(../images/arrowRight.gif); 
	background-repeat:no-repeat; 	
	background-position: left 6px;	
	padding-left:15px;
}

#rightcol #navItem .submenu a{
	color:#666666;
	text-decoration:none;
	padding-right:12px;
}



#footer{
	height:50px; 
	background-color:#000000; 
	clear:both;
 } 
 

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


form {
	padding-top: 0px;
	margin-top: 6px;
	margin-bottom: 0px;
	margin-bottom: 12px;	
}

input {
	background-color:#e5eec1! important;
	border: 1px solid #999999;
	font-size:100%;
	color:#666666;
	margin-bottom:6px;
	width:170px;
	font-family: Geneva, Arial, san-serif; 
}


#news {
	float:left;
	width:180px;
	padding-right:40px;
}

#news p, #signUp p {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0px;
}

#signUp {
	float:left;
	width:178px;	
}


h1 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 180%;
	line-height: 120%;
	color: #505050;
	text-decoration: none;
	font-style: italic;
	padding: 0px; 
	margin-bottom: 14px;
	font-weight: normal;
	width:390px;
}

h1 br {
	clear:both;
}

h2 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 120%;
	line-height: 120%;
	font-style: italic;
	color: #505050;
	font-size: 110%;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 5px; 
	margin-bottom: 14px;
	font-weight: bold;
}

#navItem h2 {
	font-family: Georgia, Times New Roman, serif;
	margin-bottom: 3px;
	font-size: 150%;	
	border-bottom: #cccccc dotted 1px;	
	font-weight: bold;
	font-style: italic;
}

#homeLink a:hover, #rightcol #navItem .submenu a:hover, #docBody a:hover{
	color:#000000;
}

#next a:hover, #back a:hover, #homeLink a:hover, #rightcol #navItem a:hover{
	color:#7AA000;
}


#next {
	text-align:right;
	width:150px;
	display:block;	
	float:right;
	background-image: url(../images/arrowRight.gif); 
	background-repeat:no-repeat; 	
	background-position: right 6px;
	padding-right: 12px;		
	margin-top:10px;
}

#back {
	text-align:left;
	width:150px;
	display:block;
	float:left;
	background-image: url(../images/arrowLeft.gif); 
	padding-left: 12px;
	background-repeat:no-repeat; 	
	background-position: left 6px;
	margin-top:10px;
}


.dividerNav {
	border-bottom: #cccccc dotted 1px;	
	height: 1px;
	width: 100%;
	display:block;
	padding-top:40px;
}

.divider {
	height: 1px;
	width: 100%;
	padding-top:3px;
	border-bottom: #cccccc dotted 1px;	
}

#2col {
	/*background-color:red;*/
}

#signOff {
	font-size: 85%;
	display:block;
	width:100%;
	margin-top:50px;
}

#signOff a{
	background-image: none;
	padding: 0px;
}

.greyBack {
	clear: both;
	display:inline;
	background-color:#F8F5F5;
}