html,body{margin:0;padding:0}
body{font:76% "Trebuchet MS",arial,sans-serif;color: #333333;text-align:center;padding: 20px; background:#CCCCCC}
h1,h2{padding-left: 15px;margin: 0}
h2{font-size: 160%;color: #555}
p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}
dl{margin:5px; padding-left:5px}
dt{font-weight:bold}
address{font-style: normal}

div.gradient{
background:#F2F2F2 url(gradient.png) repeat-x top;
 margin: 15px}
div.gradient p{margin:0;padding: 2px 5px}
div.gradient h2,h3{margin:0;padding: 2px 5px}
p.codehere{color: #2A4D91}

div#container{width:900px;margin: 0 auto;background-color: #ffffff;text-align: left}
div#container h1,h2,h3{color:522661; font-weight:bold}
div#header{background-color: #e7e7e7;padding:10px 0}
div#header h1{color: #522661;font-size: 300%;font-weight: 900}
div#menu{width:100%;overflow:auto;background: #e7e7e7;border-bottom: 1px solid #333333;padding-top: 5px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:15px}
ul#nav li{float:left;width:80px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:80px;text-decoration:none;background: #2559ac;color: #ffffff}
ul#nav li.active a,ul#nav a:hover{color: #91b0cf}
div#navBar{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	 
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top:15px;
}
/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding:0}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}
#headlines{
  float:right;
	width: 30%;
	margin:0;
	 
	padding-right: 10px;
	padding-left:2px;
}
div#headlines h3 {text-align:center}
div#headlines ul{margin:0; padding:2; align:left}
div#headlines li{margin:0; padding:0}
div#headlines h2,h3 {color:522661; font-weight:bold}
 
div#content{clear; float:left;padding-top:15px;background-color: #ffffff;
width:68%; border-right: 2px #003366 dotted}
div#footer{clear: both;padding-top:5px;text-align: center;font-size: 90%;background: #8395CB;color: #FFF}

div#box{
	float:none;
	display:inline;
	width:150px;
	margin: 5px 15px 0 5px;
	background:#ff9933;
	text-align:center
}
div#box p{padding:0 5px}
div#box a{text-decoration:none; color:#003366}
div#box a:hover {text-decoration:underline}
div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #FFF}
div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0px}
#container #content h4 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}