/* text sizing http://24ways.org/2006/compose-to-a-vertical-rhythm */
body /* for ie6 and below */ { font-size: 81% } 
html>body /* for all other browsers */ { font-size: 13px;} 
p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* = 6px of spacing between lines making 21px total line-height */ 
{ line-height: 1.5em; }
p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* set margins to preserve 21px line-height by matching line-height */ 
{ font-size: 1em; margin-top: 1.615384em; margin-bottom: 1.615384em; }
body, form { font-family: Verdana; }

h1 { /* 30px */ font-size: 2.3076923em;  color: #d6399c; border-bottom: 1px solid #999999; padding-bottom: 0.75em }
h2 { /* 16px */ font-size: 1.2307692em;  font-weight: bold; margin-bottom: 1.3125em; margin-top: 1.3125em; color: #dd7010; }
h3 { /* 14px */ font-size: 1.0769230em;  font-weight: bold; margin-top: 1.5em; margin-bottom: 1.5em; color: #dd7010  }
h4 { /* 13px */ font-size: 1.0em;  font-weight: bold; margin-top: 1.5em; margin-bottom: -1.5em; }
.smalltext /* equivalent to 11px */ { font-size: 0.86666em; line-height: 1.615384em; margin-top: 1.615384em; margin-bottom: 1.615384em; }
#content ul li, #content ol li ul li /* making sure bullets just appear in content lists */ { margin-left: 1.25em; padding-left: 0;  list-style-type: disc;   }
#content ol li, #content ul li ol li { margin-left: 1.8em; padding-left: 0em; list-style-type: decimal; background: none;  }
#content ol ol, #content ol ul, #content ul ol, #content ul ul { margin: 0 }
blockquote { padding-left: 1.05em; margin-left: 0.25em; border-left: 0.2em solid #d6399c; font-style:italic}
a { color: #0579a6; text-decoration: none; } /*border-bottom: 1px solid #82bcd2 */
a:hover { color: #0579a6; text-decoration: none; background: #d2f2fe }

/* HEADER */
body { background: #eee url(/images/header-body-back.jpg) no-repeat top center ;}
#header { width: 940px /* 960-10 padding either side */; margin: 0 auto; position: relative; height: 162px;   }
#wse-logo { display: block; position: absolute; top: 21px; left: 2px; width: 161px; height: 71px; border: 0 }
#wse-logo span { display: block; height: 71px; position: absolute; left: 0; top: 0px; background: url(/images/wse-logo.gif) no-repeat top left ; width: 161px }
#main-navigation { font-size: 50%; height: 100px; position: absolute; bottom: 0; left: -1px; width: 960px; ; margin: 0; padding: 0;   }
#main-navigation ul { float: left; position: absolute; margin: 0; padding: 0;  bottom: 0; left: 0; width: 100%; }
#main-navigation li { float: left; }
#additional-navigation { font-size: 50%; position: absolute; right: 0; top: 8px }
#additional-navigation li { float: left; margin-right: 5px }

form#search { margin: 0 -5px 0 0; padding: 0; position: absolute; right: 35px; top: 10px  }
#search-box { height: 22px; padding-top: 5px; background: white url(/images/search-back.gif) no-repeat left top; border: 0; float: left; margin-left: 0.5em; width: 230px }
#search-button { position: relative; left: -1px}

/* IMAGE REPLACEMENT FOR NAVIGATION */
#main-navigation a { height: 50px; position: relative; display: block; margin: 0; padding: 0; border: 0; }
#main-navigation a span { height: 50px; position: absolute; left: 0; top: 0  }
#main-navigation a:hover { cursor:pointer;  }
#main-navigation a:hover span { background-position: bottom left }

#nav-home a { width: 60px; }
#nav-home a span { width: 60px; background: url(/images/nav-home.gif) no-repeat top left ; }
#nav-home a:hover span { background: url(/images/nav-home.gif) no-repeat bottom left; }
#nav-home-on { width: 60px; position: relative; /* essential */ border-bottom: 1px solid #f0f0f0 }
#nav-home-on a span, #nav-home-on a:hover span { width: 60px; background: url(/images/nav-home.gif) no-repeat top right; }

#nav-2 a { width: 129px; }
#nav-2 a span { width: 129px; background: url(/images/nav-ambitions.gif) no-repeat top left ; }
#nav-2 a:hover span { background: url(/images/nav-ambitions.gif) no-repeat bottom left; }
#nav-2-on { width: 129px; position: relative; /* essential */ border-bottom: 1px solid #f0f0f0 }
#nav-2-on a span, #nav-ambitions-on a:hover span { width: 129px; background: url(/images/nav-ambitions.gif) no-repeat top right;  }

#nav-3 a { width: 142px; }
#nav-3 a span { width: 142px; background: url(/images/nav-during.gif) no-repeat top left ; }
#nav-3 a:hover span { background: url(/images/nav-during.gif) no-repeat bottom left; }
#nav-3-on { width: 142px; position: relative; /* essential */ border-bottom: 1px solid #f0f0f0 }
#nav-3-on a span, #nav-during-on a:hover span { width: 142px; background: url(/images/nav-during.gif) no-repeat top right;  }

#nav-4 a { width: 149px; }
#nav-4 a span { width: 149px; background: url(/images/nav-after.gif) no-repeat top left ; }
#nav-4 a:hover span { background: url(/images/nav-after.gif) no-repeat bottom left; }
#nav-4-on { width: 149px; position: relative; /* essential */ border-bottom: 1px solid #f0f0f0 }
#nav-4-on a span, #nav-after-on a:hover span { width: 149px; background: url(/images/nav-after.gif) no-repeat top right;  }

#nav-6 a { width: 58px; }
#nav-6 a span { width: 58px; background: url(/images/nav-blog.gif) no-repeat top left ; }
#nav-6 a:hover span { background: url(/images/nav-blog.gif) no-repeat bottom left; }
#nav-6-on { width: 58px; position: relative; /* essential */ border-bottom: 1px solid #f0f0f0 }
#nav-6-on a span, #nav-blog-on a:hover span { width: 58px; background: url(/images/nav-blog.gif) no-repeat top right;  }

#nav-5 a { width: 86px; }
#nav-5 a span { width: 86px; background: url(/images/nav-about.gif) no-repeat top left ; }
#nav-5 a:hover span { background: url(/images/nav-about.gif) no-repeat bottom left; }
#nav-5-on { width: 86px; position: relative; /* essential */ border-bottom: 1px solid #f0f0f0 }
#nav-5-on a span, #nav-about-on a:hover span { width: 86px; background: url(/images/nav-about.gif) no-repeat top right;  }

/* CONTENT  basic grid structure is 10 300 20 300 20 300 10 - 10s are already removed by making width 940 instead of 960 */
#content { width: 940px /* 960-10 padding either side */; margin: 0 auto; min-height: 30em; height: auto }
/* for Internet Explorer */
/*\*/
* html #content {
height: 30em;
}
/**/
#content-position { background: white url(/images/content-position-back.gif) repeat-x top left; overflow: auto}

/* footer */
#footer { clear: both; margin-top: 1.5em }
#homepage-bottom .homepage-column-container { border-bottom: 1px solid #ccc; overflow: auto }
#homepage-bottom #footer { width: 940px /* 960-10 padding either side */; margin: 0 auto; }
#footer-left { float: left; width: 65%; margin: 0.75em 0 3em 0  }
#footer-right { float: right; width: 30%; text-align: right; margin: 0.75em 0 3em 0  }

/* CONTENT PAGES */
/* section images */
.breadcrumbs-and-h1 { min-height: 131px; height: auto;   }
/* min-height for Internet Explorer */
/*\*/
* html .breadcrumbs-and-h1 {
height: 131px; 
}
#breadcrumbs { margin: 0; padding: 3.5em 0 0 0 }
.breadcrumbs-and-h1 h1 { margin: 0.25em 0 }
#lead-in { background: #fef2df; border: 1px solid #ff9c10; padding: 1em; font-size: 1.0769230em;  }

/* side navigation and main content column layout */
#content-main-col { float: left; width: 620px }
#side-navigation { float: right; width: 300px }

/* side navigation styling */
#side-navigation ul { margin: 1em 0 0 0; padding: 0; border-top: 1px solid #cccccc; }
#side-navigation ul li { list-style-type: none; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 0; margin: 0 }
#side-navigation ul ul li { margin-left: 1em }
#side-navigation ul li a { padding: 0.4em 0.25em; border: 0; display: block; color: #333333 }
#side-navigation ul li a:hover { background: #fef2df }
#side-navigation ul li a.currentpage, #side-navigation ul li a.currentpage:hover { color: #d6399c; background: white } 

/* content images */
.image-right { float: right; margin: 0 0 20px 20px }
.image-left { float: right; margin: 0 20px 20px 0 }
.image-with-caption { font-size: 0.86666em; }
.image-with-caption img { border: 1px solid #ccc; padding: 2px; margin-bottom: 5px }

/* for blog posts */
.wp-caption {background-color:#f8f8f8; border:#e8e8e8 solid 1px;margin:0 0 0 5px; font-size:smaller; line-height:.9em; float:right}
.wp-caption img {margin:auto; border:#000 solid 2px}

/* prev next */
.nav_next {float:right; margin-bottom: 1.5em; background: url(/images/triangle.gif) no-repeat right center; padding-right: 15px; width: 285px; text-align: right; line-height: 1.5 }
.nav_prev {float:left; margin-bottom: 1.5em; background: url(/images/triangle-prev.gif) no-repeat left center; padding-left: 15px; width: 285px; line-height: 1.5  }

table.displaytable td, table.displaytable th {padding:5px}

div#blog h4 {font-size:1.3em; margin:0 0 .5em 0}
div#blog p {padding: 0.2em 0; width:96%}
div#blog p a {display:block;width:100%;background-color:#f8f8f8;text-decoration:none; padding: 0 0.4em; border-width:0 0 0 3px;border-color:#525;border-style:solid; color: #000;margin:0.2em 0; }
div#blog p a:hover {text-decoration:underline;background-color:#fff;border-color:#a4a}
div#blog p br {display:none}