/* CSS Document */

html	{height:100%;}

body {
background-color:#00458d;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
margin:0;
padding:0;
text-align: center;
} 

p, div, ul, ol, li, h1, h2, h3, h4, h5 {margin-top: 0px;}
a img {border:none;}
sup {line-height:0;}

h1, h2, h3, h4, h5	{font-weight:normal;}

a:link,  a	{color:#004c9b; text-decoration:none;}
a:visited	{color:#004c9b}
a:hover		{color:#09A4F1;}
a:active	{color:#004c9b}

.clear	{clear:both; margin:0; padding:0; line-height:-1px; height:0; font-size:1px;}

#container {
	width:961px; /* 1010px before padding */
	margin:0 auto; 
	padding:0 24px 0 25px; 
	background:url("../images/container_mid.jpg") repeat-y top left;
	text-align:left;
}
	#home #container {
		width:961px; /* 1010px before padding */
		padding:0 24px 0 25px;
	}
#containertop {
	width:1010px; 
	margin:0 auto; 
	height:15px; 
	background:url("../images/container_top.jpg") no-repeat top left;
}
#containerbot {
	width:1010px; 
	margin:0 auto; 
	height:39px; 
	background:url("../images/container_bot.jpg") no-repeat top left;
}
#content {
	width:961px;
}
	#home #content {
		width:961px;
	}

/* Fix table problems */
table {
	font-size:100%;
	border-collapse: collapse;
	width:100%;
}
table td,
table tr {
	vertical-align: top;
}
input.checkbox { vertical-align:middle }
input.radio { vertical-align:middle }

/* Fixes alignment and spacing problems for embedded media */
object {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
embed {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
iframe {
	margin:0;
	padding:0;
}

/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */

.floatwrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatwrapper {
    display:inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper {display:block;}
* html .floatwrapper {height: 1px;}
/* End hide from IE-mac */

/* Old-fashioned float clear */
.clearfloat {
	clear: both;
}


/* Holly hack fix for IE 6 problems \*/
* html .hollyfix {height: 1%;}
/* */



/* General styles */
img { 
	display:block; 
	border:0; 
}
img.inline { 
	display:inline 
}
p { 
	margin:0 0 .7em 0; 
}
p.intro  {
	color:#898989;
	font-size: 1.3em;
	line-height:1.25em;
	margin-bottom: 33px;
}
h1,h2,h3,h4 {margin:0; padding:0;}

ul {list-style:outside }
ol {list-style:outside decimal}

	a#skipnav {
		display: block;width: 0; height: 0; overflow: hidden;
	}
.printonly {
	display:none;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

/* Structure */
#left_col,
#main_col,
#right_col {
	float:left;
	display:inline;
	position:relative;
}

#left_col {
	position:relative;
	margin-right:-10px;
	color:#fff;
	font-size:11px;
	width:231px;
}
	#left_col_inner {
		background:url("../images/bg_leftcol.png") repeat-y top left;
	}
	#leftcol_bot {
		background:url("../images/bg_leftcol_bot.png") no-repeat top left;
		height:36px;
		width:231px;
	}
	#left_col h1 a {
		display:block;
		width:221px;
		height:125px;
		background:url("../images/nccaa_logo.gif") no-repeat top left;
		text-indent:-1000em;
		overflow:hidden;
	}
	#left_col .section {
		width:188px; /* 221px before padding */
		padding:0 22px 15px 11px;
		line-height:1.5em;
		min-height:660px;
	}
		#left_col .section p.profile_scroll {text-align:center; position:relative; top:7px;}
		#left_col .section p.profile_scroll a {font-weight:bold;}
		#left_col .section img.flush {
			position:relative;
			margin-left:-11px;
			margin-right:-22px;
		}
		#left_col .section h3 {
			font-size:13px;
			font-weight:bold;
		}
		#left_col .section h4 {
			font-size:11px;
			font-weight:bold;
		}
		#left_col a {
			color:#fff;
		}
		
		#left_col_inner .section tr {display:none;}
				#left_col_inner .section tr.visprofile {display:block;}
		
	
/* Main navigation*/
ul#mainnav {
	margin:0;
	padding:1px 0 0 0;
	background-color:#fff;
	list-style:none;
	width:221px;
}
	ul#mainnav li {
		margin:0;
		padding:0;
		border-bottom:1px solid #fff;
		text-align:left;
		font-size:11px;
	}
	
	
	
		ul#mainnav li a {
			text-transform:uppercase;
			color:#fff;
			display:block;
			padding:13px 22px 13px 22px;
			background:url("../images/bg_mainnav_top.gif") repeat-y top left;
			border-bottom:1px solid #496476;
		}
			ul#mainnav li a:hover {
				text-decoration:none;
				background:url("../images/bg_mainnav_top_over.gif") repeat-y top left;
			}
			ul#mainnav li.two_lines a {
				padding-top:6px;
				padding-bottom:6px;
			}
			
	/* Selected states */
	ul#mainnav li.selected {
		
	}
		ul#mainnav li.selected a {
			background:url("../images/bg_mainnav_top_selected.gif") repeat-y top left;
			border-bottom:1px solid #4f758d;
		}
		ul#mainnav li.selected a:hover {
			background:url("../images/bg_mainnav_top_selected.gif") repeat-y top left;
		}
	
	/* Second level nav items */
	ul#mainnav li ul {
		margin:0;
		padding:7px 0 10px 0;
		list-style:none;
		border-top:1px solid #5a92b6;
		border-bottom:1px solid #496476;
		background:url("../images/bg_mainnav_sub.gif") repeat-y top left;
	}
		ul#mainnav li ul li {
			border:none;
		}
			ul#mainnav li.selected ul li a {
				text-transform:none;
				color:#fff;
				display:block;
				padding:3px 22px 2px 22px;
				background:url("../images/bg_mainnav_sub.gif") repeat-y top left;
				border-bottom:none;
				
			}
				* html ul#mainnav li.selected ul li a {
					zoom:1;
				}
				ul#mainnav li.selected ul li a:hover, ul#mainnav li.selected ul li a.on {
					color:#ccc;
					background:url("../images/bg_mainnav_sub.gif") repeat-y top left;
				}

	/* Third level nav items */
	ul#mainnav li li ul {
		margin:0;
		padding:0;
		list-style:none;
		border-top:0;
		border-bottom:0;
	}
	
		ul#mainnav li.selected li li a {
			padding:3px 22px 3px 42px;
		}
		
		ul#mainnav li.selected li li a:hover, ul#mainnav li.selected li li a.on {
			background:url("../images/bg_mainnav_top.gif") repeat-y top left;
			color:#ccc;
		}
	
/* Content column */
#main_col {
	width:503px;
}

/* Right column */
#right_col {
	position:relative;
	margin-left:-10px;
	font-size:11px;
	color:#666666;
	width:247px;
}
	#secondary #right_col {
		width:247px;
	}
	* html #right_col {
		overflow:hidden;
	}
	#right_col_inner {
		background:url("../images/bg_rightcol.png") repeat-y top left;
		padding-left:10px;
	}

		#home #right_col_inner {
			padding-top:28px;
			padding-bottom:28px;
		}
	#rightcol_bot {
		background:url("../images/bg_rightcol_bot.png") no-repeat top left;
		height:36px;
		width:231px;
	}

/* Footer */
#footer {
	padding-top:30px;
	padding-bottom:15px;
	font-size:10px;
	color:#6694c3;
	text-transform:uppercase;
}

	#footer p {float:left; text-align:left; margin:0; width:800px;}

	#footer a {
		color:#6694c3;
	}
		#footer a:hover {
			text-decoration:underline;
		}
	#footer a#facebook {display:block; float:right; text-indent:-999em; line-height:39px; width:39px; background:url(../images/logo_facebook.jpg) no-repeat; position:relative; top:-10px;}

/* Homepage */
#home_messaging {float:left; width:483px; padding:10px;}
	#home_messaging h1 {font-size:24px; line-height:24px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color:#CE3539; margin-bottom:7px;}
	#home_messaging h2 {font-size:18px; line-height:21px;}
	#home_messaging h3 {font-size:14px; line-height:18px;}
	#home_messaging p {color:#135592; font-size:13px; line-height:18px;}
/* Homepage topic "buckets" */
#main_col #buckets {
	margin-bottom:14px;
	width:503px;
}
	#main_col #buckets .bucket {
		float:left;
		display:inline;
		width:156px;
		margin-left:9px;
		background-color:#999;
		font-size:11px;
		color:#fff;
	}
		#main_col #buckets .bucket h2 {
			color:#ffcc33;
			font-size:12px;
			padding-top:9px;
			font-weight:bold;
		}
			#main_col #buckets .bucket h2 a {
				color:#ffcc33;
			}
			#main_col #buckets .bucket p a {
				color:#fff;
			}
				#main_col #buckets .bucket h2 a:hover,
				#main_col #buckets .bucket p a:hover	{
					text-decoration:underline;
				}
		#main_col #buckets .bucket .bucketinner {
			background:url("../images/bg_home_bucket_bot.gif") no-repeat bottom left;
			padding-left:8px;
			padding-right:8px;
			padding-bottom:5px;
			min-height:195px;
		}
			* html #main_col #buckets .bucket .bucketinner {
				height:195px;
			}




/* "Order Guidebook" banner/promo module */
a#order_guidebook {
	display:block;
}
a#order_guidebook:hover {
	text-decoration:none;
}
a#order_guidebook span.line1 {
	display:block;
	font-weight:bold;
}
a#order_guidebook span.line2 {
	display:block;
}

/* Banner version */

#main_col a#order_guidebook {
	width:476px;
	height:121px;
	background:url("../images/banner_orderguidebook.gif") no-repeat top left;
	margin-left:7px;
}
	#main_col a#order_guidebook span.line1 {
		color:#fff;
		font-size:17px;
		padding:40px 16px 6px 141px;
	}
	#main_col a#order_guidebook span.line2 {
		font-size:10px;
		color:#c6ff00;
		text-transform:uppercase;
		padding:0 16px 0 141px;
	}
	
	
/* Promo version */	
#right_col a#order_guidebook {
	width:226px;
	height:152px;
	background:url("../images/promo_orderguidebook.jpg") no-repeat top left;
	position:relative;
	margin:0 0 13px 10px;
}
	#right_col a#order_guidebook span.line1 {
		color:#6699cc;
		font-size:15px;
		padding:15px 0 6px 107px;
	}
	#right_col a#order_guidebook span.line2 {
		position:absolute;
		font-size:13px;
		font-weight:bold;
		color:#fff;
		padding:0 16px 0 107px;
		bottom:17px;
		left:0;
		line-height:1em;
	}

/* Generic right col promo styles */
#right_col .promo {
	width:226px;
	position:relative;
	margin-left:10px;
	margin-bottom:13px;
}
	#right_col .promo .promotop {
		width:226px;
		height:7px;
		background:url("../images/rightcol_promo_top.gif") no-repeat top left;
		overflow:hidden;
	}
	#right_col .promo .promomid {
		border-right:1px solid #999999;
		border-left:1px solid #999999;
		padding:6px 17px 1px 13px;
		width: 196px
	}
	#right_col .promo .promobot {
		width:226px;
		height:7px;
		background:url("../images/rightcol_promo_bot.gif") no-repeat top left;
		overflow:hidden;
	}
		* html #right_col .promo .promobot {
			position:relative;
			margin-top:-1px;
			margin-left:1px;
		}
	#right_col .promo .promomid h3 {
		color:#6699cc;
		font-weight:bold;
		font-size:15px;
		padding-bottom:20px;
		line-height:1.2em;
	}
	#right_col .promo .promomid p {
		padding-bottom:19px;
		margin-bottom:0;
		line-height:1.2em;
	}
	#right_col .promo .promomid a {
		color:#ce3539;
	}
		#right_col .promo .promomid a:hover {
			text-decoration:underline;
		}

/* Homepage News */
div#news {
	padding:0 19px 44px 19px;
	position:relative;
}
	div#news h3 {
		color:#ce3539;
		font-size:15px;
		font-weight:bold;
		border-bottom:1px dotted #004f99;
		padding-bottom:5px;
		margin-left:-7px;
		padding-left:7px;
		margin-bottom:9px;
		margin-right:-16px;
		padding-right:16px;
	}
	div#news ul {
		margin:0;
		padding:0;
		list-style:none;
	}
		div#news ul li {
		float:left;
		}
		
		div#news ul li div {
		padding-bottom:6px;
		line-height:1.3em;
		float:left;
		}
		
			div#news ul li span.date {
				color:#666;
				text-decoration:none;
				font-size:10px;
				font-weight:bold;
			}
			
			div#news div#fade {
				width:237px;
				height:15px;
				background: url(../images/fade.png) repeat-x top left;
				position:absolute; 
				top:360px;
				left:0;
				}
			
			* html div#news div#fade {
				background-image: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fade.png", sizingMethod="scale");
				} 
			
#right_col_text {width:237px;}			

/* slideshow */
#slideshowcontainer {
	width:503px;
	height:242px;
	margin-bottom:19px;
	overflow:hidden;
	position:relative;
}

#secondary #slideshowcontainer {left:-21px;}

	#slideshowcontainer #slidepager {
		position:absolute;
		right:6px;
		bottom:3px;
		z-index:10;
	}
		#slideshowcontainer #slidepager a {
			display:block;
			border:1px solid #99ccff;
			background-color:#fff;
			text-align:center;
			width:17px;
			padding-top:3px;
			height:14px;
			float:left;
			margin-right:2px;
			line-height:1em;
		}
			#slideshowcontainer #slidepager a:hover {
				background-color:#99ccff;
			}
		
		#slideshowcontainer #slidepager a.activeSlide{
			background-color:#99ccff;
		}
		#slideshowcontainer #slidepager a.activeSlide:hover {
			color:#004c97;
		}
			
#slideshow {
	width:503px;
	height:242px;
	position:relative;
	z-index:5;
}
	#slideshow .slide {
		width:503px;
		height:242px;
		position:relative;
	}	
		#slideshow .slide img {
			position:absolute;
			top:0;
			left:0;
		}
	#slideshow .title {
		position:relative;
		z-index:1;
		font-family:Helvetica, "Helvetica Neue", sans-serif;
		font-size:28px;
		color:#333;
		padding:18px 18px 4px 202px;
		line-height:36px;
	}
		#slideshow .title strong {
			font-size:36px;
			color:#ffcc00;
		}
	#slideshow .description {
		display:block;
		background:url("../images/icon_slideshow_caret.png") no-repeat 0 .3em;
		position:relative;
		z-index:1;
		font-size:11px;
		padding:0 0 0 13px;
		margin-left:202px;
		width:218px;
		line-height:1.5em;
	}
		* html #slideshow .description {
			background:url("../images/icon_slideshow_caret.gif") no-repeat 0 .3em;
		}

/* Site links */
ul#site_links {
	border-top:1px solid #bdbdbd;
	margin:0 0 0 6px;
	padding:0;
	list-style:none;
}
	ul#site_links li {
		border-bottom:1px solid #bdbdbd;
		color:#004c9b;
		font-weight:bold;
		font-size:10px;
		text-transform:uppercase;
		padding:8px 13px 6px 13px;
	}
		ul#site_links li a {
			display:block;
			
		}
		ul#site_links li.last {
			border-bottom:0px;
		}
		
		#home ul#site_links li.last {
		}

/* Student Life promo */
a#student_life_link {
	background:url("../images/promo_student_life.jpg") no-repeat top left;
	width:227px;
	height:179px;
	display:block;
	text-indent:-1000em;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
}

/* Subpage styles */
#secondary #main_col {
	padding:0 21px;
	width:461px; /* 503 before padding */
}
	
	/* Top banner image */
	#secondary #main_col #banner {
		width:503px;
		position:relative;
		margin-left:-21px;
		margin-right:-21px;
		height:183px;
		margin-bottom:20px;
	}
		#secondary #main_col .parentsbanner {
			background:url("../images/headimg_placeholder.jpg") no-repeat top left;
		}

	/* Intro paragraph area */
	#main_col div.intro {
		border-bottom:1px dotted #999999;
		padding: 0 11px 2px 2px;
		margin:0 -8px 12px -2px;
		position:relative;
	}
	#main_col div.intro h1 {
		color:#ce3539;
		font-size:18px;
	}

/* Content area styles */
	#secondary #main_col h2 {
		font-size:14px; margin:0 0 14px; font-weight:bold;
	}
		#secondary #main_col h2.link {margin:0; font-weight:normal;}
	
	#secondary #main_col h3 {
		font-size:12px; font-weight:bold;
	}
	
	#secondary #main_col p {
		margin-bottom:.9em;
	}
	#secondary #main_col a {
		color:#6c94ae;
	}
		#secondary #main_col a:hover {
			color:#09A4F1;
		}
	
	#secondary #main_col ul li,
	#secondary #main_col ol li {
		margin-bottom:10px;
	}
	
/* Right column promo version of Featured Student */


/* Google translate */
#google_translate_element {display:block; padding:0;}
#google_translate_element .goog-te-gadget {font-size:10px; color:#fff;}
#google_translate_element .goog-te-gadget span {display:none;}
#google_translate_element  a{font-size:10px;}
#google_translate_element div {float:left;}
#google_translate_element select {font-size:10px; text-transform:capitalize; margin-right:5px;}
/* IE 6 and 7 fixes */

* html .png {  /* PNG fix for IE 6 */
	behavior: url("styles/iepngfix.htc");
}

/* other styles */
ul.sitemap {margin-top:10px;}
label {display:block; line-height:14px; padding:2px; margin-top:10px;}
label.short {display:inline; margin:0;}
input {display:block;}

/* join now */
#friendsform {padding:0; margin:0; width:420px;}
	#friendsform label {float:left; font-weight:bold; font-size:14px; line-height:25px; margin:0; padding:0 10px 0 0; width:120px; text-align:right;}
		#friendsform label.hidden, #friendsform label.hidden-stu {display:none;}
		#friendsform label.select {line-height:21px;}
	#friendsform input.text {display:block; float:left; border:1px solid #6c94ae; padding:3px; height:17px; font-size:14px; margin:0 0 12px; font-weight:bold; color:#333; font-family:Arial, Helvetica, sans-serif; width:174px;}
		#friendsform input.hidden, #friendsform input.hidden-stu {display:none;}
	#friendsform select {display:block; float:left; font-size:11px; border:1px solid #6c94ae; font-style:italic; margin:0 0 12px; color:#333; font-family:Arial, Helvetica, sans-serif; width:182px;}
		#friendsform select option {font-size:11px; line-height:15px; font-style:normal;}
	
	#secondary #main_col #submit {display:block; display:inline; float:left; clear:both; background-color:#ce3539; border:1px dotted #ce3539; padding:0 10px; height:26px; color:#fff; font-size:14px; margin-left:130px; font-family:Arial, Helvetica, sans-serif;}
		#secondary #main_col #submit:hover {background-color:#e14448;}
		
		span.LV_validation_message {float:left; padding-left:10px; color:#6c94ae; font-weight:bold; font-size:11px; line-height:25px;}
		span.LV_valid {display:none;}