/* -- quick reset -- */

html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

body {
  font:12px/18px Arial, Helvetica, sans-serif;
  color:#6f7175;
   }

a {
  color:#0a6dac;
  text-decoration:underline;
  }
a:hover {
  color:#1c8bc8;
  text-decoration:underline;
}
a.linkout {
  padding-right:16px;
  color:#0a6dac;
  background: transparent url(../_img/linkout.gif) no-repeat center right;
}
a.teal {
  color:#1c8bc8;
  }

h1 {
  font:24px/28px "Trebuchet MS",Arial, Helvetica, sans-serif;
  color:#6f7175;
  font-weight:normal;
  text-transform:uppercase;
  margin:2px 0 12px 0;
  }
h2 {
  font:20px/24px "Trebuchet MS",Arial, Helvetica, sans-serif;
  color:#6f7175;
  font-weight:normal;
  text-transform:uppercase;
  margin:2px 0 10px 0;
  }
h3 {
  font:16px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
  color:#6f7175;
  font-weight:bold;
  text-transform:uppercase;
  margin:2px 0 8px 0;
  }
h4 {
  font:12px/17px Arial, Helvetica, sans-serif;
  color:#1c8bc8;
  font-weight:bold;
  margin:9px 0 2px 0;
  }

ul,p { margin:0 0 12px 0; }
li { margin-left:30px; }

#crumbs {
  font:11px/13px Arial, Helvetica, sans-serif;
  color: #979aa0;
  text-transform: uppercase;
  margin:12px 0;
  }
#crumbs a {
  font:11px/13px Arial, Helvetica, sans-serif;
  color: #979aa0;
  text-decoration:none;
  }
#crumbs a:hover {
  font:11px/13px Arial, Helvetica, sans-serif;
  color: #979aa0;
  text-decoration:underline;
  }
  
/* -- main structure -- */

body {
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  background: #ffffff url(../_img/stripe-default-tile.gif) repeat-x;
  }

body.active { background: #ffffff url(../_img/stripe-active-tile.gif) repeat-x; }
body.artful { background: #ffffff url(../_img/stripe-artful-tile.gif) repeat-x; }
body.accessible { background: #ffffff url(../_img/stripe-accessible-tile.gif) repeat-x; }
body.green { background: #ffffff url(../_img/stripe-green-tile.gif) repeat-x; }
body.accountable { background: #ffffff url(../_img/stripe-accountable-tile.gif) repeat-x; }
body.area { background: #ffffff url(../_img/stripe-area-tile.gif) repeat-x; }


#headerbg {
  margin: 0;
  width: 100%;
  position: relative; /* not absolute for IE6 */
  background-position: top center;
  background-repeat: no-repeat;
  height: 352px;
  background-image: url(../_img/stripe-default.gif);
}

.active #headerbg { background-image: url(../_img/stripe-active.gif); }
.artful #headerbg { background-image: url(../_img/stripe-artful.gif); }
.accessible #headerbg { background-image: url(../_img/stripe-accessible.gif); }
.green #headerbg { background-image: url(../_img/stripe-green.gif); }
.accountable #headerbg { background-image: url(../_img/stripe-accountable.gif); }
.area #headerbg { background-image: url(../_img/stripe-area.gif); }

#wrapper {
  position:relative;
  width:965px;
  margin:-352px auto 0px auto;
  padding:0;
  }

/* -- header -- */

#header {
  width:965px;
  height:356px;
  overflow:hidden;
  }

#utilitynav {
  width:965px;
  height:29px;
  padding:10px 0 10px 0;
  margin:0;
  font:10px/12px Arial, Helvetica, sans-serif;
  color:#6f7175;
  }
#utilitynav a {
  color:#6f7175;
  text-decoration:none;
}
#utilitynav a:hover {
  color:#ee3325;
  text-decoration:none;
}


#utilitypart1 {
  float:left;
  width:360px;
  padding:8px 0px 0px 16px;
  }
#utilitypart2 {
  float:left;
  float:left;
  width:342px;
  }
#utilitypart3 {
  float:left;
  padding:4px 0px 2px 4px;
  width:235px;
  background: #ffffff url(../_img/utilitynav/utilitynav_on_09.gif) no-repeat;
  }
.searchinput {
  border-width:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#808080;
  background:transparent;
  padding:4px 2px 0 2px;
  width:198px;
  float:left;
  }  
.searchsubmit {
  float:left;
  padding-left:4px;
  }

#topnav {
  position:absolute;
  top:53px;
  left:8px;
  width:949px;
  height:38px;
  background-color:#ff0000;
  z-index:200; /* for IE7 */
  }

#headerim {
  position:absolute;
  top:91px;
  left:5px;
  width:956px;
  height:258px;
  overflow:hidden;
  z-index:199; /* for IE7 */
  }
  
/* -- footer -- */  
  
#footer {
  background: #dddfde url(../_img/footer-stripe.gif) repeat-x;
  width:100%;
  margin:0;
  padding:0;
  }
#footerwrap {
  width:949px;
  height:70px;
 
  padding:0;
  margin:0 auto 0 auto;
 }

#footernav {
  width:945px;
  padding:0 2px;
  height:41px;
  background: url(../_img/footer-bg.gif);
  }

#footernav img { float:left; padding:0; margin:0; }

#footertext {
  padding-top:8px;
  font:11px/12px Arial, Helvetica, sans-serif;
  color:#6c6d5f;
  text-align:center;
}

/* -- main -- */ 

#main {
   position:relative;
   width:965px;
   padding:0;
   margin:0;
 }

#mainleft {
  float:left;
  width:200px;
  }

#sidelinks { width:200px; overflow:hidden; }
#sidelinks a { float:left; margin:0px 200px 0px 0px; padding:0px; }
#sidelinks a:hover { float:left; margin:0px 0px 0px -200px; padding:0px; }
.divider { float:left; clear:both; padding:1px 0; }

#mainright {
  float:right;
  width:725px;
  padding-right:5px;
  }

#innerleft {
  float:left;
  width:450px;
  overflow:hidden;
  }
#innerright {
  float:right;
  width:230px;
  overflow:hidden;
  padding-top:25px;
  }


/* -- Event Calendar -- */ 

.calendar_monthname {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:16px;
  text-transform:uppercase;
  color: #1c8bc8;
  padding-bottom:16px;
  }

.calendar_nextprev { padding-bottom:18px; }

.calendar_nextprev a {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  text-decoration:underline;
  font-size:10px;
  font-weight: normal;
  text-decoration: underline;
  color: #1c8bc8;
  }


.calendar_dayheader {
  color: #ffffff;
  background-color: #6f7175;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:12px;
  color:#ffffff;
  padding: 2px 0px;
  text-transform: uppercase;
  } 
.calendar_day_empty {
  background-color:#eaf0fa;
  text-align:left;
  vertical-align: top;
  padding: 3px;	
  width:14%;
  height:100px;
  }
 
.calendar_day {
  background-color:#ffffff;
  text-align:left;
  vertical-align: top;
  padding: 3px;	
  width:14%;
  height:100px;
  }

.calendar_dom {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:14px;
  color:#cccccc;
  float:right;
}

.calendar_eventlink {
  font-weight:normal;
  font-size:10px;
  line-height:12px;
  display:block;
  padding:3px 0;
}  

/* -- Event Detail -- */

#powerlinks { text-align:center; }

#powerlinks a {
  float:left;
  }

#powerlinks2 { text-align:left; background-color:#efefef; padding:5px; width:100px; }

#powerlinks2 a {
  text-decoration:none;
  color:#454545;
  }


.evtitle {
  font:16px/19px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#244898;
  }

#details th { width:90px; padding-right:10px; text-align:right;}

/* Home */

#homeleft {
  padding-top:25px;
  float:left;
  width:395px;
  overflow:hidden;
  }
#homeright {
  float:right;
  width:282px;
  overflow:hidden;
  padding-top:25px;
  }

.inhomeleft { padding:0 25px 0 5px; }
.homenews { clear:both; padding-top:8px; }
.homenewsitem {
  float:right;
  width:290px;
  padding-bottom:10px;
  border-style:dashed;
  border-color:#b7b8ba;
  border-width:0 0 1px 0;
  }
.homemore {
  padding-top:8px;
  float:right;
  width:290px;
  }

.homeevent {
  clear:both; 
  padding-top:8px;
  padding-bottom:10px;
  border-style:dashed;
  border-color:#b7b8ba;
  border-width:0 0 1px 0;}
.homeeventdate {
  float:left;
  text-align:right;
  width:64px;
  padding-left:10px;
  font:12px/15px Arial, Helvetica, sans-serif;
  }
.homeeventcopy {
  float:right;
  width:182px;
  padding-right:8px;
  font:12px/15px Arial, Helvetica, sans-serif;
  }
 .homeevmore {
  padding-top:8px;
  float:right;
  width:190px;
  } 

/* Basic */

.sidemore {
  clear:both;
  padding-top:8px;
  font:12px/15px Arial, Helvetica, sans-serif;
  } 
  
.sideitem {
  clear:both; 
  padding-top:8px;
  padding-bottom:10px;
  border-style:dashed;
  border-color:#b7b8ba;
  border-width:0 0 1px 0;
  font:12px/15px Arial, Helvetica, sans-serif;
  }
.sideitem-noborder {
  clear:both; 
  padding-top:8px;
  padding-bottom:10px;
  border-style:dashed;
  border-color:#b7b8ba;
  border-width:0 0 0 0;
  font:12px/15px Arial, Helvetica, sans-serif;
  }
  
#mapborder {
  border-style:solid;
  border-color:#cccddd;
  border-width:1px;
  }
  
/* Letter Index */

#letterindex {
  padding: 0;
  margin: 0;
  list-style: none;
  float:left;
}

#letterindex li {
  list-style-type: none;
  float:left;
  display:block;
  background-color:#efefef;
  color:#264b9b;
  padding:5px;
  margin:3px;
  cursor:pointer;
  font-weight:bold;
  }
