*{ margin:0; padding:0;}

html{
	width: 100%;
	height: 100%;
}

body{
	width: 100%;
	height: 100%;
	margin: 0px; 
	color: #000000;
	text-decoration: none;
	text-align:left;	
	font-family:Arial,Helvetica,Sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}


.width_100{
	width: 100%;
}

.height_100{
	height: 100%;
}

.with_main{
	width: 975px;
}

.width_left, width_right{
	width: auto;
}


/* header island */
.header{
	text-align:center;
	height: 37px;
	width: 100%;
}

	.header_background_left{
		background-image:url(../images/header/left_background.jpg);
		background-position: left top;
		background-repeat:repeat-x;
		height: 37px;
		width: auto;
	}
	
	.header_background_main{
		background-image:url(../images/header/left_background.jpg);
		background-position: left top;
		background-repeat:repeat-x;
		height: 37px;
		width: 975px;
	}
	
	.header_background_main_inside{
		background-image:url(../images/header/center_background.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		height: 37px;
		width: 975px;
		text-align: left;
	}
	
	.header_background_right{
		background-image:url(../images/header/right_background.jpg);
		background-position: left top;
		background-repeat: repeat-x;
		height: 37px;
		width: auto;
		text-align:left
	}
	
	.header_background_right_inside{
		background-image:url(../images/header/rightl_background.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		height: 37px;
		width: 81px;
		text-align:left;
	}
	
/* left island */
.body_left{
	width: 400px;
	height: 100%;
	margin: auto;
}

.body_left1{
	width: 100%;
	height: 100%;
	margin: auto;
	background-image: url(../images/body/left_middle_background.jpg);
	background-position: right top;
	background-repeat:repeat-y;
	background-color: #CCCCCC;
}

	
	.body_left_top{
		background-image:url(../images/body/left_top_background.jpg);
		background-position: right top;
		background-repeat:no-repeat;
		height: 532px;
		width: 100%;
	}
	
	.body_left_left_middle{
		height: 100%;
		width: 100%;
	}
	
	.body_left_middle{
		height: auto;
		width: 100%;
	}
	
	.body_left_bottom{
		background-image: url(../images/body/left_bottom_background.jpg);
		background-position: right bottom;
		background-repeat: no-repeat;
		height: 552px;
		width: 100%;
	}
	
/* right island */
.body_right{
	width: 100%;
	height: 100%;
	margin: auto;
	background-image: url(../images/body/right_middle_background.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}
	.body_right_top{
		background-image:url(../images/body/right_top_background.jpg);
		background-position: left top;
		background-repeat:no-repeat;
		height: 563px;
		width: 100%;
	}
	
	.body_right_middle{
		height: 100%;
		width: 100%;
	}
	
	.body_right_bottom{
		background-image: url(../images/body/right_bottom_background.jpg);
		background-position: left bottom;
		background-repeat: no-repeat;
		height: 519px;
		width: 100%;
	}

/* logo and banner island*/
.body_main_top{
	width: 975px;
	height: 170px;
}
	
	.body_main_top_logo{
		width: 177px;
		height: 170px;
		background-image:url(../images/logo.jpg);
		background-position: left top;
		background-repeat:no-repeat;
		cursor: pointer;
	}
	
	.body_main_top_banner{
		width: 798px;
		height: 170px;
		background-image: url(../images/body/main_top.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		text-align: left;
		z-index: 100;
	}
	
	.body_main_banner #left{
		width: 62px;		
	}
	
	.body_main_banner #top{
		height: 28px;
	}
	
	.body_main_banner #banner{
		width: 728px;
		height: 90px;
	}

/* footer island */
.footer{
	width: 100%;
	height: 78px;
}

	.footer_left_background{
		background-image: url(../images/body/bottom_left_background.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		height: 78px;
		width: 100%;
	}
	
	.footer_middle_background{
		background-image: url(../images/body/footer.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		height: 78px;
		width: 100%;
	}
	
	.footer_right_background{
		background-image: url(../images/body/bottom_right_background.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		height: 78px;
		width: 100%;
	}
	
	.footer a:link, .footer a:visited{
		color: #333333;
		text-decoration:none;
	}
	
	.footer a:hover{
		color: #FF0000;
		text-decoration: underline;
	}

.body_main{
	height: 1000px;
	width: 975px;
	background-color:#FFFFFF;
	text-align: left;
	
}

	.body_main_left{
		width: 637px;
		height: 100%;
		background-color: #F4F4F4;
	}
	
	.body_main_right{
		width: 325px;
		height: 100%;
		background-color: #F4F4F4;
	}
	
	.body_main_spacer{
		width: 10px;
		height: 100%;
		background-image:url(../images/body/main_spacer_middle_background.jpg);
		background-position: left top;
		background-repeat:repeat-y;
	}
	
		.body_main_spacer_top{
			background-image: url(../images/body/main_spacer_top_background.jpg);
			background-position: left top;
			background-repeat:no-repeat;
			height: 147px;
			width: 100%;
		}
		
		.body_main_spacer_middle{
			height: 100%;
			width: 100%;
		}
		
		.body_main_spacer_bottom{
			background-image: url(../images/body/main_spacer_bottom_background.jpg);
			background-position: left bottom;
			background-repeat: no-repeat;
			height: 760px;
			width: 100%;
		}
		
		

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;

	font-size: 1.2em;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	/*background: url(../images/header/topnav_hover.gif) no-repeat center top;*/
	color:#FF0000;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	top: 5px;
	background: url(../images/header/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../images/header/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/header/dropdown_linkbg.gif) no-repeat 10px center;
}


#login{ width:275px; height:137px; background:url(../images/header/png-8-sprite.png) no-repeat -330px -75px; position:absolute; top:30px; left:-80px; display:none }
#login input.text { width:84%; position:absolute; top:24px; left:15px }
#login input.pass { width:70%; top:55px;font-family:verdana }
#login button { border:0; background:url(../images/header/png-8-sprite.png) no-repeat -565px -219px; width:31px; height:23px; text-align:center; display:block; position:absolute;
				font-weight:bold; color:#fff; cursor:pointer; text-transform:uppercase; font-size:1em; padding:2px 0 4px 0; right:19px; top:55px }
#login a { color:#f7e5e5; position:absolute; right:19px; bottom:3px; text-decoration:none; margin-bottom:2px;  }
#login a:hover{
	color: #CCCCCC;
	text-decoration:underline;
}
#login input.checkbox, #login b { position:absolute; left:15px; bottom:17px; } #login b { top:106px; color:#f7e5e5; font-weight:normal; left:33px }
#login div {  }