/* blue - color:#002E62; orange - color:#d87126; */

body { font-size: 62.5%; font-family:"Lucida Grande", "Lucida Sans Unicode", "trebuchet ms", verdana; color: #5f5252; line-height: 1.5; background:#F1F6F6 url(images/bg.gif) repeat-x; }
#wrapper { width: 955px; margin: 0 auto; font-size:1.4em;  background-color:white;   }  
#content {padding:0 25px; margin:0; border-left: 2px solid #ddd; border-right: 2px solid #ddd;  border-bottom: 2px solid #ddd;   }
#intro { background-color:white; height:100%; }
 
/* typography */
h2, h3, h4 { color:#d87126; }
h2 {font-size:310%; }
h3 {font-size:185%; }
h4 {font-size:185%;  text-align:center; }
h5 {font-size:140%; }
.strong { font-size: 110%; font-weight:bold;  }
a {  color:#002E62; font-size:.9em;  }

/* header */
#header { width: 955px; padding: 0; min-height:124px; height: 124px !important; height: 124px; background:  url(images/hdr-logo.jpg) no-repeat;  border: none; position:relative;}
#member #header { background:  url(images/hdr-logo.jpg) no-repeat; }

#header a#logo  { width:223px; 	height:95px; }
#header a#logo span{ 	position:absolute; width:223px;  	height:125px;  	cursor:pointer;  	text-indent:-9999px; }
#header ul { margin: 10px; padding: 0; min-height:124px; height: auto !important; height:124px; width:375px; list-style:none; float:right; }
#header ul li {margin-top: -10px; margin-left:15px; display:inline; float:left;  padding:0;}
#home #header ul li.active { background:url(images/tab.png) no-repeat; font-weight:bold;}
#header ul li.active { background:url(images/tab.png) no-repeat; font-weight:bold;}
#header ul li a { display:block; font-size:1.2em; font-family:Helvetica, Arial, sans-serif; padding:35px 0 5px 0px; text-decoration:none; width:103px;  height:90px; text-align:center;  }
#header ul li.active a { color:white;}
#header ul li.active a:hover  { color:#d87126; font-weight:bold; }
#badge {position:absolute; top:0px; left:400px; }

/* sections */
#mission { width:470px; float:left;  min-height:352px; height: auto !important; height: 300px; }
#home #title {margin-top:30px; width: 460px; height: 42px; background: url("images/titles.png"); text-indent: -9999px; }
#mission p {padding: 8px 10px 12px 0; font-size:17px; }
#mission p span {font-size:19px; }
#mission p.strong { font-variant:small-caps ; }
#search-catalog {width:520px; height:75px; margin: 20px 0 0 -37px; }

#gallery { width:411px; height:267px; float:right; padding: 15px 5px; margin:0; }
#gallery div { padding:3px; border:2px solid #ccc; }
#gallery p { text-align: center; font-size:95%; padding-top:.3em; } 
 
#details {position:relative; background: url(images/details.jpg) no-repeat;  min-height:500px; height: 500px !important; height:500px; margin-bottom:20px; }
#details h4 { padding:25px 0 20px 0; line-height:1em;}

#calendar { float:left; width:300px; height:400px; padding:10px  0 0 25px;}
#calendar h4 {margin:20px 0 10px 20px; width: 260px; height: 1px; background: url("images/titles.png") bottom left; text-indent: -9999px; }

#help { float:right; width:550px;  padding:0  0 0 20px;  }
#help h4 { margin:30px 0 15px 3px; width: 230px; height: 1px; background: url("images/titles2.png") no-repeat top left; text-indent: -9999px; }
#help ul { padding:0 5px 0 15px; }
#help ul li { padding:9px 0;  list-style:none;   border-bottom-width: 1px;  border-bottom-color:#DFCFC3; border-bottom-style:solid; }
#patrons {float:left; width:235px; padding:2px 0 15px 0;  }
#patrons ul li { padding:15px 0;  }
#patrons a { font-size:1em; }
#tweets {float:left; width:260px; padding:2px 15px 15px 15px; }
#tweets a {font-size:75% !important; color:#537EA0;}
#twitter {float:left; height:35px; width:100%;}
#twitter a {float:right; margin-bottom:5px;}
#tweets h4 { margin:30px 0 15px 40px; width: 170px; height: 1px; background: url("images/titles2.png") no-repeat top right; text-indent: -9999px; }
#twitter_update_list li {font-size:90%;}

#aboutus {border-bottom: 1px solid #EBEBE9;}
#aboutus h4 {margin:20px 0 0 20px; width: 260px; height: 31px; background: url("images/aboutus.png") no-repeat bottom left; text-indent: -9999px; }

ul#services {padding:10px 0 100px 0;  }
ul#services li {width:190px;   display:inline; float:left; border-right:thin solid #EBEBE9;  margin:0 20px; width: 182px; height: 1px;  }
ul#services li p { margin-top:9px; padding:0 5px 15px 35px; background: url("images/1317737883_ok-green.png ") no-repeat top left; }
ul#services li.last {border-right:none; padding-right:none;}
ul#services li:first-child { padding-left:0; }
ul#services li:last-child { padding-right:0; }

#share { margin:10px 30px;}

#resources { width: 100%; display:block; color:#aaa;   }
#wiki {float:left; display:block;}
#wds {float:right; display:block;}
#credits { margin-top:10px; padding-top:20px; }
#footer { float:right;display:block; width: 100%; text-align:right; min-height:20px; height: 20px !important; height:20px; color:#aaa; font-size:.8em; }
/* Float controls */
 
.clear { clear: both; min-height:2px; height: 2px !important; height:2px; }
.noshow { display: none; }