/* CSS Document */
body{
	margin-top: 0px; 
 	background-image:url(../../images/bkgd.jpg);
	/*font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;*/
}

/* IDs
  ---------------------------------------------------------------------*/ 
#centerContainer{
	position:relative;
	margin: 0 auto; 
	width: 800px;
}
.container{
	position:relative; 
	float: left;
	width: 790px; 
	height: auto;
	padding: 0px 5px 0px 5px;
	line-height: 14px;
	background-color:#FFFFFF;
}

#top_design{
	position: relative;
	float: left;
	clear: left;
	width: 790px;
	height: 20px;
	display: block;
}

#nav{
	position: relative;
	float:left;
	clear: left;
	width: 782px;
	height: 17px;
	margin: 17px 0px 25px 8px;
	display: block;
}

.ptrnLine{
	position: relative;
	float: left;
	clear: left;
	width: 790px;
	height: 5px;
	margin-bottom: 5px;
	background-image: url(../../images/line_bkgd.jpg);
}

#flashContainer{
	position: relative;
	float: left;
	clear: left;
	width: 790px;
	height: 301px;
	margin-bottom: 5px;
}

.columnLeft{
	position: relative;
	float: left;
	clear: left;
	width: 390px;
	margin: 0px 5px 0px 0px;
}

.columnRight{
	position: relative;
	float: left;
	width: 390px;
	margin: 0px 0px 0px 5px;
}

.columnLeft p,
.columnRight p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 0px 8px 0px 8px;
}

.columnLeft p{
	/*margin-top: 15px;*/
}

.marginTop15{
	margin-top: 15px;
}

#footer{
	position: relative;
	float: left;
	clear: both;
	width:  780px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	line-height: 8px;
	padding: 12px 8px 9px 8px;
}

#logo{
	position: absolute;
	top: 360px;
	left: 5px;
	width: 390px;
	height: 90px;
}

.grey_bdr{
	border: 5px solid #cccccc;
	margin-bottom: 22px;
}
.bioContainer{
	position: relative;
	float: left;
	clear:both;
	width: 780px;
	height: auto;
	margin-bottom: 20px;
}
.bioPic{
	position: relative;
	float: left;
	width: 380px;
	height: auto;
	text-align: right;
	margin-right: 10px;
}
.bioPic img,
.bioCopy img{
	border: 5px solid #cccccc;
}
.bioCopy{
	position: relative;
	float: right;
	width: 374px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 0px 8px 0px 8px;
}
#backToTop{
	position: relative;
	float: left;
	clear:both;
	width: 780px;
	height: auto;
	margin-bottom: 20px;
	text-align: right;
}
/* Text
  ---------------------------------------------------------------------*/
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #660033;
	font-weight: bold;
	padding: 0px 8px 0px 8px;
	margin: 15px 0px 0px 0px;
}
.bioCopy h1,
.bioPic h1{
	margin-top: 0px;
	padding: 0px 8px 0px 0px;
}
.bioPic h1{
	color: #ee1109;
	font-size: 35px;
	line-height: 30px;
}
#pageHeader{
	font-size: 40px;
	line-height: 35px;
	margin: 22px 0px 51px 10px;
}
.zeroTopMargin{
	margin-top: 0px;
}
p{
	margin-top: 0px;
}

/* Links
  ---------------------------------------------------------------------*/ 
a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #66bf7d; 
	font-weight: bold;
	text-decoration: none;
}
a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #66bf7d; 
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #560d2b;
	font-weight: bold;
	text-decoration: none;
}


/* Nav
  ---------------------------------------------------------------------*/ 
a.home:link,
a.home:visited,
a.home:hover,
.home,
a.aboutUs:link,
a.aboutUs:visited,
a.aboutUs:hover,
.aboutUs,
a.mission:link,
a.mission:visited,
a.mission:hover,
.mission,
a.recipients:link,
a.recipients:visited,
a.recipients:hover,
.recipients,
a.honorees:link,
a.honorees:visited,
a.honorees:hover,
.honorees,
a.sponsors:link,
a.sponsors:visited,
a.sponsors:hover,
.sponsors,
a.annualGala:link,
a.annualGala:visited,
a.annualGala:hover,
.annualGala{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*font-size: 16px;*//*for text-transform: capitalize*/
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
}
a.home:link,
a.home:visited,
a.home:hover,
.home{
	color: #fd7f2b;
}
a.aboutUs:link,
a.aboutUs:visited,
a.aboutUs:hover,
.aboutUs{
	color: #ffbb02;
}
a.mission:link,
a.mission:visited,
a.mission:hover,
.mission{
	color: #ca0088;
}
a.recipients:link,
a.recipients:visited,
a.recipients:hover,
.recipients{
	color: #ee1109;
}
a.honorees:link,
a.honorees:visited,
a.honorees:hover,
.honorees{
	color: #93a245;
}
a.sponsors:link,
a.sponsors:visited,
a.sponsors:hover,
.sponsors{
	color: #560d2b;
}
a.annualGala:link,
a.annualGala:visited,
a.annualGala:hover,
.annualGala{
	color: #66bf7d;
}
.subnavContainer{
	position: absolute;
	top: 57px;
	left: 5px;
	width: 790px;
	height: 27px;
	visibility: hidden;
	z-index: 20;
}
.subnav{
	position: relative;
	float: left;
	clear: left;
	width: 774px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	padding: 2px 8px 0px 8px;
	
}
.subnavArrow{
	position: relative;
	float: left;
	clear: left;
	width: 10px;
	height: 7px;
}

#aboutUsSubnav{
	background-color: #ffbb02;
}

#aboutUsArrow{
	padding-left: 105px;
	padding-right: 675px;
}

#missionSubnav{
	background-color: #ffffff;
}
#missionArrow{
	padding-left: 195px;
	padding-right: 585px;
	border-bottom: 5px solid #ca0088;
}

#recipientsSubnav{
	background-color: #ee1109;
}
#recipientsArrow{
	margin-left: 295px;
}

#honoreesSubnav{
	background-color: #ffffff;
}
#honoreesArrow{
	padding-left: 395px;
	padding-right: 385px;
	border-bottom: 5px solid #93a245;
}

#sponsorsSubnav{
	background-color: #560d2b;
}
#sponsorsArrow{
	padding-left: 490px;
	padding-right: 290px;
	border-bottom: 5px solid #560d2b;
}

#annualGalaSubnav{
	background-color: #66bf7d;
}
#annualGalaArrow{
	margin-left: 600px;
}

.subnav a:link,
.subnav a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.subnav a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}