body 
{ 
    background-image: url(images/bodybackground.gif);
    background-repeat: repeat;
    color: #3B3B3B;
    font-family:Times New Roman;
    font-size: 14px;    
	line-height: 20px;
}

img {
border: 0px;
}

td {
vertical-align: top;
}

table.MainContentArea{
width: 100%;
padding: 0px;
border: 0px;
background-color: #ffffff;
}

table.leftnavtable{
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
border: 0px;
}

td.leftnav{
width: 230px;
border-right: 5px;
border-right-color: #689d2b;
}

td.active{
	background-color: #c5f291;
}

td.rightcontent{
	padding-top: 10px;
    background-image: url(images/contentBackground.gif);
    background-repeat: repeat-y;
    padding-left:50px;   
	padding-right: 30px;
}

td.rightcontentside{
padding-top: 10px;
padding-left: 20px;
background-image: url(images/border-dot.gif);
background-position:left;
background-repeat: repeat-y;
width: 200px;
}

.boldtext{
font-weight: bold;
}

.mainTable
{ 
    margin-left: auto;
    margin-right: auto;
}

.contentTop
{
    background-image: url(images/contentTopShadow.gif);
    background-repeat: no-repeat;
    background-position: top;
    height: 25px; 
}


.contentMainPage
{
	width: 100%;
    background-image: url(images/contentBackground.gif);
    background-repeat: repeat-y;
    padding-left:25px;   
    padding-right:25px; 
}


.contentMainPanel
{
	width: 259px;
    background-repeat: repeat-y;
    padding-left: 25px;   
    padding-right: 25px; 
	float: left;
}

.contentMainPageBorder
{
	width: 1px;
    background-image: url(images/border-dot.gif);
    background-repeat: repeat-y;
    padding-left: 25px;   
    padding-right: 25px; 
	float: left;
}


.contentBottom
{
    background-image: url(images/contentBottomShadow.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 86px; 
}



.textContent
{
    color: #3B3B3B;
    font-family:Times New Roman;
    font-size: 14px;
    line-height: 1.5em;
}

.mainpagecenter
{
margin-left: auto;
margin-right: auto;
border: 0px;
padding: 0px;
}

a:link
{
    color: #0058a3;
    font-family:Times New Roman;
    font-size: 14px;
    text-decoration: none;
}

a:visited
{
    color: #2a2e45;
    font-family:Times New Roman;
    font-size: 14px;
    text-decoration: none;
}

a:hover
{
    color: #2a2e45;
    font-family:Times New Roman;
    text-decoration: underline;
}
a:active
{
    color: #0058a3;
    font-family:Times New Roman;
    font-size: 14px;
    text-decoration: none;
}


.textHeader
{
    color: #689d2b;
    font-family:Times New Roman;
    font-size: 24px;
}

.textHeaderLeftNav
{
    color: #689d2b;
    font-family:Times New Roman;
    font-size: 18px;
}

.topNav
{
    white-space:nowrap; 
    text-align:right; 
    color:#598625;
}

.textTopNavLink
{
    padding-left: 8px;
    padding-right: 8px;     
}

.textTopNavLink a:hover
{
    padding-left: 8px;
    padding-right: 8px;     
}

.footer
{
    text-align:center;
    color: #72777B;
}

.footer a:link
{
    color: #72777B;
    text-decoration: none;
}

.footer a:visited
{
    color: #72777B;
    text-decoration: none;
}

.footer a:hover
{
    color: #72777B;
    text-decoration: underline;
}

.footer a:active
{
    color: #72777B;
    text-decoration: none;
}

/* Begin CSS Drop Down Menu */

a.patients{
display:block;
background-image: url(images/btnPatients.gif);
height: 55px;
width: 241px;
}

a.patients:hover{
display:block;
background-image: url(images/btnPatients2.gif);
height: 55px;
width: 241px;
}

a.child_patients, a.child_patients:visited
	{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #878785;	
	text-align: center;
	height: 30px;
	width: 241px;
	}

a.child_patients:hover
	{
	display:block;
	background-position: right center;
	border: 0px;
	margin-left: 0px;
	color: #9edf3c;	
	text-align: center;
	height: 30px;
	width: 241px;
	}

a.pros 	{
display:block;
	background-image: url(images/btnProfessionals.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 263px;
	}
	
a.pros:hover{
	display: block;
	background-image: url(images/btnProfessionals2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 263px;
	}	

a.child_pros, a.child_pros:visited{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #878785;	
	text-align: center;
	height: 30px;
	width: 263px;
	}

a.child_pros:hover
	{
	display:block;
	background-position: right center;
	border: 0px;
	margin-left: 0px;
	color: #9edf3c;	
	text-align: center;
	height: 30px;
	width: 263px;
	}

a.community {
	display: block;
	background-image: url(images/btnCommunity.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 187px;
	}
	
a.community:hover{
	display: block;
	background-image: url(images/btnCommunity2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 187px;
	}	


a.child_community, a.child_community:visited{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #878785;	
	text-align: center;
	height: 30px;
	width: 187px;
	}

a.child_community:hover
	{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #9edf3c;	
	text-align: center;
	height: 30px;
	width: 187px;
	}

a.volunteer {
	display:block;
	background-image: url(images/btnVolunteering.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 132px;
	}
	
a.volunteer:hover{
	display:block;
	background-image: url(images/btnVolunteering2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 132px;
	}	

a.child_volunteer, a.child_volunteer:visited{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #878785;	
	text-align: center;
	height: 30px;
	width: 250px;
	}

a.child_volunteer:hover
	{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #9edf3c;	
	text-align: center;
	height: 30px;
	width: 250px;
	}


a.career{
	display: block;
	background-image: url(images/btnCareers.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 90px;

	}
	
a.career:hover{
	display: block;
	background-image: url(images/btnCareers2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 90px;
	}	
	
a.child_career, a.child_career:visited{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #878785;	
	text-align: center;
	height: 30px;
	width: 250px;
	}

a.child_career:hover
	{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #9edf3c;	
	text-align: center;
	height: 30px;
	width: 250px;
	}


a.donations{
	display: block;
	background-image: url(images/btnDonations.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 114px;

	}
	
a.donations:hover{
	display: block;
	background-image: url(images/btnDonations2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height: 55px;
	width: 114px;
	}	

a.child_donations, a.child_donations:visited{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #878785;	
	text-align: center;
	height: 30px;
	width: 250px;
	}

a.child_donations:hover
	{
	display:block;
	background-position: right center;
	background-color: #42423a;
	border: 0px;
	margin-left: 0px;
	color: #9edf3c;	
	text-align: center;
	height: 30px;
	width: 250px;
	}


ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}



li.patients{
  float: left;
  position: relative;
  width: 241px;
  height: 55px;
  }
  
li.pros{
  float: left;
  position: relative;
  width: 263px;
  height: 55px;
  }

li.community{
  float: left;
  position: relative;
  width: 187px;
  height: 55px;
  }

li.volunteer{
  float: left;
  position: relative;
  width: 132px;
  height: 55px;
  }

li.career{
  float: left;
  position: relative;
  width: 90px;
  height: 55px;
  }

li.donations{
  float: left;
  position: relative;
  width: 114px;
  height: 55px;
  }


li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 55px;
	right: 0;
	background-color:#42423a;
	text-align:center;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}