/* CSS layout */
body{

background-color: #484848;
}
#masthead {
	position:relative; margin:0 auto; width:860px; height:140px;

	background:#21B0D1 url('images/header_bg.gif') no-repeat 0 0; 
color:#000000
}

}
#logo {
	position:absolute;
	width: 200px;
	height: 60px;
	right: 40px;
	top:50px;
    font-size: 42pt;
	font-family: "Trebuchet MS";
	color: #FFFFFF;

}

#topNav{

	width:785px; height:30px; margin:0 auto;

	background:#FFFFFF url('images/navbg.gif') no-repeat 0 0; 
color:#000000
}

#topNav ul{

	width:788px; margin:0 auto; }

#topNav ul li{

	float:left; margin:0 1px 0 0 ;}

#topNav ul li a{

	padding: 0 12px;
	color:#595959;

	background:#FFFFFF url('images/buttonbg.gif') repeat-x 0 0;

		display:block; 	text-decoration:none; 	font-style:normal; 	font-variant:normal; 	font-weight:bold; 	line-height:29px; 	font-size:12px; 	font-family:Arial, Helvetica, sans-serif; }

#topNav ul li a:hover{

	color: orange;

	background-color:#FFFFFF; background-image:url('none');

	border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-left:1px solid #DADADA;

	display:block; text-decoration:none; font-style:normal; font-variant:normal; font-weight:bold; line-height:27px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0; padding-left:11px; padding-right:11px; padding-top:0; padding-bottom:0}

#topNav ul li a.hover{

	color: navy;

	background-color:#FFFFFF; background-image:url('none');

	border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-left:1px solid #DADADA;

	display:block; text-decoration:none; font-style:normal; font-variant:normal; font-weight:bold; line-height:27px; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0; padding-left:11px; padding-right:11px; padding-top:0; padding-bottom:0}


#border{

	position:relative; margin:0 auto; width:860px;
	background:#FFFFFF url('images/midle_bg.gif') repeat-y 0 0; 
color:#363636;
}

#container {
	
	width: 100%;
}

#page_content {
	margin-left: 40px;
	margin-top: 10px;
	width: 500px;
}

#page_content p a:hover {
	font-family: "Trebuchet MS";
		text-align:center;
		font-size: x-large;
		color:#CC66FF;
		font-weight:bolder;

}

#page_content h1 {
	font-size: xx-large;
	font-family: "Trebuchet MS";
	color: orange;
}

}

#page_content h1:hover {
	font-size: 40pt;
	font-family: "Trebuchet MS";
	color: orange;
}


#right_col {
	background-image: url('images/rightbg.gif');
	width: 220px;
	right: 61px;
	top: 25px;
	position: absolute;
	background-repeat: repeat-y;
}

}
#right_col h1 {
	color: navy;
	font-size: large;
	font-family: "Trebuchet MS";
	margin-left: 5px;
	margin-right: 5px;

}

}
#right_col h1:hover {
	color: navy;
	font-family: "Trebuchet MS";
	margin-left: 5px;
	margin-right: 5px;
	font-size: x-large;
	font-weight:bolder;


}

#right_col p {
	margin-left: 5px;
	margin-right: 5px;
}

.style2 {
	font-family: "Trebuchet MS";}


#footer {
	background-image:url('images/footer.gif');
	background-repeat:no-repeat;

	margin:0 auto 0 auto; width:860px; height:58px;
}

#footer p {
		font-family: "Trebuchet MS";
		text-align:center;
		
}

.style3 {
	border-width: 0;
}


#link {
	position:relative;
	margin:0 auto; width:860px; height: 20px;}

#link p {
		font-family: "Trebuchet MS";
		text-align:center;
		font-size: small;
		color:gray;

}

#link p a {
		font-family: "Trebuchet MS";
		text-align:center;
		font-size: small;
		color:gray;

}

#link p a:hover {
		font-family: "Trebuchet MS";
		text-align:center;
		font-size: x-large;
		color:#CC66FF;
		font-weight:bolder;

}