@charset "utf-8";

/* Audience Navigation  */

.audienceBlock {
	margin-left: 1px;
	padding-top: 55px;
	position:absolute;
	top: 96px;
	z-index: 9;
	background-image: url(/images/home/audienceBack.jpg);
	background-repeat: no-repeat;
/*	height: 284px;  */
	width: 12.4em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}	
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul li {
	position: relative;
	display: block;
}
ul ul {
	position: absolute;
	left: 198px;
	top: 0;
	display: none;
	clear: left;
}


.submenu a:hover {
	color: #000;
	text-decoration: none;
	background-color:#6699CC;
	border-right: 0px;
	display: block;
}

.navBox {
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


.audienceBlock ul.nav li.submenu:hover ul.level2 {
	display:block;
}

.level2 {
	border: 1px solid #FFFFFF;
	background-color: #6699CC;
	
}

.audienceBlock li.submenu:hover {
	background-color: #6699CC;
}


.submenu .level2 li a{
	display: block;
	font-size: 0.8em;
	padding: 4px;
	width: 150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.level2 li a:hover {
	width: 150px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
	display: block; 
}
.audienceBlock a {	
	z-index: 5;
	color: #FFFFFF;
	display: block;
	padding-left: 8px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;*/ 
	padding-top: 7px;  
	padding-bottom: 7px;   
}


.audienceBlock .bottom a {	
		border-bottom-width: 0;
}

/* Main Image CSS */
.imageBlock {
	z-index: 1;
	position:relative;
	top: 38px;
	left: 199px;
	width: 749px;
}


.imageBlockImages {
	z-index: 1;
	position:relative;
	top: 0px;
	left: 0px;
}
.imageMenu {
	z-index: 2;
	position:absolute;
	top: 288px;
	left: 0px;
	width: 749px;
	height: 50px;
	background-color: #fff;
    filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    -khtml-opacity: 0.8; 
    opacity: 0.8;
}

.imageMenu span {
	color: #003466;
	font-weight: bold;
	font-size: 14px;
    position: relative;
	top: 17px;
	left: 17px;
}

#imageMenuGotoContainer {
    height: 100%;
    position: absolute;
    left: 30px;
    top: 0px;
    width: 700px;
    padding: 3px;    
}

#imageMenuGotoCol0 {
    margin: 0; /* Applied to first column only in lieu of padding (personal thing) */ 
    width: 155px; /* Allows for fluid design. Can be set to pixels */ 
    float: left;
    padding: 2px;    
}
#imageMenuGotoCol1 {
    margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
    width: 155px; 
    float: left; 
    font-size: 10px;
    padding: 2px;
}
#imageMenuGotoCol2 {
    margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
    width: 155px; 
    float: left; 
    padding: 2px;
}
#imageMenuGotoCol3 {
    margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
    width: 155px; 
    float: left; 
    padding: 2px;
}
.gotoMenuFloater {
    background-color: red;
    float:left; 
    height:50%; 
    margin-bottom:-36px;
}
.gotoMenuLinkText {
    clear:both; 
    height:72px; 
    position:relative;
    margin-left: 80px;
}
.imageMenuGoto a {
	color: #003466;
	font-weight: bold;
	font-size: 11px;
    text-decoration: none;
}
.imageMenuGoto a:hover {
    text-decoration: underline;
}
.imageMenuGoto img {
    margin-right: 10px; 
    float: left; 
    border: 1px solid #000;
}
#imageCaption a {
	z-index: 3;
	position:absolute;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 23px;
	font-weight: bold;
	top: 220px;
	left: 30px;
}

/* Middle Section */

.lowerContent {
	background-color: #FFFFFF;
	width: 948px;
	position: absolute;
	top: 434px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #003466;
	border-bottom-color: #003466;
	border-left-color: #003466;
}

.profile {
	padding-left: 15px;
	padding-top: 15px;
	width: 435px;
}

h2 {
		color: #003366;
		font-size: medium;
		font-weight: bold;
}

.profileQuote {
	width: 275px;
	float: right;
	font-size: small;
	background-image: url(/images/home/quotes.jpg);
	background-repeat: no-repeat;	
}

.features {
	display: block;
	float: right;

	padding-top: 15px;
	width: 450px;
}

.features p {
	font-size: x-small;
	color: #003366;
	width: 350px;
	clear: both;
	padding-bottom: 8px;
}

.features img {
	padding-right: 8px;
}

.features a {
	font-weight: bold;
	color: #003366;
}

/* Image Text Code */
.blackLarge {
	font-weight:bold; 
	font-size:1.15em; 
	color:#000000;
}

.redMedium {
	color:#CC0000; 
	font-size:0.6em;
}

.redNormal {
	color:#CC0000;
	font-size:0.5em;
	font-weight:normal;
}