﻿html { background: #333; }
body {
	margin: 0; padding: 0;
	font: 12px normal Arial, Helvetica, sans-serif;
	background: #333;/* background: #ddd url(body_bg.gif) repeat-x; */}
.container {	background: #333; width: 900px; max-width:900px;	margin: 0 auto;	position: relative;
            	max-width:900px; padding:12px;
            	}
.clear { clear:both;}

#content { background:#eee; min-height:600px; padding:10px;clear:both;  }

h1.logo { background-color: transparent;background: url(header_bg.jpg) no-repeat left top;text-indent: -1000px; margin:0px; height:122px;}
.right { float: right; }
/*
#header {	background: url(assets/header_bg.jpg) no-repeat center top;	padding-top: 100px; }
#header .disclaimer {color: #999;padding:100px -1px 10px 0;text-align: right;display: block;	position: absolute;	top: 20px; right: 20px;}
#header .disclaimer a {	color: #ccc;}
*/
ul.topnav {	list-style: none;	padding: 0 20px;		margin: 0;	float: left;	width: 860px;
	background: #222;	font-size: 1.2em;	background: url(topnav_bg.gif) repeat-x;}
ul.topnav li {float: left;	margin: 0;		padding: 0 15px 0 0;	position: relative;} /*--Declare X and Y axis base--*/
ul.topnav li a{	padding: 10px 5px;	color: #fff;	display: block;	text-decoration: none;	float: left;}
ul.topnav li a:hover   {background: url(topnav_hover.gif) no-repeat center top;}
ul.topnav li span { width: 17px;	height: 35px;	float: left;	background: url(subnav_btn2.gif) no-repeat center top;}/*--Drop down trigger styles--*/
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;	background: #333;	margin: 0; padding: 0;	display: none;
	float: left;	width: 170px;	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;	-webkit-border-bottom-left-radius: 5px;	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111; z-index:5;
}

ul.topnav li ul.subnav li{	margin: 0; padding: 0;clear: both;	width: 170px;
	border-top: 1px solid #252525; border-bottom: 1px solid #444;/*--Create bevel effect--*/}
	
html ul.topnav li ul.subnav li a {
	float: left;	width: 145px;	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;	padding-left: 20px;}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; }
	
#header img {margin: 20px 0 10px;}
/*
#footer { background:#555;height:40px; }
#footer a {outline-color: -moz-use-text-color;outline-style: none;outline-width: medium; }
#footer a:link, #footer a:visited {color: #7389ae;}
#footer a:hover, #footer a:active {color: #faec8f;}
*/
.box { padding:10px; margin:0px; background:white;}
.col2 { float:left; margin-right:5px;  }

#slides { visibility:hidden; }

.about { margin-bottom: 0em; margin-left:760px;margin-top:-100px;padding-bottom:60px; }
.about a , .about a:visited, .about a:link { color:White; text-decoration:none; }
.about a:hover { color:#aaa; }

#wrap a , #wrap a:visited, #wrap a:link { color:White;  font-weight:bold; }

#header { position: relative;z-index: 5; }

h2, h3 { font-weight:bold; }
h2 { font-size:140%} 
h3 { font-size:120%}
.box p , .box li , p , br, li { margin: 8px; font-size:120%; }

/* .box ul { list-style-type:circle; } */
.box ul ,.box  li {list-style-type:disc;margin-left:20px;}
li {  }


/* .selected { background: #666; } */
.selected  {background: url(topnav_hover.gif) no-repeat center top;}

.footer { background: #ccc;margin-top:30px; }
.fourcolumn { float: left; margin-left: 10px; width: 200px;  }
#footer { background:#555;height:160px; font-size:80%; }
#footer li { margin:4px; }
#footer-wrapper { padding-top:16px; }
#footer a {outline-color: -moz-use-text-color;outline-style: none;outline-width: medium; }
#footer a:link, #footer a:visited {color: #7389ae;}
#footer a:hover, #footer a:active {color: #faec8f;}
#copyright { color:White; }
strong { font-weight:bold; }

.app  { border: solid 1px  #444; float:left; margin-bottom:10px; margin-right:10px; padding:10px; width:390px; height:160px;background:white; }
.app img { float:right; width:200px; height:120px; padding:2px; margin-top:10px; }
.app .desc { float:left;width:180px; font-size:90%; margin:0px;}
.app .desc p { margin:2px 0 0 0; float:left;}
.app .logo { float:right; }

#our_sites { padding-left:20px;float:left;padding-top:10px;}

