/***
	compliant cascading stylesheet
	
	dark blue: #005aac;
	pale blue: #9ba6d7;
	
***/ 
/*	general tags for master padding 	*/
*, body { margin: 0; padding: 0;}
.clear {clear: both;}

/*	more body settings		*/
body { color:#333; background: #fff; font: normal small/115% Georgia, "Bookman Old Style", "Trebuchet MS", "Garamond", serif;  text-align: center; padding: 10px 0 0;}

/*	skip navigation		*/
#skipnav {position: absolute; bottom: 1px; left: 2px; font-size: xx-small; }
#skipnav a { color:#fff;background: transparent; }

/*	page container*/
#page {margin: 0px auto; width: 778px; background: #fff url(../img/pg_bg.jpg) top left repeat-y;}
#fullpage {margin: 0px auto; width: 778px; background: #fff url(../img/full_pg_bg.gif) top left repeat-y;}
/*	header container	*/
#header {background: #fff url(../img/hdr_bg.jpg) top left no-repeat; color: #444; height: 110px; text-align: left; }
#header #rightbox {float: right; width: 200px; height: 100px; margin: 0 15px 0 0;}
#header #date {padding: 20px 0 25px; font-size: 0.83em; text-align: center;}
#header #searchbox {margin: 0 auto; width: 65%; background: #a6a9c1; color: #fff; padding: 2px 5px; }

/*	logo	*/
#header #logo {float: left; width: 500px; padding: 15px 0 0 30px; }
#header #logo img {border: none;}

/*	nav	*/
#nav {clear: both;  float: left; width: 160px; background: transparent url(../img/nv_bg.gif) top right no-repeat; color: #fff;margin:0 0 0 8px; text-align: left;height: 100%;}/*BFC6E6*/
html>body #nav {margin-left: 15px;}
#nav ul {padding: 25px 0 100px  0;}
#nav li {margin: 2px 0 2px 0;list-style: none;}
#nav li a {display: block; height: 25px; line-height: 24px; padding: 0 0 0 25px; font-size: 0.9em; text-decoration: none;background: transparent; color: #fff;}
#nav li a:hover {text-decoration: underline;} 
#nav li.active a {background: #656c9d url(../img/in_bg.gif) center left no-repeat; color:#fff; }

/*	submenu	*/
#nav li.active ul {margin: 0; padding: 0; background: #fff; color: #656c9d;border: 5px solid white;}
#nav li.active li a {background: #8F94B8; color: #fff; }
#nav li.active li a:hover {text-decoration: underline; }

/*	submenu current page */
#nav li.active li.active a {background: #656c9d url(../img/in_bg.gif) center left no-repeat; color: #fff; }
#nav li.active li.active a:hover {background: #fff; color: #656c9d; }

/*	content	*/
#fullcontent  {margin: 0 auto; width: 90%; text-align: left;}
#content { float: right; width: 550px; margin: 0 30px 50px 10px; text-align: left; }
#fullcontent h2, #fullcontent h3,  #content h2, #content h3, #content h4 {background: transparent; color: #005aac; }
#fullcontent h2, #content h2 {font-size: 180%;  padding: 5px 0 20px; font-weight: bold; }
#fullcontent h3, #content h3 {font-size: 145%;  padding: 5px 0 15px; font-weight: bold;}
#content h4 {font-size: 120%;  padding: 5px 0 10px; font-weight: bold;}
#fullcontent p, #fullcontent li, #content p, #content li {line-height: normal;padding: 0 0 10px;}
#fullcontent ul, #fullcontent ol, #content ul, #content ol {margin: 0 0 10px 25px;}
#fullcontent  img.right , #content img.right {float: right; width: 20%; margin: 0 25px 5px 10px;}

/*     image rotator on home page */
#imagerotator {float: right; margin: 0 0 10px 15px ; width: 330px; height: 170px; border: 1px double #656c9d; background: transparent url("../img/ywca-windows.jpg") center center no-repeat;}

/*	news items*/
.newsitem { border: 1px solid #005aac; border-left: 6px solid #005aac; margin: 0 0 10px; padding: 5px 5px 10px; background: transparent; color: #333;}
.newstitle { float: left; width: auto; background: #005aac; color: #fff; font-size: 1.2em;  font-weight: bold; padding: 2px 5px 4px;}
.newsdate {float: right; width: 100px;  background: #b9d2e8; color: #333; font-size: 1em;  text-align: center; padding: 1px 5px; border: 1px solid #005aac; border-right: 1px solid #005aac;}
.newssummary {clear: both; padding: 10px 5px 15px;  background: #fff; color: #333;}
.newslink { padding: 5px 10px; border: 1px solid #005aac;  background: #b9d2e8; color: #333;}


/*	home page maxigallery	*/
#content #homegallery {border: 1px solid #888; height: 120px; width: 370px;margin: 0 0 10px;}

/*		content sidebar on the page*/
#content #sidebar {float: right; width: 180px; margin: 10px  0 10px 10px;}
#content #sidebar .sidebox {margin: 0 0 20px; font-size: 0.9em;background: #f90;}
#content #sidebar .sidebox h2 {border: 1px solid #005aac; background: #005aac; color: #fff; font-size: 12px; height: 16px;padding-left: 5px }
#content #sidebar .sideboxtext {clear: both; margin: -20px 0 0; background: #fff; color: #111;border: 1px solid #005aac; }
#content #sidebar .sideboxtext li,#content #sidebar .sideboxtext p {font-size: 97%; padding: 5px ; }

	/*	contact form stuff	*/
	#content form, #content fieldset { border: none; margin: 0; padding: 0;}
	#content legend { margin: .3em;	padding: 0 1em;	font-weight: bold;} 
	#content label {font-weight: bold;}
	#content input, textarea, select { font: 1em/1.3em normal helvetica, arial, verdana, sans-serif; border: 1px solid #005aac; padding: .3em; margin: .3em;}
	#content input:hover, textarea:hover, select:hover, option:hover {background: transparent;color:#222;border: 1px solid #005aac;}
	#content table#general {width: 99%;margin: 0px auto;padding: .3em; font-size: 1em;}
	#content table#general caption {display: none;}
	#content table#general th {width: 35%; color:#00; background: transparent; text-align: left; font-weight: normal; padding: .5em; margin: 1px;}
	#content table#general td, #content fieldset {width: 83%; color:#222; background: transparent;padding: .5em; }
	#content table#general td.smallblack { color:#111; background: #9ba6d7; font-size: 0.9em;}

/*	footer container	*/
#footer {background: transparent url(../img/ftr_bg.jpg) bottom left no-repeat; color: #444; height: 90px; }
#footer p {padding: 5px 0 0; margin: 0 15px; border-top: 1px solid #9ba6d7; font-size: 0.85em;}
#footer p.weelink {font: normal 0.8em/115% "Trebuchet MS", Georgia, "Garamond"; border: none; background: transparent; color: #939292;}
#footer p.weelink a {color: #29a6d9; background: transparent; text-decoration: none;}
#footer p.weelink a:hover {text-decoration: underline;}