/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/



primary color  		#FFF (WHITE)
secondary color		#46EBD2 (TEAL)
third color			#E66D25 (ORAGE)

title				#0099D8

text color			#826B3B; (taupe)




CONTENTS..............................

	1. BODY
	2. DEFAULT STYLINGS
	3. HEADING
	4. LINKS
	5. LAYOUT
	6. BRANDING/MASTHEAD
	7. NAVIGATION
	8. SITEINFO/FOOTER
	
	9. SITE-WIDE ELEMENTS
		9.1 PAGINATION
		9.2 SUBLOCKS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/





/* 1.BODY
---------------------------------------------------------------------- */
body
{
	background-color:#FFF;
	color:#826B3B;
	color:#000;
	Font-Family: Univers,Helvetica, Arial,san-serif;
	Font-Size:10pt;
}

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */
html	{height: 100%;	margin:0px;padding:0px; }
p		{padding-bottom:2em;}

.text1{
	font-weight: 100;
	font-size: 32pt;
	text-align: left;
	line-height: normal;
	color:gray;
}
.text2{
	font-weight:BOLD;
	text-transform:uppercase;
	font-size:40pt;
	text-align:left;
	color:#E66D25;
	line-height:normal;
}
.welcome{
	font-size:18pt;
	vertical-align:text-top;
	padding:20px;
	height:300px;
	line-height: 1.5em; 
}
.centerdiv{
	text-align: center;
	width:100%;
	display:block;
	float:left;
}
.margin50
{
	margin-left:50px;
}
/* 3.HEADINGS
---------------------------------------------------------------------- */

h1 { font-size:40pt; margin-bottom:2em; }
h2 { font-size:20pt; line-height:1.15em; margin-bottom:0.5em; text-transform:uppercase;color:#0099d8;}
h3 { font-size:1em; margin-bottom:0.5em; }
h4 { font-size:10pt; margin-bottom:0.0em; font-weight:bold;  }
h5 {  font-size:10pt; margin-bottom:0.0em; font-weight:bold; color:#0099d8;}
h6 {  }

/* 4.LINKS
---------------------------------------------------------------------- */
a,a:visited,a:hover		{text-decoration:none;color:#003663}
a:hover { text-decoration:none; /*text-shadow: 0 0 2px #999;*/}


/* 5.LAYOUT
---------------------------------------------------------------------- */
#container{
	background-color:white;
	
    height: auto !important;
    height: 100%;
	
	width:964px;
	margin:auto;

	overflow:auto;
	overflow:hidden;
	
	border-left:0px solid #CCC;
	border-right:0px solid #CCC;
	border-bottom:0px solid #CCC;
}
#header{
	width:100%;
	height:160px;
	background: white url('../images/masthead.jpg') no-repeat;
}

#content{
	width:100%;
	padding-top:25px;
}


.column-center
{
	border-left:1px dotted #888;
	border-right:1px dotted #888;
	padding:0px 20px;
	width:278px;
	float:left;
}

.column
{
	width:280px;
	float:left;
	padding-left: 20px;
}

.column-wide
{
	display:block;

	padding-bottom:30px;
	padding-left:0px;
	padding-right:60px;
	width:580px;
	float:left;
	line-height:1.5em;
	letter-spacing:0.05em;
	border-right:1px dotted #888;
}


.column-wide2
{
	display:block;
	width:580px;
	float:left;
	line-height:1.5em;
	letter-spacing:0.05em;
	padding-top: 20px;
	padding-right: 22px;
}

.column-image
{
	width:330px;
	float:left;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
}





#banner{
	width:100%;
	background-color:#000;
	color:white;

	border-top:2px solid #E66D25;
	border-bottom:2px solid #E66D25;
	font-size:24pt;
	font-weight:100;
	text-align:center;
	padding:15px 0;
	
}

/* board member block */
	.boardwrap{ width:100%; float:left; border-bottom:1px dotted #AAA;padding:20px 0px; }
	.boardtext{ 	width:450px;	float:right;}
	.boardimage{ 	width:130px; 	float:left;}

/* event block */
	.eventwrap{
	width:100%;
	float:left;
	border-bottom:1px dotted #AAA;
}
	.eventtext{
	width:500px;
	float:left;
}
	.eventimage{ 	width:200px; 	float:left;}




/* 7. NAVIGATION
---------------------------------------------------------------------- */

#nav
{
	padding:10px 0px;
	padding-bottom:10px;
	text-align: left;
	width:100%;
	border-bottom:4px solid black;
	border-top:1px dotted black;
	color:#999;
	Font-Size:9pt;	
}
	#nav ul {
		list-style: none;
	 	margin: 0;
		padding: 0;
		padding-left:0px;
		padding-top: 0.5em;
		padding-bottom: 0.5em;		
	}
	
	#nav li { 	
		display: inline; 
		letter-spacing: 0.1em;
		text-transform:uppercase;
		padding-left:2px;
		padding-right:2px;
	}

	#nav a:link, #nav a:visited {
		padding: 0.25em 0.5em;
		text-decoration: none;
		font-size: 12px;	
		color:#000;
		background-color:white;
		font-weight:bold;
	}
	#nav a:hover {
		color: white ;
		background-color:#0099d8;
	}

	/* declarations to style the current state */
	#home 			#nav #nav-home a,
	#about 			#nav #nav-about a,
	#board	 		#nav #nav-board a,
	#programs 		#nav #nav-programs a,
	#events 		#nav #nav-events a,
	#sponsors 		#nav #nav-sponsors a,
	#healthpledge	#nav #nav-healthpledge a
	{
		background-color:#E66D25;
		color:white;
		border:1px solid white;
	}





/* 8. SITEINFO/FOOTER
---------------------------------------------------------------------- */
#footer{
	width:100%;
	Font-Size:8pt;
	text-align:center;
	float:left;
	padding-top:50px;
}

#footer-sub{
	padding:10px 0px; 
	border-top:1px dotted black;
	width:100%;
	height:20px;
}