/* CSS Document */
/*-------------------main-------------------*/
body{
	background-color:#A0BBEB;
	margin: 0px auto;
	}
#container{
	width: 900px;
	height: 750px;
	border:1px solid #336699;
	margin: 10px auto;
	}
/*-----------------------header--------------*/
#header{
	width: 900px;
	height: 100px;
	background-color:#E6E6E6;
	clear:both;
	border-bottom:1px solid #336699;
	}
#logo{
	float:left;
	width: 73px;
	height: 100px;
	}
#logo img{
	border: none;
	}
#logo a:link, #logo a:active, #logo a:hover{
	border: 0px;
	margin: 0px;
	color: #E6E6E6;
	}
#name{
	width: 800px;
	height: 100px;
	background-image:url(images/name.png);
	background-repeat:no-repeat;
	float: right;
	}
/*---------------------------------------left side----------------------*/
#leftside{
	width: 300px;
	height: 600px;
	background-color: #336699;
	float: left;
	}
#left_top{
	width: 300px;
	height: 250px;
	}
#nav{
	width: 300px;
	height: 350px;
	}
#nav ul{
	list-style:outside;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	width: 300px;
	}
#nav ul li{
	line-height: 40px;
	font-size: 20px;
	text-align:left;
	background-image:url(images/nav_off.png);
	background-repeat:no-repeat;
	display: block;
	list-style-type:none;
	color:#FFFFFF;
	border-bottom: 1px solid white;
	text-indent: 95px;
	width: 300px;
	}
#nav li a:link,#nav li a:visited{
	color:#FFF;
	text-decoration:none;
	display:block;
	width: 300px;
	background-color: inherit;
	text-decoration: none; 
	background-image:url(images/nav_off.png);
	background-repeat: repeat; 
	background-attachment: scroll; 
	}
#nav li a:hover{
	background-color:#E6E6E6;
	color:#336699;
	background-image:url(images/nav_on.png);
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	width: 300px;
	}
	
	
/*----------------------------------------right 2 columns---------------------------------------------*/	

/*------------content controls both middle and right text columns------------------*/
#content{
	width: 600px;
	height: 600px;
	background-color:#FFF;
	float: left;
	}
#middle{
	width: 270px;
	height: 580px;
	background-color:#E6E6E6;
	float: left;
	padding: 10px 15px;
	font-size: 14px;
	color:#336699;
	}
#middle h2{
	display: inline;
	font-size: 14px;
	font-weight:100;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	}
#middle p{
	margin-top: 0px;
	}

#right{
	width: 270px;
	height: 600px;
	background-color:#E6E6E6;
	float: left;
	padding: 0px 15px;
	font-size: 14px;
	color:#336699;
	}
#right h1{
	font-weight:bold;
	font-size:16px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 16px;
	}
#right h2{
	display: inline;
	font-size: 14px;
	font-weight:100;
	padding: 0px;
	margin: 0px;
	}

#footer{
	width: 900px;
	height: 48px;
	text-align:center;
	background-color: #336699;
	color: #E6E6E6;
	clear: both;
	border-top:1px solid #FFF;
	}
#footer a:link, #footer a:visited{
	color: #E6E6E6;
	}
#footer a:hover{
	color: #CC0000;
	}