html { margin: auto; padding: 0; }

body { margin: 0; padding-top: 40px;  background-color: #FFFFff;}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

#container {	margin: auto; border: 1px solid #000066; background: #DDD9CE; }

#header {float:left; height: 160px; width: 760px; margin: 0; }
#header img {height:160px; width:750px;}

#sidebar {float:left; background-color: #A8B3C7; text-align: center; margin:0; border-top: 1px solid #fff; }
	#sidebar a  { font-family: verdana, geneva, sans-serif; text-decoration: none; font-weight: bold; color: #fff;}
	#sidebar a.black {color:#000;}
	#sidebar a:hover {color: #fff;}
	#sidebar p  { font-family: verdana, geneva, sans-serif; color: #fff;}

 #content {float:left; background: #DDD9CE; border-left: 1px solid #fff;}
	#content p, li {  font-family:  verdana, geneva, sans-serif; font-size: 12px; color: #000066;}
	#content li {line-height:1.4}
	#content h1 { font-family: verdana, geneva, sans-serif; font-weight: normal; font-size: 20px; color: #000066;}
	#content h2 { font-family: verdana, geneva, sans-serif; font-weight: normal; font-size: 18px; color: #000066;	  }
	#content h3 { font-family: verdana, geneva, sans-serif;; font-weight: normal; font-size: 16px; color: #000066; }
	#content a  {font-family:  verdana, Arial, sans-serif; text-decoration: underline; font-weight: 300; color: #000066; }
	#content a:hover {  color: #043DB2;  }
	#content p.small { font-family:  verdana, geneva, sans-serif; font-size: 12px; color: #202128;}
	#content p.boldserif {font-family:papyrus, "tempus sans itc", "times new roman", serif; color:#000066; line-height:1.3; font-size:16px; font-weight:bold; }


	#content .buttonspace {padding:0 10px; position:relative; top:2px;}
.center {text-align:center}

#footer {margin-left:auto;margin-right:auto;}
	#footer p { text-align: center; font-family:  verdana, Arial, sans-serif; text-decoration: none; color: #454545; }
	#footer a  {font-family:  verdana, Arial, sans-serif; text-decoration: none; color: #454545; }
	#footer a:hover { color: #000066;}
	

hr {width: 600px; color: #F5FBF5; }

@media screen and (min-width: 0px) 
 {

#container {width: 238px; }
#header {width: 238px;}
#header img {width:238px; height:auto;}
#sidebar {width: 218px; padding: 20px 10px 30px 10px;}
#sidebar a  { font-size: 15px;}
.hide {display:inline;}
#sidebar p  { font-size: 15px; }
 #content {width:226px; padding: 5px; }
	#content p, li {  font-size: 15px;  }
	#content li {line-height:1.8}
	#content a  {font-size: 15px;  }
#footer {width:230px; }
	#footer p { font-size: 12px; }
	#footer a  { font-size: 12px; }


.topmenu {background: #000066;   border: 1px solid #000; text-align:center;
    color: #fff; font-family: verdana,arial,sans-serif; font-size: 20px; font-weight: 400;
    margin-bottom: 10px; padding: 1px 10px; position: relative; top: -50px; left:70px;width: 60px;}

 	#menu #main {display:none;}
		.trigger ul {display:none;}
		img.menu {margin-left: 20px; border:0; }
	#menu #main ul {list-style-type: none; text-align: left; position:relative; top:-30px; left:-20px;}
	#menu #main li.menulabel, a.menulabel, .menulabel {font-family: arial, helvetica, sans-serif; text-decoration: none; 
			font-weight: bold; font-size: 16px; line-height:1.6; color: #004488;
			position:relative; top:5px; padding:0 5px 0 0;} 
				/*this controls font style of main links*/


}


@media screen and (min-width: 480px) 
 {

.topmenu {position: relative; top: 10px; left:180px;}

#container {width: 478px; }
#header {width: 478px;}
#header img {width:478px; height:auto;}
#sidebar {width: 456px; padding: 20px 10px 30px 10px;}
#sidebar a  { font-size: 15px;}
.hide {display:inline;}
#sidebar p  { font-size: 15px; }
 #content {width:448px; padding: 5px; }
	#content p, li {  font-size: 15px; }
	#content li {line-height:1.8}
	#content a  {font-size: 15px;  }
#footer {width:460px;}
	#footer p { font-size: 12px; }
	#footer a  { font-size: 12px; }



}


@media screen and (min-width: 600px) 
 {

.hide {display:none;}
.topmenu {display:none;}
#container {width: 598px; }
#header {width: 598px;}
#header img {width:598px; }
#sidebar {width: 210px; padding: 20px 5px 30px 5px;}
#sidebar a  { font-size: 12px;}
.hide {display:inline;}
#sidebar p  { font-size: 12px; }
 #content {width:366px; padding: 5px 5px 35px 5px;   }
	#content p, li {  font-size: 12px; }
	#content li {line-height:1.8}
	#content a  {font-size: 12px;  }
#footer {width:580px;}
	#footer p { font-size: 10px; }
	#footer a  { font-size: 10px; }

#menu { width: 598px;  height: 23px; vertical-align: middle; background-color: #000066; padding: 2px 0 0 0; float: left; border-top: 1px solid #DDD9CE;
		}

#menu #main {display: block; margin: 0;  width:598px; }

#menu #main ul {	list-style: none;	position: relative;	/*display: inline-table;*/	width: 100%;	padding:0; margin:0;	text-align:center;}
	#menu #main ul:after {		content: ""; clear: both; display: block;	}
#menu #main ul li {text-align:center; float:left; padding:0;}
#menu #main li.menulabel, a.menulabel, .menulabel {padding: 0 5px; position:relative; top:33px; left:14px; word-spacing:-2px;}

#menubar #main .menulabel {padding:0;} 
	#menu a { font-family: verdana, geneva, sans-serif; text-decoration: none; font-weight: bold; font-size: 11px; color: #fff;} 
	#menu a.menulabel:hover {color: #DDD9CE; }



#menu .hide, #menu a.hide {display:none;}


#menu #main ul li:hover {	} 
			/* this controls the main menu hover */



}

@media screen and (min-width: 760px) 
 {
#container {width: 760px; }
#header {width: 750px; height:160px;}
#header img {width:750px;}
#sidebar {width: 174px; padding: 20px 10px 30px 10px; position:relative; top:0;}
#sidebar a  { font-size: 12px;}
.hide {display:inline;}
#sidebar p  { font-size: 12px; }
 #content {width: 544px; padding: 10px; }
	#content p, li { margin-left: 20px; font-size: 12px; }
	#content li {line-height:1.4}
	#content a  {font-size: 13px;  }
#footer {width:760px;}
	#footer p { font-size: 10px; }
	#footer a  { font-size: 10px; }

#menu { width: 760px; padding: 2px 0 0 0;}

#menu #main {width:760px; }

#menu #main ul {	padding:0; }
#menu .hide, #menu a.hide {display:inline;}

#menu #main ul li {text-align:center; float:left; padding:0;}

#menu #main .menulabel {padding:0;} 
#menu #main li.menulabel, a.menulabel, .menulabel {padding: 0 14px; word-spacing:initial; position:relative; left: 20px;}




}