body {
   color:#000;
   font: 62.5%  Helvetica, Arial sans-serif;
   background:#D3F4D4;}

/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
hr { display: none; }
img { border: none; }

/* Clear Floats
--------------------------------------------------------------------------*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block;}
	
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select { font-size:12px; font-family:Arial, Helvetica, sans-serif;}
fieldset br{ clear:both;}
fieldset{ border:none;}

.col-right{
  float:right;}

.col-left{
  float:left;}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {
 color:#000;
 text-decoration:none;}

a:hover, a:active {
 text-decoration:underline;}

a{outline:none;position:relative;cursor:pointer;}


/* General Unordered List Styles
-------------------------------------------------------------------------*/
ul#acc-links{display:none;}
ul li.last{border:none !important;background:none !important;}

/*-------------------------------------------------------------------------
                         PAGE STYLES
*-------------------------------------------------------------------------*/
.container{
  width:914px;
  margin:0 auto;}

.wrapper{
  background:url(../images/ui/bg_body.gif) 0 0 repeat-y;
  width:914px;}

#topcontent{
  padding:14px 8px 0 8px;}

#header{
  background:url(../images/ui/bg_top.gif) 0 0 no-repeat;
  padding:8px 8px 0 7px;}

#main-content{
  padding:0 7px 8px 7px;
  background:url(../images/ui/bg_bottom.gif) bottom no-repeat;}

ul#main-nav{
  background:#75BDCB;
  padding:10px 0 10px 12px;}

.subintro{
  background:url(../images/ui/bg_subintro.gif) bottom no-repeat;
  padding:0 0 9px 0;
  position:relative;
  z-index:1;}

ul#sub-nav{
  background:#9ED1DA;
  padding:6px 0;
  text-align:center;}

/*----------------- topcontent --------------------------*/
#topcontent .textsize{
  float:left;}

#topcontent .textsize span.title{
  font-size:1.1em;
  font-weight:bold;
  padding:0 5px 0 0;}

#topcontent .textsize a.small{
  font-size:1.1em;}

#topcontent .textsize a.medium{
  font-size:1.4em;}

#topcontent .textsize a.large{
  font-size:1.5em;}

#topcontent .textsize a.xlarge{
  font-size:1.9em;}

#topcontent .textsize a{
  color:#93AA94;
  padding:0 3px 0 0;
  text-transform:uppercase;}

#topcontent .textsize a.selected{
  color:#000;}

#topcontent ul{
  float:right;}

#topcontent ul li{
  display:inline;
  font-size:1.1em;
  color:#A9C3AA;}

#topcontent ul li a{
  padding:0 5px;
  border-right:1px solid #A9C3AA;
  color:#A9C3AA;}

#topcontent ul li.selected a{
  color:#000;
  border-right:1px solid #000;}

#topcontent ul li.last a{
  border-right:none;}

#topcontent ul li.lastselected a{
  border-right:none;
  color:#000;}

/*----------------- header --------------------------*/
#header .banner{
  background:url(../images/topbanner1.jpg) 0 0 no-repeat;
  width:900px;
  height:248px;}

#header .banner h1 a{
  position:relative;
  top:57px;
  left:53px;
  background:url(../images/logo_baypath.png) 0 0 no-repeat;
  width:216px;
  height:117px;
  display:block;
  text-indent:-9999px;}

/*----------------- main-nav --------------------------*/
ul#main-nav li{
  display:inline;
  padding: 0 28px 0 0;
  font-size:1.4em;}

ul#main-nav li.last{
  padding-right:0 !important;}

ul#main-nav li a{
  color:#FFF;
  font-weight:bold;}

ul#main-nav li.selected a{
  color:#125574;}

/*----------------- main-content --------------------------*/
ul#sub-nav li{
  display:inline;
  font-size:1.1em;
  color:#FFF;}

ul#sub-nav li a{
  padding:0 20px 0 10px;
  border-right:1px solid #FFF;
  color:#FFF;}

ul#sub-nav li.last a{
  border-right:none;}

#main-content .tagline{
  background:#B7E3EC;
  padding:0;}
#main-content .tagline h2{
  text-indent:-9999px;
  margin:0 auto;
  background:url(../images/baypath_title.gif) 0 0 no-repeat;
  width:895px;
  height:98px;
  display:block;}
#main-content .tagline p {
  float: right;
  margin: -70px 45px 0 0;
  font-size:1.4em;
  width: 220px;
  line-height: 18px;}
#main-content .photocontent{
  width:337px;
  position:relative;
  top:-9px;
  z-index:2;}

#main-content .sidetext{
  width:562px;}

#main-content .sidetext .padded{
  padding:15px 55px 30px 44px;}

#main-content .sidetext .divider{
  border-bottom:1px solid #ECECEC;}

#main-content .sidetext p{
  font-size:1.4em;
  padding:15px 0;
  line-height:1.4em;}

#main-content .sidetext .boxwide{
  width:270px;}

#main-content .sidetext .boxshort{
  width:160px;}

#main-content .sidetext  h3{
  text-indent:-9999px;
  margin-bottom:-10px;}

#main-content .sidetext h3.eldercom{
  background:url(../images/title_eldercommunitycare.gif) 0 0 no-repeat;
  width:256px;
  height:24px;}

#main-content .sidetext h3.donate{
  background:url(../images/title_donatetobaypath.gif) 0 0 no-repeat;
  width:212px;
  height:23px;}

#main-content  h3.forinfo{
  background:url(../images/title_forinformation.gif) 0 0 no-repeat;
  width:170px;
  height:19px;
  text-indent:-9999px;
  margin-bottom:-10px;}
#main-content .boxshort p {
	margin: 25px 0 0 0;
	font-size:1.4em;
  padding:15px 0;
  line-height:1.4em;}
#main-content .sidetext h3.whoweare{
  background:url(../images/title_whoweare.gif) 0 0 no-repeat;
  width:142px;
  height:19px;}
#main-content .sidetext h3.whatsnew{
  background:url(../images/title_whatsnew.gif) 0 0 no-repeat;
  width:142px;
  height:19px;}
 #main-content .sidetext h3.services{
  background:url(../images/title_services.gif) 0 0 no-repeat;
  width:150px;
  height:19px;}
   #main-content .sidetext h3.otherservices{
  background:url(../images/title_otherservices.gif) 0 0 no-repeat;
  width:275px;
  height:19px;}
 #main-content .sidetext h3.inhome{
  background:url(../images/title_inhome.gif) 0 0 no-repeat;
  width:225px;
  height:19px;}
   #main-content .sidetext h3.free{
  background:url(../images/title_free.gif) 0 0 no-repeat;
  width:225px;
  height:19px;}
 #main-content .sidetext h3.donations{
  background:url(../images/title_donations.gif) 0 0 no-repeat;
  width:225px;
  height:19px;}
 #main-content .sidetext h3.resources{
  background:url(../images/title_resources.gif) 0 0 no-repeat;
  width:225px;
  height:19px;}
 #main-content .sidetext h3.opportunities{
  background:url(../images/title_opportunities.gif) 0 0 no-repeat;
  width:225px;
  height:24px;}
 #main-content .sidetext h3.contact{
  background:url(../images/title_contact.gif) 0 0 no-repeat;
  width:225px;
  height:19px;} 
 #main-content .sidetext h3.feature{
  background:url(../images/title-featured.gif) 0 0 no-repeat;
  width:225px;
  height:19px;} 
#main-content .sidetext h4{
  font-size:1.5em;
  color:#397984;
  font-weight:normal;}

#main-content .sidetext ul{
  padding:10px 0 0 0;}

#main-content .sidetext ul li{
  margin:0 0 0 15px;
  list-style-type:disc;
  font-size:1.4em;
  line-height:1.6em;}
.bold {
	font-weight: bold;
	}
.boldbig {
	font-weight: bold;
	font-size: 1.1em;
	}
.underline {
	text-decoration: underline;}

.padded a {
	text-decoration: underline;}