/* CSS Document */
/* colors used in site
dark aqua #0077bb or 07b
med aqua #00bbed  
light aqua #88ccee
grey #dddddd
yellow #ffee33
orange #ee99ee
*/
/* zero out all elements from browser defaults */
body, p, img, form, ul, li, span, img, a, img a{
margin: 0;
padding: 0;
border: 0;
}
ul, ul li {list-style-type: none;}

/* styles */

body{text-align: center; background-color: #eee}
p {text-align: justify; margin-bottom: 10px; }
#wrapper{
margin: 10px auto;
position: relative;
width: 90%;
min-width: 760px;
max-width: 1000px;
text-align: left;
background-color: #fff;
border-top: 5px solid #07b;
}
#menu, #banner, #content, #footer{
position: relative;
clear: both;
margin: 0 15px 10px 15px;
}

.right{
float: right; 
margin: 0 0 0 15px;
}
.left{
float: left;
margin: 0 15px 0 0 ;
}
.center{
text-align: center;
}
.clear {
clear:both;
height: 1px;
}
/* font sizes */
body, p {font: 12px/16px Arial, Helvetica, sans-serif; }
h1{font-size: 18px; line-height: 30px;}
h2{font-size: 18px; line-height: 24px; letter-spacing: 2px;}
h3{font-size: 14px; line-height: 24px}
.smalltext{font-size: 9px;}
.box{ padding: 0 15px 0 0; }
#footer p{font-size: 9px; line-height: 30px;}

/* font colors */
body{color: #555;}
a {color: #07b; text-decoration:none;}
a:hover{color: #e93;}
h1, h2, h3 {color: #07b;}

/* top menu styles */ 
#nav {
	width: 100%;
	float: right;

}
#nav ul {
float: right;
margin: 0;
padding: 0;
}
#nav ul li {
	display: inline;
	float:left;
	margin: 0;
}
#nav ul li a{
display: block;
padding: 0 15px;
text-align: center;
line-height: 40px;
font-size: 14px;
letter-spacing: 1px;
}
#nav ul li a:hover{
background-color: #88ccee;
color: #fff;
}
/* sub navigation used on vision page */
#subnav {
    float: left;
    margin: 0;
    width: 195px;
}
#subnav ul {
margin: 0;
padding: 0;
}
#subnav ul li {
	display: block;
        width: 195px;
	margin: 0;
        padding: 0;
	border: 0;
}
#subnav ul li a{
display: block;
text-indent: 15px;
line-height: 25px;
font-size: 14px;
letter-spacing: 1px;
border-left: 5px solid #07b;
background-color: #fff;
}
#subnav ul li a:hover{
border-left: 5px solid #0be;
background-color: #07b;
color: #fff;}

/* numbered lists */
ol{ margin: 0;}
ol > li{margin: 0; padding: 0; list-style:decimal;}

/* other styles */
#banner{ background-color: #88ccee; height: 100px; }
.bannertitle {
float: right; 
padding: 0 15px; 
line-height: 100px; 
color: #fff; 
font-size: 20px;
font-weight: bold;
border-left: 1px solid #fff;
}
#visioncontent {
float: right;  
width: 65%; 
min-width: 550px;
max-width: 950px;
margin-right: 15px; }
.large{font-size: 16px; }
.bordered{border: 3px solid #999; text-align: center;}
#toggler dt {color: #0077bb; font-size: 14px; font-weight: bold; cursor: pointer;}
#toggler dt:hover {color: #ccc;}
#toggler dd{display: none; margin: 5px 0 15px 0; }

#footer{ background-color: #ddd; height: 30px;}
#footer p{ padding: 0 15px; }