/* From OOCSS */ 
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.main{display:table-cell;*display:block;width:auto;}
.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.page{margin:0 auto;width:950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{width:auto;margin:0;}
/* ====== Columns ====== */
.leftCol{float:left;width:250px;_margin-right:-3px;}
.rightCol{float:right;width:300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}


@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}


body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:187.5%; font-weight:normal; font-style: normal; color:#AE0345;}
h2, .h2{font-size:150%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:125%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:112.5%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}

/* links */
a {color: #2c4460; text-decoration: none;}
a:link {text-decoration: underline;}
a:focus, a:hover {text-decoration: underline;}
a:focus{background-color:#FFFFCC;}
a:visited { color:#005a9c; }

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}

/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{font-size:13px; color:#666666; font-style:italic;padding-top:0;}
/* will need to either
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/
/* ====== media ====== */
.media{overflow:hidden; overflow:visible; zoom:1;margin:10px;}
.media .img{float:left;margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}
/* ====== special formatting classes ====== */
.detail{color: #777; font-size:11px;display:block;}


/* End OOCSS */

/* Begin OSD Stuff   */ 

h1{font-size:187.5%;}
h2{font-size:150%; }
h3{font-size:125%;}
h4{font-size:112.5%; }
h5{font-size:108%; }
h6{font-size:108%; }


html { background-color: #74AC74;} 
body{ padding: .5em; background-color: #74AC74; font-size: 16px; line-height: 1.4; }

.head, .nav, .body, .leftCol, .foot { padding: 0 .5em; background-color: #fff;  }
.leftCol{ margin-right: .5em;}

.head {padding: .5em; background-color: #0c5da5; 
background-image: -moz-linear-gradient(center top , #4e8bbe, #0C5DA5) ; 
background-image: -webkit-gradient(linear, center top , center bottom,  from(#4e8bbe), to(#0C5DA5)) ; 
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#4e8bbe, endColorstr=#0C5DA5) ; 
}
.head h1, .head h2, .head h3{  font-weight: normal; color: white;text-shadow:1px 1px 16px #6499C6; behavior: url(/media/css/PIE.php);}
.head h1{ font-size: 3em; line-height: 1;}
.head h2{ margin: 0 0 0 1em; padding-top: 0}
.head h3{ margin: 0.1em; line-height: 1.3; font-size: 1.125em; }

.nav {  background-color: #043a6b ; display: block ; padding: 4px 16px 4px ;
background-image: -moz-linear-gradient(center top , #0e4271, #043A6B);
background-image: -webkit-gradient(linear, center top , center bottom,  from(#0e4271), to(#043a6b)) ; 
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#0e4271, endColorstr=#043a6b) ; 
}
.nav ul {list-style-type: none; padding: 0; background-color: transparent; }
.nav li {display: inline-block;}
.nav li a {background-color: #fff; display: inline-block; padding: .3em .6em .1em; border: 1px solid #eee; }
.nav li a:link, .nav li a:visited, .nav li a:active, .nav li a:hover { text-decoration: none; margin: 0px;
background-image:-moz-linear-gradient(-90deg, #DDDDDD, #FFFFFF 20%, #FFFFFF 70%, #E8E8E8);
}
.nav li a:hover {  
background-image:-moz-linear-gradient(-90deg, #ccc, #FFFFFF 30%, #FFFFFF 60%, #ccc);
}
.nav li a:active { 
background-image:-moz-linear-gradient(-90deg, #bbb, #FFFFFF 40%, #FFFFFF 55%, #bbb);
}

.page {  border: 7px solid #fff;  -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: #000 0 0 6px;  -pie-box-shadow: 0 0 6px #000; box-shadow: 0px 0px 6px #000; behavior: url(/media/css/PIE.php); }

/*.leftCol { width: 14.75em; }*/
.leftCol { /*padding-top: 10px*/ } 
.leftCol h2 {margin-bottom: 0;}
.leftCol > ul li { margin-bottom: 6px}
/*.leftCol > ul > li:first-child { font-size: 1.5em; font-weight: bold; }*/
.leftCol ul {list-style-type: none; padding: 0 0 0 10px ; }
.leftCol ul ul {padding-left: .9em; margin-left: .1em; border-left: solid 2px #ddd}

.main a { text-decoration: underline;}

img {margin: .5em 1em; padding: .0625em; border: solid .0625em #999; }
img.left {margin-left: 0; float: left; }
img.right {margin-right: 0; float: right; }

h1, h2, h3, h4, h5, h6, .leftCol, .nav { font-family: "ratio-1","ratio-2", sans-serif; }
body { font-family: "minerva-modern-1","minerva-modern-2", sans-serif; }

#google_translate_element img { margin: 0; padding: 0; display: inline-block; }
#google_translate_element, #cse-search-box { float: right; }
#google_translate_element .goog-te-gadget-simple .goog-te-menu-value { color: black; }

p + p { padding-top: 0; }

.nav2 ul { font-size:0.9em; list-style-type:none; margin-left:0; padding-left:0; }
.nav2 ul ul { font-size:0.9em; margin-left:1em; }
.nav2 a:link, #nav2 a:visited, #nav2 a:active, #nav2 a:hover { color:#000000; text-decoration:none; }
.nav2 a:hover { outline: dotted 1px #888; /*background-color:#C090DC;*/ }

.emergency { background-color:#FFD100; border:4px dashed orange; }
.emergency h3 {border-color:red; color:red; font-weight:bold; }

h1.news { border: none; padding: 10px; padding-bottom: 0; margin: 0;  }
.news { border:1px solid #CCCCCC; padding:0.2em; margin: 10px;}
.news div { border:1px solid #CCCCCC; padding:0.5em; }
.news .date { display: none;  color: #555; font-size: 80%; } 
.news p { margin-bottom:0.4em; margin-top:0; padding: 0;}
.news h3 {  padding-left: 0;}


.upcoming_events { margin-top:1.5em; font-size: .9em; }
.upcoming_events h3 { color:#691799; font-size:1.2em; margin-bottom:0.3em; }
.upcoming_events ul { list-style-type: none; padding-left: 0;}
.upcoming_events ul ul { margin-left:1em; }
.upcoming_events .calhead { font-weight:bold; }
.upcoming_events li { line-height:1.2; padding-bottom: .3em; }


.bigpics .slideshow img { border: none; padding: 0 ; margin: 0;}
.bigpics h3 { background-color:rgba(0, 0, 0, 0.6);
-pie-background: rgba(0, 0, 0, 0.6);
color: white;
color: rgba(255, 255, 255, 0.9);
margin-top: -38px;
height: 28px;
position: relative;
text-align: right;
z-index: 35;
behavior: url(/media/css/PIE.php);
} 
.icon {padding-top: 10px; }
.icon img { float: left; border: none; -moz-border-radius:3px;
-moz-box-shadow:0px 1px 5px #666666; -webkit-box-shadow: 0px 1px 5px #666666; box-shadow:0px 1px 5px #666666;  padding: 1px; behavior: url(/media/css/PIE.php); }
.icon img:hover { -moz-box-shadow:0px 1px 3px #666666; -webkit-box-shadow:0px 1px 3px #666666; box-shadow:0px 1px 3px #666666; behavior: url(/media/css/PIE.php);}
.icon img:active { -moz-box-shadow:0px 1px 1px #666666; -webkit-box-shadow:0px 1px 1px #666666; box-shadow:0px 1px 1px #666666; behavior: url(/media/css/PIE.php);}
.icon a:link { }

.cal {	text-align: center;	line-height: 1;	padding: 10px; }
.cal table {	border-width: 1px 0 0 1px;	border-style: solid;	border-color: black;	margin: 0;	border-collapse: collapse; width: 90%}
.cal td {	border-style: solid;	border-width: 0 1px 1px 0;	margin: 0; border-color: black; padding: 0; }
.cal td a {	width: 60%;	padding: 20%;	display: inline-block;}
.cal td a:link, .cal td a:visited {	color: black; text-decoration:none;}
.cal td.entry { background-color: #ccc; }
.cal td.prev a:link, .cal td.prev a:visited {	color: #ccc }
.cal td.entry a:hover {	background-color: orange }
.cal td a:hover {	text-decoration: none; }


h1, h2, h3, h4, h5, h6 {color: #2D4392}

.nav {
background-image:-moz-linear-gradient(center top , #354B5E, #304D67);
background-image: -webkit-gradient(linear, center top , center bottom,  from(#354B5E), to(#304D67)) ; 
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#354B5E, endColorstr=#304D67) ; 
}

.nav li a:link, .nav li a:visited, .nav li a:active, .nav li a:hover { background-image: none; }
.nav li a {
background-color: #455D73;
background-color:rgba(255, 255, 255, 0.1);
border:1px solid #586c80;
border:1px solid rgba(255, 255, 255, 0.1);
color:rgb(80%,80%,80%);
color:rgba(255, 255, 255, 0.8);
text-shadow:0 0 1px;
behavior: url(/media/css/PIE.php);
}
.nav li a:hover {
border-color: #6c7d8b;
background-color: #5c6f80;
background-color:rgba(255, 255, 255, 0.2);
text-shadow:0 0 0px;
behavior: url(/media/css/PIE.php);
}
.nav li a:active {
background-color:rgba(255, 255, 255, 0.4);
text-shadow:0 0 0px;
behavior: url(/media/css/PIE.php);
}

.nav a:link, .nav a:visited, .nav a:active, .nav a:hover, .nav p { color: white; }
.nav li.current, .nav li.current a { font-weight: bold; background-color: green; }
.nav2 li.current { font-weight: bold; list-style-image:url("/media/green-12.png")}
.nav2 li.current > a:link,.nav2 li.current > a:visited {/*color: green;*/ }
.nav2 li.current ul { font-weight: normal; }


/*
lgt blue #ff8300
green bg #74AC74 
rose hsl( 364, 54%, 56%) 
light orange hsl( 31, 85%, 71%)
olive!
green hsl( 124, 35%, 62% )

*/

.leftCol > ul { padding-top: 10px;}

th, td { border-color: #aaa }
.login * { color: black; }

th {
text-align: left;
color: white;
background-color: #8DB88F;
}

table {
margin-left: 10px;
margin-right: 10px;
border-collapse: collapse;
border: solid 1px #ddd
}


td, th {/* fix this*/
padding: .5em .5em 0; 
border: solid 1px #ddd
}


ul, ol{
list-style-position: outside;
text-indent: 0;
padding-left: 2.5em;
}

ul > li, ol > li{
	margin-bottom: .2em;
}


li li {
	font-size: 90%
}


ul > li{
list-style-type:disc;
}
ul ul > li{
list-style-type:circle;
}
ul ul ul > li{
list-style-type:square;
}
ol > li{
list-style-type:decimal;
}
ol ol > li{
list-style-type:lower-alpha;
}
ol ol ol > li{
list-style-type:lower-roman;
}

li{
margin-top:.5em;
margin-bottom: .7em;
}

.leftCol li {
list-style-type: none;
}

.slideshow {background-color: #fff;}
.slideshow img:first-child {display: block;}
.slideshow img {display: none;}

.button { border: solid 4px #ffa500; clear: both; margin: 0; font-size: 1.3em;}
.button:hover { border-width: 3px; padding: 1px}
.button:active { border-width: 2px; padding: 2px; }
a:link .button p, a:visited .button p { text-decoration: none !important; }

body { font-family: Calibri, Constantia, Cambria, Georgia, serif; }
.nav { font-family: Candara, Calibri, Helvetica, sans-serif; }
.topper { margin:0 auto;width:950px }
.breadcrumbs ul { margin: 0; padding: 0; display: inline-block;}
.breadcrumbs li{ display: inline-block; margin: 0.3em 0 0;}
.breadcrumbs li:before{ content: ' > ';  }

a.external{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC) center right no-repeat;
background: url(http://media/external-link-ltr-icon.png) center right no-repeat!ie;
padding-right: 13px;
}

/* =-=-=-=-=-=-=-=-=-= Print =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
@media print {
  
  body {
    background: transparent;
    font-size: 11pt;
  }
  
  p + p{ padding-top: 0; }
    
  .page, .body  {
    position: static; 
    width: auto;
    border: 0;
    padding: 0;
    float: none !important;
  }
  
   h1,h2, h3, h4, h5, h6 { color: #2D4392}
  .nav, .leftCol, .foot ul, #google_translate_element, #cse-search-box { display: none; }
  .foot  { border-top: solid .16em #0c5da5 ; display: block !important; margin-top: 1em; padding-top: .3em; }
  
  .head {font-size: .75em; padding: .5em ; border: solid .24em #0c5da5; margin-bottom: 1em; }
  .head h1, .head h2, .head h3{  font-weight: normal; color: #0B5596; }
  .head h1{ font-size: 4em; line-height: 1;}
  .head h2{ margin: 0 0 0 1em; padding-top: 0}
  .head h3{ margin: 0.1em; line-height: 1.3; font-size: 1.2em; }
}