/* 
 ----------------------------------------------------------------------------
  Author: CSTV Online, Inc.
  CSS Document: main.css
 ---------------------------------------------------------------------------- 
*/

/* reset the main browser defaults
 * ------------------------------------------------------------------------- */

html,body,div { margin:0; padding:0 }

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


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

body,td { font:11px Verdana, Arial, Helvetica, sans-serif }

h1,h2,h3,h4,h5,h6 { font-size:1.0em }

a { color:#243A81 }
a:hover { color:#E0B224 }


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

.center { text-align: center }
.left { text-align: left }
.right { text-align: right }
.clear { clear: both; height: 0.01em; overflow: hidden }

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

.schedheader { color: #fff; font-weight: bold }
.storyheadline, .storyteaser { display: block }
.storyheadline { color: #243A81; font-weight: bold; font-size: 13px; margin-top: 10px; _margin-top: 0 }
.storyteaser { color: #222; font-weight: bold }
#sidebar { margin: 5px 10px; }


/* layout
 * ---------------------------------------------------------------------------- */

body { 	
	background: #fff url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-bg.gif") repeat-y
	}

#wrap { 
	width: 750px
	}

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

#mast {
	height: 159px;
	width: 750px
	}
	
	#mast a { 
		float: left
		}


/* columns
 * ---------------------------------------------------------------------------- */

#columns {
	border-collapse: collapse;
	clear: both;
	margin: 0; 
	padding: 0;
	width: 750px
	}
	
#column-left, #column-middle, #column-right { 
	margin: 0;
	padding: 0;
	vertical-align: top
	}

#column-left { background-color: #243A81; width: 150px }

#column-middle { width: 348px }

#column-middle h2, body#story #column-right h2 { 
	color: #CA8A26; 
	font-size: 16px; 
	margin-top: 0;
	margin-left: 8px;
	text-transform: uppercase
	}
	
#sportnav { margin-left: 8px; padding-bottom: 10px }

body#story #column-right h2, 
body#story #sportnav { margin-left: 0 }

#column-right { background-color: #243A81; color: #fff; width: 252px }

#column-right a { color: #fff }
#column-right a:hover { color: #E0B224 }

body#story #column-right { 
	background-color: #fff;
	color:#243A81; 
	padding: 0 8px;
	width: 600px 
	}

	body#story #column-right a { color:#243A81 }
	body#story #column-right a:hover { color:#E0B224 }


/* headers
 * ---------------------------------------------------------------------------- */

#hdr-mens, #hdr-womens, #hdr-athletics, #hdr-edu {
	height: 20px;
	width: 150px
	}

#hdr-mens { background: url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-07-hdr-mens.gif") no-repeat }
#hdr-womens { background: url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-07-hdr-womens.gif") no-repeat }
#hdr-athletics { background: url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-07-hdr-athletics.gif") no-repeat }
#hdr-edu { background: url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-07-hdr-edu.gif") no-repeat }

#hdr-features, #hdr-fanpoll {
	height: 20px;
	width: 252px
	}
	
#hdr-features { background: url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-07-hdr-features.gif") no-repeat }
#hdr-fanpoll { background: url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-07-hdr-fanpoll.gif") no-repeat }

#hdr-secondary-headlines, #hdr-schedule {
	height: 20px;
	width: 348px
	}
	
#hdr-secondary-headlines { background: url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-07-hdr-headlines.gif") no-repeat; clear: both; margin-top: 10px }
#hdr-schedule { background: url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-07-hdr-events.gif") no-repeat }


/* search
 * ---------------------------------------------------------------------------- */

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

#search {
	background-color:#243A81;
	float: left;
	height: 33px;
	width: 252px
	}

#search form { text-align: center }
#search input { border: 1px solid #eee; margin-bottom: 10px; width: 120px }
#search input.submit { cursor: pointer; width: 60px }


/* features
 * ---------------------------------------------------------------------------- */

#features, #features * { margin: 0; padding: 0 }
#features { margin: 10px }
#features h3 { margin-bottom: 15px }


/* fanpoll (census)
 * ---------------------------------------------------------------------------- */

#fanpoll, #fanpoll * {  margin: 0; padding: 0 }
#fanpoll table { border-collapse: collapse; width:250px; }
#fanpoll table table img { display: block }
#fanpoll .pollquestion { color:#fff; font-weight: bold }
#fanpoll .pollanswers { color:#fff; padding:0 0 0 5px; }


/* schedule table
 * ---------------------------------------------------------------------------- */	

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

#schedule { width:348px }

#schedule table { 
	border-collapse: collapse; 
	margin: 8px 6px; 
	width:100% 
	}

#schedule td { font-size:10px; padding:3px 4px }

#schedule .dailydate {
	color: #222;
	font-weight: bold
	}

#schedule .categories td { 
	background-color: #3C3E89;
	color: #fff; 
	font-weight: bold; 
	}


/* .lead-headlines
 * ------------------------------------------------------------------------- */

.lead-headlines, .lead-headlines * { margin: 0; padding: 0 }

.lead-headlines { clear: both; margin: 10px 8px 20px 8px }

.lead-headlines .photo { border: 1px solid #000; margin-bottom: 5px }

.lead-headlines a { font-weight:bold; text-decoration: none }

.lead-headlines h3 { font-size: 12px; margin-bottom: 6px }

.lead-headlines p { font-size: 11px; line-height: 14px }

.lead-headlines p.date {
	color: #000;
	font-size: 10px; 
	margin: 0
	}

.lead-headlines img { border: 1px solid #00395F }
.photo-left img { float:left; margin:0 8px 0 0 }
.photo-right img { float:right; margin:0 0 0 8px; }

#mini-columns { 
	background-color: #eee; 
	font-size: 10px; 
	clear: both; 
	margin: 10px 0 10px 0;
	overflow: auto; 
	padding: 8px 0 8px 15px;
	width: 315px;
	_width: 330px;
	}
	
#mini-columns a { font-size:10px; }

#mini-columns div { 
	border-right: 1px solid #243A81; 
	float: left; 
	margin: 0 6px 0 2px; 
	padding:0 11px 0 5px; 
	width: 80px; 
	}
	
#mini-columns div.last { border: none }



/* secondary-headlines
 * ------------------------------------------------------------------------- */

.secondary-headlines, .secondary-headlines * { margin:0; padding:0 }

.secondary-headlines { margin: 10px 15px 0 8px }

.secondary-headlines a { font-weight:bold; text-decoration: none }

.secondary-headlines h3 { font-size: 11px; margin-bottom:2px }

.secondary-headlines p { 
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 15px
	}

.secondary-headlines p.date { 
	color: #000;
	font-size: 10px; 
	margin-bottom: 0
	}
	

/* nav-inline
 * ---------------------------------------------------------------------------- */

.nav-inline, .nav-inline * { margin: 0; padding: 0 }

.nav-inline li { 
	border-left: 1px solid #E0B224;
	float: left; 
	list-style-type: none; 
	padding: 0 5px; 
	}

.nav-inline li.first { border:none; padding-left: 0 }

.nav-inline a { 
	font-weight: bold; 
	text-decoration: none; 
	}


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

#nav-top { 
	background: #fff url("http://graphics.fansonly.com/schools/jcsu/graphics/jcsu-blue-curve.jpg") 478px -1px no-repeat;
	float: left;
	height: 33px;
	width: 498px 
	}

	#nav-top ul { margin: 8px 0 0 10px }


/* navigation:  .nav
 * ---------------------------------------------------------------------------- */

.nav, .nav * { margin: 0; padding: 0 }

.nav li {
	list-style-type: none;
	border-bottom: 1px solid #36498D;
	}

.nav a { 
	color: #fff;
	display: block;
	padding: 3px 5px 3px 10px;
	text-decoration: none
	}

.nav a:hover { 
	background-color: #36498D;
	color: #fff 
	}

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

#wrap-pre-footer {
	background-color: #fff;
	border-left: 150px solid #243A81
	}

#pre-footer {
	padding: 15px 0 15px 50px;
	text-align: center;
	width: 480px
	}

#pre-footer a { color: #000 }
#pre-footer a:hover { text-decoration:none }

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

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

#footer {
	background-color: #E0B224;
	border-top: 3px solid #111F5A;
	padding: 15px 0;
	text-align: center;
	width: 750px;
	}
	
#footer a:hover { color: #fff }