/* screen.css for SAS theme
------------------------------------
November 2007 by Figrig Web Crafters (www.figrig.com)
------------------------------------
CURRENT COLOR:
lt gray F2F5EA (outside bg)
lt blue A1E2EB, C3E7EF
med blue 006199, 0776A9
orange FF6906
yellow FFB30E
header border gray CCCCCC (home page spotlight)     
------------------------------------
SHOULD-BE COLOR (from Sian):
orange: F97205
yellow: FCB001
lt blue: c3e7ef
dk blue: 0980ae
------------------------------------
Add to WysiwygPro formatting options:

h3.spotlight
p.intro
.imageright
.imageleft

------------------------------------

Layout
(arrangement of major div tags in the Page template that this CSS styles)

TOP - top section #header is on it's own (#headerWrapper used for shadow right of photo)

BOTTOM 3 COLUMNS:
#contentWrapper contains the 3-column layout, with two major sections:
1. #content (right float), and
2. #side (left float)

Within #content are these:
1-1. #mainContent (left float), and
1-2. #sideContent (right float)
Then #content ends, and floats are cleared.

Finally...
3. show #footer

End #contentWrapper, done.
------------------------------------
*/

body {
	background: #FFF url(../_i/body_bg.gif) repeat-y 50% 0;
	text-align: center;
	color: #333333;
	font-family: verdana, arial, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
form, input {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
a, a.visited {
	color: #005382;
	text-decoration: underline;
}
a:hover {
	color: #F97205;
	text-decoration: none;
}

/* HEADER
--------------------------------- */

/* might need header wrap to hold drop shadow */
#headerWrapper {
	width: 758px;
	height: 163px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
#header {
	width: 758px;
	height: 132px;
	margin: 0;
	padding: 0;
}
#header h1 {
	width: 758px;
	height: 132px;
	background: transparent url(../_i/header2.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -2500px;
	overflow: hidden;
}
#header h1 a {
	width: 400px;
	height: 84px;
	float: left;
	display: inline;
	text-decoration: none;
	border: none;
}

/* TOP NAVIGATION - set widths to suit when Primary Links are added/removed/rearranged
--------------------------------- */
#top_nav {
	position: absolute;
	top: 132px;
	margin: 0;
	padding: 0;
}
#top_nav li#id1 {
	width: 123px;
}
#top_nav li#id2 {
	width: 150px;
	border-left: 1px solid #FFF;
}
#top_nav li#id3 {
	width: 100px;
	border-left: 1px solid #FFF;
}
#top_nav li#id4 {
	width: 174px;
	border-left: 1px solid #FFF;
}
#top_nav li#id5 {
	width: 175px;
	border-left: 1px solid #FFF;
	background-image: none;
	padding-right: 0;
}
#top_nav li#id6 {
	width: 130px;
}
#top_nav li#id7 {
	width: 130px;
}

/* top_nav styles below */
#top_nav ul {
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
	border-bottom: 1px solid #FFF;
	text-align: center;
}
#top_nav ul li {
	float: left;
	background: #FCB001 url(../_i/nav_arrow.gif) no-repeat 97% 50%;
	padding-right: 8px;
	display: inline;
	height: 30px;
}
#top_nav li a {
	color: #FFF;
	text-transform: uppercase;
	font-family: arial, helvetica, verdana;
	font-size: 115%;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
	display: block;
}

/* CONTENT
--------------------------------- */
#contentWrapper {
	background: #FFF;
	width: 758px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#content {
	width: 610px; /* set to 600px for more virtual gutter */
	float: right;
}

/* mainContent */
#mainContent {
	width: 410px;
	float: left;
}
#mainContent h2 {
	font-size: 160%;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	margin: 18px 0 12px 0;
	padding: 0 8px 0 0;
}
#mainContent h2 a {
	text-decoration: none;
}
#mainContent h3 {
	font-size: 115%;
	font-family: helvetica, arial, sans-serif;
	margin: 0 0 6px 0;
	padding: 0 8px 0 0;
}
#mainContent h3 a {
	padding: 0;
}
body.home #mainContent h3,
#mainContent h3.spotlight {
	width: 90%;
	padding: 6px 0 4px 0;
	border: 1px solid #CCC;
	border-width: 1px 0;
	font-size: 110%;
	font-weight: normal;
	text-transform: uppercase;
}
.spotlight2 { /* for WysiwygPro 3 class */
	font-size: 110%;
	font-family: helvetica, arial, sans-serif;
	margin: 0 0 6px 0;
	padding: 0 8px 0 0;
	width: 90%;
	padding: 6px 0 4px 0;
	border: 1px solid #CCC;
	border-width: 1px 0;
	font-weight: normal;
	text-transform: uppercase;
}
#mainContent h2 a {
}
#mainContent h4 {
	font-size: 110%;
	margin: 0 0 2px 0;
	padding: 0 8px 0 0;
}
#mainContent p {
	font-size: 93%;
	line-height: 1.4em;
	margin: 0 0 16px 0;
	padding: 0 8px 0 0;
}
#mainContent ul,
#mainContent ol {
	line-height: 1.4em;
	margin: 0 0 16px 20px;
	padding: 0 8px 0 0;
}
#mainContent dl {
	line-height: 1.4em;
	margin: 0 0 16px 0;
	padding: 0 8px 0 0;
}
#mainContent ul.links { margin-left: 0; }
#mainContent li,
#mainContent dd {
	margin: 0;
	padding: 0;
}
#mainContent dt {
	font-weight: bold;
	margin-top: 10px;
}

#mainContent ul ul,
#mainContent ul ul ul,
#mainContent ol ol,
#mainContent ol ol ol,
#mainContent dl dl,
#mainContent dl dl dl,
#mainContent li li,
#mainContent li li  li {
	font-size: 100%;
}

#mainContent p.intro {
	font-size: 100%;
}
/* section_links */
.section_links {
	border: 1px solid #dedede;
	float: right;
	margin: 15px 25px 10px 10px;
	width: 200px;  
}
.section_links h3,
.section_links h4 {
	font-size: 90%;
	margin: 15px 15px 10px 15px;
	padding: 0;
	font-weight: normal;
}
.section_links ul {
	margin: 0 15px 8px 35px;
	padding: 0;
}

/* Page Templates for main Sections (differ by Headers: photo and sub-nav)
--------------------------------------- */
#sectionHeader { padding-top: 12px; }
#sectionPhoto { float: left; width: 345px; height: 164px; margin: 0; padding: 0; }
#sectionNav { float: right; width: 252px; height: 164px; margin: 0; padding: 0; }

#sectionNav h4 {
	margin-top: 8px;
	padding-left: 20px;
	text-transform: uppercase;
	font-weight: normal;
}
#sectionNav ul {
/*	width: 100%; */
	padding-left: 20px;
}
#sectionNav ul li {
	color: #FFF;
}
#sectionNav ul ul {
	padding-left: 0px;
	margin-bottom: 0;
}
#sectionNav li.current_page_item a,
#menu3 li.current_page_item a {
	font-weight: bold;
}
#sectionNav li.current_page_item li a {
	font-weight: normal;
}
#sectionNav a,
#sectionNav a.visited {
	color: #FFF;
	text-decoration: none;
}
#sectionNav a:hover {
	text-decoration: underline;
}

/* Nav Level 3
--------------------------------------- */
#menu3 {
	float: right;
	width: 250px; /* 252px - borders (2px) */
	border: 1px solid #627F36; /* Policies green */
	border-width: 0 1px 1px 1px
}
#menu3 ul {
	list-style: none;
	margin-top: 6px;
	margin-right: 0;
	width: 95%;
}
#menu3 ul ul {
	list-style: disc;
	margin-top: 0;
	margin-right: 0;
}
#menu3 li, #menu3 li li {
	width: 97%;
}
#menu3 a {
	text-decoration: none;
}
#menu3 ul li a {
	font-weight: bold;
}
#menu3 ul ul li a {
	font-weight: normal;
}

#navLevel3 {}
#navLevel3 ul {
	float: left;
	width: 100%; /* full width of content is 610 */
	list-style: none;
	margin: 0; padding: 0;
}
#navLevel3 ul li {
	float: left;
	padding: 0 4px;
	margin: 0;
	border-right: 1px solid #999;
	line-height: 1.5em;
	list-style: none;
}
#navLevel3 ul a {
	float: left;
	display: block;
	text-decoration: underline;
}
#navLevel3 ul li.current_page_item a {	
	font-weight: bold;
/*	font-size: 110%; */
	color: #000;
	text-decoration: none;
}


/* sideContent -- the RIGHT SIDE */
#sideContent {
	width: 188px;
	float: right;
}
#sideContentTop {
	background: #C3E7EF url(../_i/side_top_ltblue.gif) no-repeat 0 0;
}
#sideContentTop a, #sideContentTop a.visited {
	color: #000;
	text-decoration: underline;
}
#sideContentBottom {
	background: #0776A9 url(../_i/side_bottom_dkblue.gif) no-repeat 0 100%;
	color: #FFF;
}
#sideContentBottom a, #sideContentBottom a.visited {
	color: #FFF;
	text-decoration: underline;
}

#sideContent h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	padding: 0 11px 0 14px;
	text-transform: uppercase;
}
#sideContent h4,
#sideContent p,
#sideContent li {
	padding: 0 11px 0 14px;
}
#sideContent li p {
	padding: 0;
	font-size: 100%;
}

/* SUB-PAGES - having NO #sideContent
--------------------------------- */
.sub #mainContent { /* when no sidebar, add the 188 to 410  */
	width: 598px;
}
.sub #mainContent p,
.sub #mainContent ul,
.sub #mainContent ol {
	padding-right: 40px;
}
.sub #mainContent ol {
	padding-left: 10px;
}
.sub #mainContent p.breadcrumb {
	margin-top: 26px;
	width: 95%;
	padding: 3px;
	background: #F7F7EE;
}

.directory {
	border-bottom: 1px solid #CCC;
	margin-bottom: 16px;
}

/* BLOCK - for #side (left) and #sideContent (right)
--------------------------------- */

.block h3 {
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: normal;
	font-size: 110%;
}
.block h4 {
	margin: 0;
	padding: 0;
}
.block p {
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 1.3em;
	font-size: 85%;
}
.block ul {
	list-style: none;
	margin: 0;
	padding: 0 0 12px 0;
}
.block li {
	list-style: none;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 85%;
}
.block li li,
.block li li li {
	font-size: 100%;
}
.block {
	padding-top: 12px;
}


/* SEARCH
--------------------------------- */
#search #s {
	width: 116px;
	vertical-align: middle;
	color: #0980ae;
}
#search {
	margin-top: 4px;
	padding: 0;
}
#search .form_submit {
	width: 10px;
	margin: 0;
	padding: 0;
}
#search input {
	vertical-align: middle;
}


/* SIDE
--------------------------------- */

#side { /* leave 20px virtual gutter */
	width: 140px;
	height: 450px;
	background: #009ABA url(../_i/nav_bg_taller.jpg) top right no-repeat;
	float: left;
}
#side .block {
	padding: 12px 56px 0 16px; /* at 56 left the "mark your calendar" h3 just fits */
}
#side .block #sideNav li {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
ul#sideNav {
	list-style: none;
	margin: 20px 0 16px 0;
	padding: 0;
}
ul#sideNav li {
	padding: 6px 0;
	margin: 0;
}
#sideNav li a, #sideNav li a.visited {
	color: #FFF;
	text-transform: uppercase;
	padding-left: 16px;
	line-height: 1.3em;
	display: block;
	text-decoration: none;
}
#sideNav li a:hover {
	text-decoration: underline;
}
#sideNav li.current_page_item a,
#sideNav li.active a {
	background: transparent url(../_i/nav_active.gif) no-repeat 3px 5px;
}
.line {
	margin: 0 16px 0 0;
	border-top: 1px solid #FFF;
}
#side .line {
	margin: 0 70px 0 12px;
	border-top: 1px solid #FFF;
}

/* FOOTER
--------------------------------- */
#footer {
	clear: both;
	width: 758px;
	text-align: left;
}
#footer p {
	font-size: 85%;
	margin: 0;
	padding: 6px 0 6px 160px;
}
#footer a, #footer a.visited {
}
#footer a:hover {
}


/* MISC
--------------------------------- */
.imageleft {
	float: left;
	margin: 0 12px 12px 0;
}
.imageright {
	float: right;
	margin: 0 0 12px 12px;
}
.alt {
	background: #F2F5EA;
	padding-top: 8px;
}

#sideContentBottom #tagCloud ul.st-tag-cloud li a,
#sideContentBottom #tagCloud ul.st-tag-cloud li a.visited {
	color: #FFF; /* for home page tag cloud on dk blue sideContent bg */ 
}
#sideContentBottom #tagCloud ul.st-tag-cloud li a:hover {
	text-decoration: none;
}
#mainContent #tagCloud {
	float: right;
	width: 161px;
	background: #C3E7EF url(../_i/bg_tagcloud_foot.gif) no-repeat 0 100%;
	padding: 0;
	margin: 0 0 20px 0;
}
#tagCloud h4 {
	font-weight: normal;
	font-style: italic;
	font-size: 90%;
	margin: 6px 0 0 0;
	padding: 0 0 0 18px;
}
#tagCloud ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 18px;
}
#tagCloud li {
	display: inline;
	padding: 0; margin: 0;
}
#tagCloud li a,
#tagCloud li a.visited {
	font-size: 100%;
	color: #0980ae;
	padding: 0; margin: 0;
}
#tagCloud li a:hover {
	color: #F97205;
}
/* EVENTS CALENDAR
--------------------------------- */
/* overrides or udpates to plug-in styles */
#wp-calendar table {
	margin-bottom: 20px;
}
#wp-calendar table caption {
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#wp-calendar table td {
	background: #C3E7EF;
}
#wp-calendar table td.pad {
	background: #FFF;
}
#wp-calendar table td#today {
	background: #006199;
	color: white;
	font-weight: bold;
}
#wp-calendar table td a,
#wp-calendar table td a.visited {
	font-weight: bold;
}
/* nav table */
#wp-calendar table.nav {
	margin: 0;
	padding: 0;
}
#wp-calendar table.nav td {
	background: #F2F5EA;
}
#wp-calendar table.nav td a,
#wp-calendar table.nav td a.visited {
	font-weight: normal;
}
#wp-calendar table.nav img {
	border: none;
}

#sideContent .ec3_list { color: #000; font-weight: normal; }
#sideContent .ec3_list li { font-weight: normal; }
#mainContent ul.ec3_events,
#mainContent ul.ec3_events li { list-style: none; margin-left: 0; }

#mainContent ul.postmetadata { line-height: 1em; }
#mainContent ul.postmetadata {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 6px;
}
.post, .navigation { margin-bottom: 15px; }

/* =misc
------------------------------------------------ */
#mainContent img.alignleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
#mainContent img.alignright {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}