/*** PAGE LAYOUT ***/

@import url("master.css");
@import url("fonts.css");

body{
	background:url(../images/body-background.gif) repeat-x;
	}
	
#wrapper{
	width:900px;
	min-height:880px;
	height:880px;
	height:auto !important;
	background:url(../images/wrap-background.jpg) no-repeat;
	margin:0 auto;
	padding:0px 21px 0px 20px;
	}
	
/*** BANNER TOP ***/
#bannerTop{
	width:900px;
	height:115px;
	}
	
#bannerTop .image{
	float:left;
	margin-top:3px;
	}
	
#bannerTop #menuTop{
	/*width:279px;*/
	height:24px;
	float:right;
	margin-top:82px;
	}
	
#bannerTop #menuTop img{
	float:left;
	margin:0 5px;
	}
	
#mainTop img.more{
	float:right;
	margin:-8px 80px 0px 0;
	}
/*** BANNER TOP ***/	
	
/*** MENU ***/	
#menu{
	width:900px;
	height:37px;
	padding:0;
	background:url(../images/menu-background.gif);
	}	
#menu ul {
	overflow:hidden;
	padding-left:10px;
}
#menu ul li{
	list-style:none;
	padding:0;
	display:block;
	margin:8px 0 0 0;
	float:left;
	}
	
#menu ul li a{
	font-size:17px;
	font-weight:lighter;
	font-family:Trebuchet Ms, Arial, Helvetica, sans-serif;
	/*font-family: Tahoma, Verdana, Helvetica, sans-serif;*/
	color:#fff;
	padding:3px 29px;
	text-decoration:none;	
	background:url(../images/menu-divider.gif) right no-repeat;
	}
	
#menu ul li.menu-last a{
	background:none;
	}
	
#menu ul li a:hover{
	color:#ffa826;
	}	
/*** MENU ***/	

/*** BANNER BOTTOM ***/
#bannerBottom{
	width:900px;
	height:216px;
	margin-top:0;
	clear:both;
	}
/*** BANNER BOTTOM***/	


/*** MAIN TOP ***/
#mainTop{
	width:870px;
	padding:26px 15px 24px 15px;
	clear:both;
	}
	
#mainTop img.image{
	border:1px solid #ffa462;
	float:left;
	margin:29px 15px 15px 0;
	}
/*** MAIN TOP ***/	

/********* LEFT ****************************/
#leftCol{
	width:640px;
	height:419px;
	clear:both;
	float:left;
	}

/*** GREEN ***/
#green{
	width:255px;
	float:left;
	margin:0 0 0 11px;
	}

	/*** SEARCH ***/	
	#green .search{
		width:230px;
		height:125px;
		background:url(../images/left-search.jpg) no-repeat;
		padding:0 10px;
		}
		
	#green .search .button{
		vertical-align:text-bottom;
		margin:0 0 0 8px;
		}	
	
	#green .search input{
		vertical-align:top;
		margin:0 0 10px 0;
		}
	#green .search_string {
		width: 172px;
		height: 20px;
		border: 1px solid #CCCCCC;
		}	
	
	#green .search a{
		color:#285cd1;
		font-weight:bold;
		text-decoration:underline;
		}
	/*** SEARCH ***/	
		
#green .table{
	width:220px;
	height:368px;
	background: url(../images/right-low-table.jpg) no-repeat bottom;	
	padding:10px 15px;
	}
	
#green .table ul li{
	background:url(../images/left-arrow.gif) left 6px no-repeat;
	margin:0 0 0 13px;
	padding:5px 0 5px 20px;
	list-style:none;
	line-height: 1.5em;
	}
/***  GREEN ***/

/*** BLUE1 ***/
#blue{
	width:366px;
	float:left;
	}
	
#blue .table{
	width:336px;
	height:368px;
	/*background:url(../images/blue-back.jpg) left bottom no-repeat;*/
	background:url(../images/blue-back2.jpg) left bottom no-repeat;
	padding:10px 15px;
	margin-bottom: 5px;
	}
	
#blue .table ul li, .greenarrow li {
	background:url(../images/left-arrow.gif) left 7px no-repeat;
	margin:0 0 0 13px;
	padding:5px 0 5px 20px;
	list-style:none;	
	}
.greenarrow li li {background:none; list-style-type:disc; margin: 0 0 0 6px; padding: 5px 0;}

.blueImg{float:left; margin:4px 17px 1px 0px; border:solid #87b2ff 1px;}
/***  BLUE1 ***/

/*** BLUE2 ***/
#blue2{
	width:366px;
	float:left;
	}
	
#blue2 .table{
	width:336px;
	height:258px;
	/*background:url(../images/blue2-back.gif) left bottom no-repeat;*/
	padding:10px 15px;
	}
* html #blue2 .table {padding: 8px 15px 6px 15px;}
/***  BLUE2 ***/

/*** IMAGES ***/
#images{
	width:288px;
	float:left;
	clear:both;
	}	
/*** IMAGES ***/
/********* LEFT ***************************/

/********* RIGHT **************************/
#rightCol{
	width:250px;
	height:419px;
	float:left;
	}
	
/*** ORANGE ***/
#orangeTop{
	float:left;
	height:128px;
	width:250px;
	margin:0 0 4px 0;
	background:#fff url(../images/right-login-table.gif) no-repeat bottom;
	}
	* html #orangeTop {height:122px;}
	
	/*** LOGIN ***/	
	#orangeTop .login_table{
		margin:8px 0 0 8px;
		}
		
	.login{text-align:right;}
	.logout{text-align:left;}
	
	#orangeTop .login_table .button{
		float: right;
		margin:0 16px 0 0px;
		}
	*+html #orangeTop .login_table .button{	margin:0 18px 0 0px;	}
	* html #orangeTop .login_table .button{	margin:0 18px 0 0px;	}
	
	#orangeTop .login_table p {margin-bottom: 4px;}
	#orangeTop .login_table input{
		margin:0px 16px 2px 0;
		}

	#orangeTop .loginbox {
		width: 160px;
		height: 18px;
		border: 1px solid #ccc;}
		
	#orangeTop .login_table.logout input{
		vertical-align:top;
		margin:5px 0 10px 0;
		}
	#orangeTop .login_table div {
		float:left; 
		width: 148px;
		margin: 8px 0 0 16px; 
		text-align: left; 
		font-size: 10px; 
		font-weight: normal;
		}			
	
	#orangeTop .login_table a{
		color:#285cd1;
		font-weight:bold;
		text-decoration:underline;
		}
	/*** LOGIN ***/

#orangeTop2{
	float:left;

	width:250px;
	margin:17px 0 4px 0;
	padding: 0 0 0 0;
	background:#fff url(../images/right-login-table.gif) no-repeat bottom left;
	}
	* html #orangeTop {height:122px;}
	
	/*** LOGIN ***/	
	#orangeTop2 .login_table{
		margin:8px 0 0 8px;
		}
		
	.login{text-align:right;}
	.logout{text-align:left;}
	
	#orangeTop2 .login_table .button{
		float: right;
		margin:0 16px 0 0px;
		}
	*+html #orangeTop2 .login_table .button{	margin:0 18px 0 0px;	}
	* html #orangeTop2 .login_table .button{	margin:0 18px 0 0px;	}
	
	#orangeTop2 .login_table p {margin-bottom: 4px;}
	#orangeTop2 .login_table input{
		margin:0px 16px 2px 0;
		}

	#orangeTop2 .loginbox {
		width: 160px;
		height: 18px;
		border: 1px solid #ccc;}
		
	#orangeTop2 .login_table.logout input{
		vertical-align:top;
		margin:5px 0 10px 0;
		}
	#orangeTop2 .login_table div {
		float:left; 
		width: 148px;
		margin: 8px 0 0 16px; 
		text-align: left; 
		font-size: 10px; 
		font-weight: normal;
		}			
	
	#orangeTop2 .login_table a{
		color:#285cd1;
		font-weight:bold;
		text-decoration:underline;
		}
	/*** LOGIN ***/


/***  ORANGE ***/

/*** ORANGE MID ***/
#orangeMid{
	float:left;
	/*height:284px;*/
	width:251px;
	margin:0 0 3px 0;
	/*background:url(../images/right-mid-table.jpg) no-repeat bottom;	*/
	}	
#orangeMid .table {
	height:368px;
	/*background:url(../images/blue-back.jpg) left bottom no-repeat;*/
	background:url(../images/right-mid-table2.jpg) left bottom no-repeat;
	padding:10px 15px;
	margin-bottom: 5px;
}	
#orangeMid .table ul{
	margin:14px 0 0 0;
	}
	
#orangeMid .table ul li{
	background:url(../images/left-arrow2.gif) left no-repeat;
	margin:0 0 0 13px;
	padding:3px 0 5px 20px;
	list-style:none;
	}
/***  ORANGE MID ***/

/*** ORANGE LOW ***/
#orangeBottom{
	float:left;
	height:393px;
	width:250px;
	background: url(../images/right-low-table.jpg) no-repeat bottom;	
	}
	
#orangeBottom .table{
	height:363px;
	width:230px;
	padding:10px 15px;
	}
* html #orangeBottom .table {width:210px; height:326px;}
/***  ORANGE LOW ***/

/********* RIGHT **************************/




/************************* CONTENT **************************/

/*** LEFT ***/
#left{
	width:288px;
	float:left;
	}
	
#left .table p{
	padding:15px 15px 0px;
	color:green;
	font-size:13px;
	}	
	
#left .header{
	width:250px;
	margin:0 0 0 11px;
	}

#left .header2{
	width:250px;
	margin:0;
	}
	
#left .search{
	width:250px;
	height:125px;
	margin:0 0 0 11px;
	background:url(../images/left-search.jpg) no-repeat;
	padding:0 10px;
	}
	
#left .search .button{
	vertical-align:text-bottom;
	margin:0 0 0 20px;
	}	

#left .search input{
	vertical-align:top;
	margin:0 0 10px 0;
	}	

#left .search a{
	color:#285cd1;
	font-weight:bold;
	text-decoration:underline;
	}		

#left .table{
	width:250px;
	margin:0 0 0 11px;
	background:url(../images/left-table.gif) repeat-y;
	}
	
#left .table ul li{
	background:url(../images/left-arrow.gif) left no-repeat;
	margin:0 0 0 13px;
	padding:5px 0 5px 20px;
	list-style:none;
	}

#left .table ul li ul, #green .table ul li ul, #green .table ul li.menu-first{
display: none;
}

#left .memberGo{
	background:url(../images/left-arrow.gif) left no-repeat;
	margin:0 0 0 13px;
	padding:5px 0 5px 20px;
	list-style:none;
	}

/***  LEFT ***/	

/*** RIGHT ***/
#right{
	width:576px;
	height:300px;
	float:left;
	margin-top:18px;
	}
.pdf{float:right; color:#999; padding:9px 35px 9px 20px; display:block; background:url(../images/pdf-icon.gif) no-repeat right;}
.pdf2{float:right; color:#333; font-weight:bold; padding:9px 35px 9px 20px; display:block; background:url(../images/pdf2-icon.gif) no-repeat right;}
.doc{float:right; color:#999; padding:9px 35px 9px 20px; display:block; background:url(../images/doc-icon.gif) no-repeat right;}
.twitter{float:right; color:#999; padding:9px 40px 9px 23px; display:block; background:url(../images/twitter-icon.gif) no-repeat right;}
.linked{float:right; color:#999; padding:9px 67px 9px 23px; display:block; background:url(../images/linked-icon.gif) no-repeat right;}
/***  RIGHT ***/	

/************************* CONTENT **************************/


/*** FOOTER ***/
#footer{
	width:900px;
	height:296px;
	background:url(../images/footer/footer-background.jpg) no-repeat bottom;
	margin:0 auto;
	padding:3px 21px 0px 20px;
	}
	
#footer.home{
	width:900px;
	height:176px;
	background:url(../images/footer/footer-background.jpg) no-repeat bottom;
	margin:0 auto;
	padding:0px 21px 0px 20px;
	}
	
#footerBottom{
	width:900px;
	height:30px;
	margin:0 auto;
	padding:0px 21px 0px 20px;
	}	
/*** FOOTER ***/	

.services {
	margin-bottom: 16px;
	}
.services td {
	background: #f0f0f0;
	padding: 8px 12px;
	border-bottom: 4px solid  #9DE6A3;
	vertical-align: middle;
	}
	
.checkbox_label {
	display: inline-block;
	margin: 0 8px 4px 4px;
	padding-bottom: 4px;}
	
.field_checkbox {padding-top: 4px}