/********************************************************************/

/* BACVA Microsite Template System                                  */           

/* microsite.css                                                    */

/* Sets page template and global styles                             */

/********************************************************************/



/********************************************************************/

/* General and Structural                                           */

/********************************************************************/


body {
	margin: 0px;
	padding: 0px;
	background-color: #333333;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	color: #666666;
}


img {
	border: 0px;
}


#wrapper {
	position: relative; /* IE wants this here */
	width: 732px;
	background: url("../images/bg_wrapper.gif") repeat-y scroll;
	visibility: hidden;
}

#globalHeader {
	width: 732px;
	height: 57px;
	border-bottom: solid #E9E9CD 1px;
}


#leftColumn {
	width: 483px;
	padding: 0px 0px 25px 0px;
	float: left;
	background-color: #EAEAD9;
}

#rightColumn {
	width: 249px;
	float: left;
	background-color: #CBCB9A;
}


#mainHeader {
	width: 483px;
	height: 85px;
	background: url("../images/header_africanamericanguide.gif") #000000 no-repeat scroll;
}

#homeHeader {
	width: 483px;
	height: 190px;
	background: url("../images/header_aaguide_home.gif") #000000 no-repeat scroll;
}

#download {
	width: 483px;
	height: 27px;
}

/********************************************************************/

/* Main Content                                                     */

/********************************************************************/


h1 {
	margin: 0;
	padding: 22px 25px 22px 25px;
	font-size: 1.7em;
	font-weight: normal;
	color: #F2F2E7;
	background: url("../images/bg_h1_green.gif") #026968 repeat-x fixed;
}

h1 em {
	font-size: 0.75em;
	font-weight: normal;
	display: block;
}

h2 {
	margin: 0;
	padding: 30px 25px 0px 25px;
	font-size: 1.4em;
	font-weight: normal;
	color: #BD7800;
	clear: both;
}

h2 a:link, h2 a:visited {
	margin: 0;
	font-size: 0.6em;
	font-weight: bold;
	color: #BD7800;
	display: block;
	text-decoration: none;
}

h2 a:hover {
	font-size: 0.6em;
	font-weight: bold;
	color: #026968;
	display: block;
	text-decoration: underline;
}

h3 {
	margin: 0;
	padding: 30px 25px 0px 25px;
	font-size: 1.2em;
	font-weight: bold;
	color: #026968;
}

#leftColumn p {
	margin: 0;
	padding: 22px 25px 0px 25px;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.5em;
}

#leftColumn p.disclaimer {
	font-style: oblique;
}

#leftColumn p img, #leftColumn dd img {
	margin: 2px 10px 8px 0px;
	padding: 0px;
	border: solid #ABA75F 1px;
	float: left;
}

#leftColumn p img.large {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	border: solid #ABA75F 1px;
}

#leftColumn p a:link, #leftColumn p a:visited, #footer p a:link, #footer p a:visited {
	color: #BD7800;
	text-decoration: underline;
}


#leftColumn p a:hover, #footer p a:hover {
	color: #026968;
	text-decoration: underline;
}

#leftColumn dl {
	margin: 0;
	padding: 30px 25px 0px 25px;
}

#leftColumn dt {
	margin: 0;
	padding: 0px 0px 15px 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: #026968;
}

#leftColumn dt em {
	margin: 0;
	padding: 0px;
	font-size: 0.75em;
	font-weight: normal;
	color: #666666;
	display: block;
}


#leftColumn dt em a:link, #leftColumn dt em a:visited {
	color: #BD7800;
	text-decoration: none;
	display: block;
}


#leftColumn dt em a:hover {
	color: #026968;
	text-decoration: underline;
	display: block;
}

#leftColumn dd {
	margin: 0;
	padding: 0px 0px 25px 0px;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.5em;
}

#leftColumn li {
	margin: 0;
	padding: 0px 0px 25px 0px;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.5em;
}

.clear {
	clear: both;
}

/********************************************************************/

/* Feature                                                          */

/********************************************************************/


#feature {
	font-size: 0.6em;
	color: #000000;
	background: #EE4743;
	border-bottom: solid #B27407 1px;
}

#feature p {
	margin: 0px;
	padding: 15px 20px 15px 20px;
}


#feature p a:link, #feature p a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
}


#feature p a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
	display: block;
}

/********************************************************************/

/* Global Nav                                                        */

/********************************************************************/


#globalNav {
	width: 249px;
	font-size: 0.7em;
	color: #000000;
	background-color: #DB8F09;
}


#globalNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}
		

#globalNav li {
		border-bottom: 1px solid #EAEAD9;
		margin: 0;
}

#globalNav li a {
		display: block;
		padding: 5px 5px 5px 20px;
		background: url("../images/bg_gnav_off.gif") #DB8F09 repeat-x fixed;
		color: #FFFFFF;
		text-decoration: none;
		width: 100%;
}

html>body #globalNav li a {
		width: auto;
}

#globalNav li a:hover {
		background: url("../images/bg_gnav_on.gif") #026968 repeat-x fixed;
		color: #FFFFFF;
}

/********************************************************************/

/* Resource Nav                                                     */

/********************************************************************/


#resourceNav {
	width: 249px;
	font-size: 0.6em;
	padding: 20px 0px 20px 0px;
}


#resourceNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}
		

#resourceNav li {
		margin: 0;
}

#resourceNav li a {
		display: block;
		padding: 3px 5px 3px 20px;
		color: #BD7800;
		text-decoration: none;
		width: 100%;
}

html>body #resourceNav li a {
		width: auto;
}

#resourceNav li a:hover {
		color: #026968;
}


/********************************************************************/

/* Inline Navigation                                                */

/********************************************************************/


#sectionNav {
	padding: 20px 15px 0px 10px;
} 
	
#sectionNav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#sectionNav ul li {
	margin-left: 0;
	padding: 0px 15px 0px 15px;
	border-left: 1px solid #666666;
	list-style: none;
	display: inline;
}
	
#sectionNav li a {
	color: #BD7800;
	text-decoration: none;
	width: auto;
	display: inline;
}

#sectionNav li a:hover {
	color: #026968;
	display: inline;
}
		
#sectionNav ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}



/********************************************************************/

/* Forms                                                            */

/********************************************************************/


#contactForm {
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 25px;
}


form {
	margin: 0px 0px 0px 0px;
}



fieldset {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;;
}



select, input.styled, textarea {
	background-color: #CBCB9A;
	color: #333333;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 0.7em;
	border: solid #FFFFFF 1px;
	margin-bottom: 10px;
	width: 275px;
}

input.styled {
	padding: 2px;
}

img.button {
	margin: 0px 40px 10px 0px;
}



textarea {
	padding: 2px;
	width: 403px;
	height: 100px;
}


/********************************************************************/

/* Footer                                                           */

/********************************************************************/


#footer {
	width: 732px;
	background-color: #333333;
	padding: 30px 25px 20px 25px;
	clear: both;
}

#footer img {
	float: left;
	margin: -10px 25px 0px 0px;
}

#footer p {
	font-size: 0.7em;
	color: #EAEAD9;
}