@import "reset.css";

body{
	font-size:62.5%;
	font-family:verdana,sans-serif;
	}
	
a:visited {
	color: #431B04;
}

#page{
	width:988px;
	margin:0 auto;
	background:#fff url(../_images/pageBg.gif) repeat-y 50% bottom;
	}
	
#header{
	width:960px;
	margin:0 auto;
	/*background:#F5B03C;*/
	/*height:196px; Original: Changed 2007-10-02*/
	height: 145px;
	zbackground:#F5B03C url(../_images/headerBg.gif) repeat-x 0 0;
	}
	#branding{
		float:left;
		width:469px;
		height:145px;
		background:transparent url(../_images/brandingBg.jpg) no-repeat 0 top;
		position:relative;
		}
		#branding h1{
			position:absolute;
			top:10px;
			left:18px;
			width:347px;
			height:101px;
			}
			#branding h1 a{
				display:block;
				width:247px;
				height:90px;
				text-indent: -9999px;
				/*background:transparent url(../_images/logo.gif) no-repeat 0 0;*/
				}
	#error{
		float:left;
		width:960px;
		height:145px;
		background:transparent url(../_images/errorBg.jpg) no-repeat 0 top;
		position:relative;
		}
		#error h1{
			position:absolute;
			top:10px;
			left:18px;
			width:347px;
			height:101px;
			}
			#error h1 a{
				display:block;
				width:247px;
				height:90px;
				text-indent: -9999px;
				/*background:transparent url(../_images/logo.gif) no-repeat 0 0;*/
				}
		#nav-quick{
			width:100%;
			width: 500px;
			height:35px;
			position:absolute;
			bottom:0;
			font-size:120%;
			text-transform:uppercase;
			line-height:35px;
			color:#633;
			}
			#nav-quick ul{
				/*padding-left:214px;*/
				padding-left: 7px;
				width: 460px;
				}
				#nav-quick ul li{
					display:inline;
					height:35px;
					}
					#nav-quick ul li a{
						padding:0 10px;
						color:#633;
						text-decoration:none;
						border-left:solid #633 1px;
						}
					#nav-quick ul li a.first{
						border:none;
						}
					#nav-quick ul li a:hover{
						color:#F9BE84;
						}

	#animation{
		width:491px;
		background:transparent url(../_images/people.jpg) no-repeat 0 bottom !important;
		float:right;
		}


#StyleMain{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:50px;
	background: transparent url(../_images/mainBg-TALL.gif) repeat-y left bottom !important;
	position:relative;	
	}
	#navigation{
		width:191px;
		float:left;
		}
		ul#nav-main{
			padding:21px 0 0;
			}
			ul#nav-main li{
				margin:0 0 8px;
				}
				ul#nav-main li a{
					display:block;
					padding:0 0 0 16px;
					font-size:110%;
					line-height:2.2em;
					background:#F9BE83 url(../_images/navMainBg.gif) repeat-x 0 0;
					color:#5C2B0F;
					text-transform:uppercase;
					font-weight:bold;
					text-decoration:none;
					}
				* html ul#nav-main li a { display:inline-block; width:175px;} /* ie6 hack */
				
				ul#nav-main li a:hover,
				ul#nav-main li a.on{ /* for current page */
					background:#F5B03C url(../_images/navMainRollBg.gif) repeat-x 0 0;
					color: #431B04;
					}
					
				ul#nav-main li ul{
					list-style:disc;
					margin-left:2.8em;
					padding-left:0;
					}
					ul#nav-main li ul li{
						margin:0;
						padding:0;
						}
						ul#nav-main li ul li a{
							background:transparent;
							text-transform:none;
							line-height:1.3em;
							padding:0;
							margin:0.3em 0;
							}
						ul#nav-main li ul li a:hover,
						ul#nav-main li ul li a.on{ /* for current page */
							background:transparent;
							text-decoration:underline;
							}

		#navigation a.login{
			display:block;
			width:7em;
			margin-left:16px;
			line-height:70px;
			font-size:160%;
			color:#a30046;
			font-family:arial;
			text-decoration:none;
			font-weight:bold;
			text-transform:uppercase;
			}
			#navigation a.login img{
				vertical-align:middle;
				}


	#content{
		width:500px;
		float:left;
		margin-left:33px;
		padding:15px 0 10em 0;
		line-height: 24px;
		}
	* html #content { margin-left:16px; } /* ie6 hack */
		
		#content em.intro{
			font-family:"times new roman",times,georgia,serif;
			font-size:180%;
			line-height:1.45em;
			color:#A30046;
			}
		#content h1
		{
			font-size: 190%;
			color:#A30046;
			font-weight:bold;
			font-family:arial;
			padding:0 0 10px 0;
			margin-top: 10px;
		}
		#content h1:first-child
		{
			margin-top: 0;
		}
		#content h2{
			/*font-size:260%;*/
			font-size: 190%;
			color:#A30046;
			font-weight:bold;
			text-transform:uppercase;
			font-family:arial;
			padding:0.7em 0 0;
			}
		#content h3{
			/*font-size:180%;*/
			font-size: 160%;
			color:#AC4900;
			font-weight:bold;
			font-family:arial;
			line-height: 17px;
			zline-height: normal;
			}
		#content p,
		#content ul{
			font-size:120%;
			/*color:#000; -Original Color: Changed 2007-10-02*/
			color: #5C2B0F;
			font-family:arial;
			line-height:1.35em;
			padding:0.1em 0 0.3em 0;
			}
		#content ul{
			list-style:disc;
			padding-left:1.5em;
			}


	#footer{
		text-align:center;
		line-height:1.5em;
		color: #5C2B0F;
		width:500px;
		position:absolute;
		left:230px;
		bottom:52px;
		}
		#footer div.vcard{
			font-family:arial;
			font-size:110%;
			}
		#footer #fineprint{
			padding-top:6px;
			}
		#footer a{
			color:#00f;
			text-decoration:none;
			}


	#sidebar{
		width:179px;
		float:right;
		padding-top:21px;
		}
	#sidebar div.badge{
		display:block;
		width:139px;
		margin:0 auto 17px;
		}
	#sidebar div.aids-awareness{
		margin:0 auto 4px;
		}
		.teaser{
			width:139px;
			margin:0 auto 11px;
			background:transparent url(../_images/teaserBgTop.gif) no-repeat 0 0;
			text-align:left;
			}
			.teaser h2{
				font-family:impact,arial;
				font-size:180%;
				font-weight:normal;
				text-transform:uppercase; /* just in case impact isn't available */
				padding:7px 0 0 10px;
				}
			.teaser h2 a
			{
				color: #000;
				text-decoration: none;
			}
			.teaser h3
			{
				font-size:1.1em;
				color: #A30046;
				margin-left:10px;
			}
			
			
			.teaser ul{
				background:transparent url(../_images/teaserBgBottom.gif) no-repeat 0 bottom;
				padding:10px 0 20px 10px;
				}
			.teaser#news ul{}
				.teaser#news ul li{
					padding-bottom:7px;
					}
					.teaser#news ul li a{
						font-weight:bold;
						color:#A30046;
						text-decoration:none;
						}
			
			.teaser#calendar ul{}
				.teaser#calendar ul li{
					font-size:100%;
					font-weight:bold;
					text-transform:uppercase;
					}
				.teaser#calendar ul li.month{
					color:#A30046;
					font-size:140%;
					padding-bottom:5px;
					}
					.teaser#calendar ul li a{
						text-decoration:none;
						color:#000;
						}
					.teaser#calendar ul li a:hover{
						text-decoration:none;
						}
						.teaser#calendar ul li a strong{
							color:#A30046;
							font-size:140%;
							}
							
							


#sidebar .temp						{ background:transparent url(../_images/badgeBreakingNews.png) no-repeat 0 bottom; height: 117px; width: 139px; margin:0 auto 11px; margin-bottom: 17px; text-align:left; }
#sidebar .temp h2					{ font-family:impact,arial;	font-size:180%; font-weight:normal; text-transform:uppercase; /* just in case impact isn't available */ padding:15px 0 0 10px; }
#sidebar .temp ul					{ padding:10px 0 20px 10px; }
#sidebar .temp ul li				{ padding-bottom:7px; }
#sidebar .temp ul li a				{ font-weight:bold; color:#000; text-decoration:none; }




/* contact form */



.Contactloginform .labels	{ width: 125px; text-align:right; vertical-align:top; font-weight:bold;}

.Contactloginform p			{ margin-bottom: 20px;}
.Contactloginform big		{ font-size: 1.2em; font-weight:bold;}

.Contactloginform a			{ color: #000; }



/* left nav menu */

.unselectedsection ul               { display:none; }		



/* image left and right sub page styles */						
							
.subPage .imagePositionerLeft	{ float: left; padding: 0 13px 13px 0; }
.subPage .imagePositionerRight	{ float: right; padding: 0 0 13px 13px; }

.subPage h2						{ font-size: 190%; color:#A30046; font-weight:bold; font-family:arial; padding-top: 0px !important; } 
.subPage h3						{ font-size: 160%; color:#000; font-weight:bold; text-transform:uppercase; font-family:arial; }

.linkBox						{ background-color: #FBDFAF; margin-bottom:20px; padding-bottom:10px; }
.linkBox h1						{ color: #fff !important; padding: 5px 0 5px 5px !important; background-color: #A30046; margin-bottom: 10px; }
.linkBox ul li					{ margin-left: 10px;}

.linkBox a,
.linkBox a:hover				{ color: #000; text-decoration: none;}


 /* Service Directory*/
 
#content big{ font:1.1em Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration: none;}