/* ------ [ Body ] ------ */
.body { background: #286bf2 url(images/background.jpg) top center no-repeat; margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #fff; }

/* ------ [ Layout ] ------ */
#container { width: 960px; margin: 0 auto 0 auto; position: relative; }
#header { width: 960px;	margin: 0; padding: 0; /* overflow: hidden; */ }
	#logo { width: 489px; height: 76px; float: right; margin-top: 20px; }
		#logo h1 { background: url(images/logo.png) no-repeat; width: 489px; height: 76px; text-indent: -9999px; padding: 0; margin: 10px 0; }
		#logo a { outline: none; }
	#crest { background: url(images/crest.png) no-repeat; width: 240px; height: 270px; position: absolute; top: 0; left: 0; z-index: 100; }
		#crest a { display: block; width: 240px; height: 270px; text-indent: -9999px; outline: none; }
	#nav-wrap { position: relative; top: 31px; height: 53px; padding-top: 16px; }
		#nav { margin:0; padding:0; list-style:none; float: right; z-index: 100; }	
			/* make the LI display inline */
			/* it's position relative so that position absolute */
			/* can be used in submenu */
			#nav li.top-drop { height: 55px; float:left; display:block; position:relative; z-index:500; margin:0 1px; z-index:100; }
			/* this is the parent menu */
			#nav li a.top-link { color: #fff; text-decoration: none; font-size: 1.6em; letter-spacing: 1px; padding: 15px 10px 16px; margin-left: 10px; }
			#nav li a.top-link:hover, #nav li.hover a.top-link { background: #102a5d; border-left: 1px solid #1b3873; border-right: 1px solid #1b3873; padding: 15px 9px 16px; }
			/* you can make a different style for default selected value */
			#nav a.current { color:#fff; }
				/* submenu, it's hidden by default */
				#nav ul { background: url(images/dropdown_bg.png); position:absolute; top: 39px; left:10px; display:none; margin:0; padding:0; list-style:none; width: 250px; border-right: 1px solid #1b3873; border-left: 1px solid #1b3873; border-bottom: 1px solid #1b3873; z-index: 100;}
					#nav ul li { color: #fff; z-index: 100; padding: 2px 0 0 0; margin: 0; }
					#nav ul li a, #nav ul li a:active, #nav ul  li a:visited { display:block; padding: 3px 15px; color:#fff; font-size: 1.2em; }
					#nav ul li a:hover { background: url(images/level2.png); text-decoration: none; color: #999; }
	#slideshow { background: url(images/slideshow.jpg) no-repeat; width: 960px; height: 246px; margin-top: 17px; z-index: 0; }
	#events { background: url(images/events.jpg) no-repeat; width: 960px; height: 32px; }
		#events a { display: block; width: 165px; height: 32px; text-indent: -9999px; outline: none; float: left; }
#main-body { width: 960px; overflow: hidden; margin-top: 6px; }
	#left-content { width: 343px; }
		#video { background: url(images/video.jpg) no-repeat; width: 343px; height: 228px; }
			#video a { display: block; width: 343px; height: 228px; outline: none; text-indent: -9999px; }
		#this-week { margin-top: 30px; }
	#right-content { width: 588px; overflow: hidden; padding: 0; }
		#news { background: url(images/news_bg.png); width: 588px; min-height: 350px; }
			#news-header { padding: 0; margin: 0 auto; width: 563px; border-bottom: 1px solid #345390; overflow: hidden; text-shadow: 2px 2px 2px #333; }
				#news-top { float: left; padding-top: 10px; margin: 0; color: #fff; font-size: 1.6em; }
				#more-news { float: right; padding-top: 17px; }
					#more-news a, #more-news a:active, #more-news a:visited { color: #fff; text-decoration: none; }
					#more-news a:hover { color: #999; }
			#news-items { list-style: none; padding: 0; margin: 0 auto; clear: both; width: 563px; }
				#news-items li { background: url(images/news_item_bg.png); width: 559px; margin-bottom: 20px; padding: 5px 0 5px 5px; font-size: 1.1em; }
					#news-items li:last-child { border-bottom: 1px solid #345390; }
	#sports { width: 960px; position: relative; height: 90px; overflow: hidden; margin-top: 10px; padding: 20px 0 0 0; z-index: 0; }
		#lc-logo { background: url(images/lc_logo.png) no-repeat; width: 102px; height: 90px; position: absolute; top: 0; left: 0; }
		#sports-events { width: 940px; background: #4674d3; margin-top: 9px; margin-left: 20px; height: 35px; z-index: 0; }
#footer { background: #184194; }
	#footer-content { width: 500px; margin: 0 auto; padding: 20px; text-align: center; line-height: 2em; position: relative;}
	#blue-rainbow { position: absolute; top: 20px; left: 660px; }
	#mind { background: url(images/mind.png) no-repeat; width: 542px; height: 64px; margin: 20px auto; }
	
/* ------ [ Sub Nav } ------ */
#main-content-subnav { width: 309px; margin-bottom: 30px; }
	.subNav { background: url(images/news_bg.png); padding: 5px; }
		.subNav-level { text-align: center; }
			.subNav-level a, .subNav-level a:active, .subNav-level a:visited { display: block; margin: 10px 5px; background: url(images/news_item_bg.png); padding: 5px 0; }
				.subNav-level a:hover { color: #999; }
			 .subNav-level a:first-child { border-top: 1px solid #345390; }
			 .subNav-level a:last-child { border-bottom: 1px solid #345390; }
			 .subNav-level a.currentPage { font-size: 1.2em; border: 1px dashed #355aa5; }
			 
			 /* Level 2 */
			 .subNav-level a.level2 { background: url(images/level2.png); }
			 	.subNav-level a.level2:first-child { border-top: 1px solid #143880; }
				.subNav-level a.level2:last-child { border-bottom: 1px solid #143880; }
				
			/* Level 3 */
			 .subNav-level a.level3 { background: #284781; }
			 	.subNav-level a.level3:first-child { border-top: 1px solid #143880; }
				.subNav-level a.level3:last-child { border-bottom: 1px solid #143880; }

	.has-subnav #main-content { width: 619px; color: #dddddd; }			 
	#main-content { margin-bottom:20px; line-height: 2em; font-size: 1.2em; }
		#main-content a, #main-content a:active, #main-content a:visited { color: #171d66; border-bottom: 1px dotted #171d66; }
			#main-content a:hover { border-bottom: 1px dotted #fff; }
		#main-content span { line-height: 2em; }
		
/* ------ [ Calendar ] ------ */
#calendar-table { padding: 0; margin: 0; }
	#calendar-table tbody { margin: 0; padding: 0; }
		#calendar-table tr { padding: 0; margin: 0; }
		#calendar-table td { padding: 0; margin: 0; }
		
/* ------ [ Guidance ] ------ */
.guidance { width: 100%; }
	.guidance td { }
	.guidance-img { padding: 10px 10px 0 0; }
	.guidance-schools { color: #163b83; font-size: .8em; line-height: 1.5em; }

/* ------ [ Links ] ------ */
a, a:visited, a:active { color: #fff; text-decoration: none; }
a:hover { color: #999; }
	
	span a, a:visited, a:active { color: #fff; text-decoration: none; }
	span a:hover { color: #999; }
/* ------ [ Ordered, Unordered, and Definition Lists ] ------ */
ol { list-style: decimal; }
ul { list-style: disc; }
li { padding-bottom: 1.5em; }

/* ------ [ Form Styling ] ------ */
form { }
input { }
textarea { }
fieldset { }
label { }
legend { }
select { }
option { }

/* 
input[type="text"] { width: 100%; }
input[type="submit"] { }
input:focus { }
input:focus:hover { }
*/

/* ------ [ Headings ] ------ */
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #f7f7f7; margin-top: 0; text-shadow: 2px 2px 2px #0b1f49; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3, h4, h5, h6 { font-size: 1.3em; }

/* ------ [ Tables ] ------ */
table { margin-bottom: 15px; border: #ddd; }
thead { }
tbody { }
tfoot { }
th { }
tr { }
td { }

/* ------ [ Images ] ------ */
#edline { border: 0; float: right; padding: 0; margin: 0; }
.img { border: 0; }


/* ------ [ Miscellaneous ] ------ */
hr { background: #73a2ff; height: 1px; padding: 0; border: 0; }
p {  }

/* ------ [ Global Classes ] ------ */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }