@charset "utf-8";
/* CSS Document */


html, body, #wrapper {
	margin: 0px;
	padding: 0px;
	background-image:url(../Images/blue_template/px_bl.gif);
	font-family:Arial, Helvetica, sans-serif;
	top: 0;
	bottom: 0;
	overflow: hidden;
	height: 100%;
}

p {
	margin-bottom: 0px;
	ppadding-bottom: 0px;
}

#site_logo {
	background-color:#06F;
	width: 100%;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align:center;
}
	
#header {clear:both;}
#content, #header, #footer {
	width: 1020px;
	margin: auto;
	padding: 0;
}

#header #bev_l {
	background-image:url(../Images/blue_template/bl_bevel_left.gif);
	width: 23px;
	height: 49px;
	float: left;
}

#header #bev_r {
	background-image:url(../Images/blue_template/bl_bevel_right.gif);
	width: 23px;
	height: 49px;
	float: right;
}

#header ul {
	background-image:url(../Images/blue_template/bl_bevel_mid.gif);
	width: 957px;
	height: 49px;
	margin-bottom: 0;
}

#header li {
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 15px;
	font-size:1.3em;
	color: #fff;
	text-transform:uppercase;
	font-weight:bold;
	list-style-type:none;
	float:left;
}
#header li a:link, #header li a:visited {
	color: #fff;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

#content {
	background-image:url(../Images/blue_template/px_g.gif);
	margin-top: 0;
	height: 100%;
}

#content #bev_l {
	background-image:url(../Images/blue_template/frame_left.gif);
	width: 23px;
	min-height:100%;
	float:left;
}

#content #bev_r {
	background-image:url(../Images/blue_template/frame_right.gif);
	width: 23px;
	min-height:100%;
	float: right;
}

#text_frame {
	margin-top:15px;
	margin-left: 10px;
	width:94%;
	float:left;
	height: 100%;
}

#text_frame #page_body h1 {margin-top:0px;  padding-top: 20px; padding-left: 20px;}
#text_frame #page_body #page_content {padding-left: 20px; width: 45%; height: 100%;}
#text_frame #middle_shadow {	background-image:url(../Images/bg/bevel_middle.jpg); width: 953px; height: 100%;}
#text_frame #top_shadow {	background-image:url(../Images/bg/bevel_top.jpg);height: 17px; width: 953px;}
#text_frame #bottom_shadow {	background-image:url(../Images/bg/bevel_bot.jpg); height: 17px; width: 953px;}
#text_frame #page_body {min-height:288px; background-image:url(../Images/bg/background_image.jpg); background-repeat:no-repeat;}
#footer {width:100%; background-image:url(../Images/blue_template/px_db.gif); position: fixed; bottom: 0; min-height: 10%}


@media only screen and (max-width: 1177px) and (min-width: 501px){

#site_logo {
		background-size: cover;
		background-position: bottom left;
		}

}

@media only screen and (max-width: 500px) {

#site_logo {height: auto;}
#site_logo img {
	width: 170%;
	height: auto;
}
		
#header ul {
	margin: 0;
	padding: 0;
	list-style-position:inside;
	height: auto;
	background-image:url(../Images/blue_template/px_bl.gif);
}

#header li {
	width: 100%;
	margin:auto;
	height: 40px;
	font-size:1.3em;
	color: #fff;
	text-transform:uppercase;
	font-weight:bold;
	list-style-type:disc;
	background-image:url(../Images/blue_template/bl_bevel_mid_mobile.gif);
	background-repeat:repeat-x;
	background-color:#06F;
	padding-bottom: 0px;
	overflow: hidden;
	padding-top: 10px;
	text-align:bottom;
}

#text_frame {margin: 0px; padding-top: 0px; padding-left: 0px; }
#text_frame #middle_shadow {background-imege: none;}
#text_frame #page_body {background-image:none;}

#header li:hover, #header li:active {background-image:url(../Images/blue_template/bl_bevel_mid_mobile_hover.gif);}
	
 #content #bev_r, #content #bev_l,#header #bev_r, #header #bev_l, #text_frame #top_shadow, #text_frame #bottom_shadow {
	 display:none;
 }
 
  
html, body, #wrapper {
	 overflow:auto;
 }
}