/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Stanley J. Haag
 	CSS Document: afa-09-booster-display-dev.css
 ---------------------------------------------------------------------------- 
*/


/* colors
 ----------------------------------------------------------------------------
	text: #222
	link: #444
 	link.hover: #666
 ----------------------------------------------------------------------------
*/


/* default type selectors
 * ---------------------------------------------------------------------------- */

body { 
	background: #000 url("http://grfx.cstv.com/schools/afa/graphics/afa-09-bg.jpg") repeat-x top;
	color: #fff;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
td {
font: 12px Arial, Verdana, Helvetica, sans-serif;
color: #222;
}

h1 { font-size: 18px }
h2 { font-size: 16px }
h3 { font-size: 14px }

h4,h5,h6 { font-size: 13px }

a img, :link img, :visited img, fieldset { border:none }

a:link, a:visited { color: #444; text-decoration: underline }
a:hover, a:active { color: #666; text-decoration: underline }

a { outline: none }

#columns pre {font-family:monospace; font-size:11px;}
#columns .presmall {font-family:monospace; font-size:11px;}
#columns pre a{font-family:monospace; }
#columns a:hover{text-decoration:none;}

/* classes
 * ---------------------------------------------------------------------------- */

.center { text-align: center }

.img-left { float: left; margin: 0 6px 4px 0 }
.img-right { float: right; margin: 0 0 4px 6px }

.clear { 
	clear: both; 
	height: 0.01em; 
	overflow: hidden;
        display:none;
	}

#revLayeredAd .revClickText  {
color:#fff;
}

/* CSTV specific
 * ---------------------------------------------------------------------------- */

h2, 
.storyheadline, 
.StoryHeadline, 
.page-header { 
	color: #222; 
	font-weight: bold; 
	font-size: 16px 
	}

.storyteaser, 
.StoryTeaser { color: #222; font-weight: bold }

.fivevert { line-height: 5px }
.tenvert { line-height: 10px }
.twentyvert { line-height: 20px }

.yahoo-on { background: #fff url("http://grfx.cstv.com/schools/uri/graphics/yahoo-search5.gif") no-repeat }
.yahoo-off { background-image: none	}


/* layout
 * ---------------------------------------------------------------------------- */
#wrapMastTop {
	margin:0px auto;
	width:844px;
	height:16px;
	display:block;
}
#wrap { 
	background:#FFFFFF;
	width: 832px;
	height:545px;
	margin:0px auto;
	border:#FFFFFF 5px solid;
}
#mast {
	background:url("http://grfx.cstv.com/schools/afa/graphics/afa-09-mast.jpg") no-repeat;
	width:832px;
	height:48px;
}
#middleContentIndex {
	background:url("http://grfx.cstv.com/schools/afa/graphics/afa-09-main-bg.jpg") no-repeat;
	width:832px;
	height:391px;
	padding-top:80px;
}
#middleContent {
	background:url("http://grfx.cstv.com/schools/afa/graphics/afa-09-main-bg.jpg") no-repeat;
	width:832px;
	height:471px;
}

#mainContentBENEFITS {
	width:815px;
	height:345px;
	float:left;
	color:#2C3D68;
	padding:8px;
	overflow:auto;
}
/* sidebar
 * ---------------------------------------------------------------------------- */

#sidebar, #sidebar * { margin: 0; padding: 0 }

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }


/* photo-table
 * ---------------------------------------------------------------------------- */

.photo-table { 
	border-collapse: collapse;
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	width: 160px 
	}
	
.photo-table .email-print li { 
	display: block; 
	margin: 3px 0
	}
	
.photo-table .caption { font-size: 10px }


/* email-print
 * ---------------------------------------------------------------------------- */

.email-print { margin: 10px 0 }

.email-print li { 
	display: inline; 
	list-style-type: none; 
	margin: 0 30px; 
	padding-left: 25px 
}
	
	.email-print li.email { background: url("http://grfx.cstv.com/graphics/oas-icon-email.gif") 0 2px no-repeat }
	.email-print li.print { background: url("http://grfx.cstv.com/graphics/oas-icon-print.gif") 0 2px no-repeat }

/* pre-footer
 * ---------------------------------------------------------------------------- */

#pre-footer {
	border: solid #aaa; 
	border-width: 2px 0;
	display: block;
	padding-top: 6px;
	text-align: center;
	width: 460px
	}
			
/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	width:842px;
	height:120px;
	margin:0px auto;
}

#schoolInfo {
	float:left;
	width:332px;
	height:120px;
}

#schoolInfo ul {
	margin:0px;
	padding:10px 0px 0px 2px;
}

#schoolInfo li {
	font:11px Arial, Verdana, Helvetica, sans-serif;
	list-style:none;
	color:#FFFFFF;
}

#footerImage {
	float:right;
	background:url("http://grfx.cstv.com/schools/afa/graphics/afa-09-airforce-footer.jpg") no-repeat;
	width:500px;
	height:120px;
}
		
	#footer-container-left {
		width:393px;
		float:left;
}

#footer-container-right {
		margin-left: 393px;
		height:438px;
}

#flash-container {
	margin-left:430px;
	top:0px;
}

#hdr-give-wide {
		font-size: .95em;			
		color: #000;
		float:left;
		width:100%;
		height:370px;
		overflow: auto;
}

#hdr-img { width: 832px; height: 81px; }
	
#hdr-img img { width:832px;	}

.storyHeadlineFPC {
	background:#B2BFDF;
	width:824px;
	height:12px;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	color:#405F98;
	padding:4px;
	font-weight: bold;
	text-transform:uppercase; 
}

#mainContentWrap {
	width:832px;
	height:360px;
}

#mainContentLeft {
	width:592px;
	height:319px;
	float:left;
	color:#2C3D68;
	padding:8px;
	overflow:auto;
}

#mainContentRight {
	background:#FFFFFF;
	width:215px;
	height:285px;
	float:left;
	margin:7px 0px 0px 7px;
}

#home {
	width:150px;
	height:20px;
	margin:0px auto;
	text-align:center;
	color:#2C3D68;
}
#home a:link { color:#2C3D68; text-decoration:none; }
#home a:visited { color:#2C3D68; text-decoration:none; }
#home a:hover { color:#2C3D68; text-decoration:underline; }

#signUp { 
	width:150px;
	height:20px;
	margin:0px auto;
	text-align:center;
	color:#2C3D68;
}
#signUp a:link { color:#2C3D68; text-decoration:none; }
#signUp a:visited { color:#2C3D68; text-decoration:none; }
#signUp a:hover { color:#2C3D68; text-decoration:underline; }

/* navigation: #nav
 * ------------------------------------------------------------------------- */

	#nav, #nav * { border-collapse: collapse; margin: 0; padding: 0; z-index:99999; }

	#nav {
		background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") no-repeat;
		height: 22px;
		position: relative;
		width: 832px;
		z-index: 99; 
		}

	#nav span { display:none; }

	#nav li, #nav a {
		font-size: .95em;  
		height: 22px;
		display: block;
		}

	#nav li { float: left; }


	#nav-01 { width:153px; }
	#nav-02 { width:128px; }
	#nav-03 { width:95px; }
	#nav-04 { width:68px; }
	#nav-05 { width:58px; }
	#nav-06 { width:330px; }

	#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") 0 -22px }
	#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -153px -22px }
	#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -281px -22px }
	#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -376px -22px }
	#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -444px -22px }
	#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -502px -22px }

	#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") 0 -22px }
	#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -153px -22px }
	#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -281px -22px }
	#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -376px -22px }
	#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -444px -22px }
	#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/afa/graphics/afa-09-nav.jpg") -502px -22px }


	/* navigation dropdown: #nav
		 * ------------------------------------------------------------------------- */

		#nav ul {
			border: solid #2b4472;
			border-width: 0 1px;
			left: -9999px;
			top: 21px;
			position:absolute;
			z-index:99999;
			}

		#nav-08 ul { margin-left: -15px }

		#nav ul, 
		#nav li li { width: 150px } 

		#nav li li, 
		#nav li li a { height: auto; }

		#nav li:hover ul, 
		#nav a:hover ul { left: auto; }

		#nav li li { border-bottom: 1px solid #2b4472; text-indent: 0; }


		#nav li li a {
			background: #fefefe;
			color: #2b4472;
			display: block;
			padding: 3px;
			text-decoration:none;

			_width: 100%
			}

		#nav li li a:hover { 
			background: #777; 
			color: #FFFFFF;
			}

		#nav .right { text-align: left; margin-left: 150px }

		#nav .header a, #nav .header a:hover { 
			background: #aaccff; 
			color: #0258c5; 
			font-weight: bold
			}



		/* Son of Suckerfish: 2nd Tier Drop Down
		 * ------------------------------------------------------------------------- */

		#nav li ul li ul  {
			display: none;
			width: 165px;
			margin-left: 165px; /* width of drop down nav +2 */
			margin-top: -19px; /* height of drop down nav item +1 */
			}

		#nav li ul li:hover ul, #nav li ul li.over ul { display: block; }

		#nav li ul li ul li a {
			height: 18px;
			width: 100%;
			}

		#nav li li.tall, #nav li li.tall a {
			height:21px;
			line-height:14px;
			}

		#nav ul.right { margin-left: 150px; text-align: left }
		#nav li li.header a, #nav li li.header a:hover { background-color: #BF3130; color: #fff; font-weight: bold }
	/* navigation: #nav 
	*/
	
