/* Meyer's Browser Default Reset (http://meyerweb.com/eric/tools/css/reset/) - v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

body { background:#E6E7E7 url(../_img/bg-tile.jpg) top left repeat-x; font:12px Helvetica, Arial; color:#666; }

/* General Styles */
p { margin:10px 0; font-size:1em; line-height:130%; }
a { color:#666; }
	a:hover { color:#333; }
h1 { width:100%; padding:0 0 5px 0; margin:0 0 0 0; font:1.92em Georgia, Times; color:#002E55; }
h2 { font:1.15em Georgia, Times; color:#002E55; }
h3 { font:1em Helvetica, Arial; }
	#int-left p+h3, #int-left ul+h3 { margin-top:20px; }
h4 { font:.9em Helvetica, Arial; }
hr { width:100%; height:1px; color:#ccc; background:#ccc; border:none; }
img { padding:4px; background:#fff; border:1px solid #ccc; }
.right { float:right; display:inline; }

#wrap { width:860px; margin:0 auto; overflow:hidden; border-top:5px solid #ccc;}

/* Header */
#head { width:650px; height:93px; float:right; clear:both; background:#fff; overflow:hidden; }				
	#learn { width:100%; height:30px; background:url(../_img/nc-foundation.jpg) top right no-repeat; }
		#learn a { width:280px; height:30px; float:right; display:block; text-decoration:none; }
		
	/* Navigation */
	#nav { width:650px; float:left; display:inline; margin:20px 0 0 0; font:1.20em Georgia, Times; }
		#nav ul { margin:0; padding:0;  }
		#nav ul li { float:left; margin:0; padding:0; }
		#nav ul li a { color:#002E55; text-decoration:none; display:block; float:left; padding:14px 8px; }
		#nav ul li a:hover { background:#002E55; }
		/* Dropdowns */
		#nav ul li ul { position:absolute; background:#bbb; width:160px; top:98px; left:-999em; clear:left; z-index:999; font-size:0.825em; }
		#nav ul li ul li { background-image: none; } 
		#nav ul li ul a { display:block; text-align:left; width:140px; padding:6px 10px; background:#ccc; color:#222; border: none; }
		#nav ul li ul a:hover { background: #222; color: #fff; }
		/* Fix li hover state */
		#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; z-index: 10; }
		#nav ul li:hover a, #nav ul li.sfhover a { color: #fff; background: #002E55; }
		#nav ul li:hover li a, #nav ul li.sfhover li a { color: #002E55; background: none; }
		#nav ul li:hover li a:hover, #nav ul li.sfhover li a:hover {  background: #002E55; color: #fff; }

/* Content */					
#content { width:650px; float:right; clear:both; padding:0 0 30px 0; }
	#content a { color:#00659B; }
		#content a:hover { color:#333; }
	#content p { margin:0 0 20px 0; font-size:1em; line-height:130%; }
	#content ul, #content ol { margin:0 0 5px 25px; }
		#content ul { list-style-type:disc; }
		#content ol { list-style-type:decimal; }
			#content li { margin:0 0 3px 0; }
	#content blockquote { font-style:italic; line-height:150%; margin:0 15px 10px 0; padding:0 0 0 37px;}
	
	/* Home Page Specific */
	#home-top { width:650px; float:left; margin:22px 0 0 0; }
		#home-top #player { width:300px; float:left; display:inline; margin:0 12px 12px 0; padding:10px; background:#ccc; }
		#home-top p { margin:0 12px 12px 0; line-height:150%; }
		#home-top img { margin:0; padding:0; border:0; }
	
	#home-middle { width:650px; float:left; padding:12px 0 12px 0; border-top:1px solid #ccc; }
		#home-middle p { width:190px; margin:0 0 0 5px; font:.9em Arial; line-height:180%; }
		#home-middle h2 { width:190px; margin:1px 0 0 0; color:#00659B; }
			#home-middle h2 a { text-decoration:none; }
		#home-middle .container { float:left; display:block; margin:0 0 5px 0; }
		#home-middle .home-block { width:200px; float:left; margin:0 20px 0 0; }
			#home-middle .home-block .home-img { width:190px; margin:0 0 5px 0; padding:4px; background:#fff; border:1px solid #ccc; }
			#home-middle .home-block .home-img img { width:190px; margin:0; padding:0; border:0; }
	
	#int-left p.home { margin:0 0 10px 0; font:.85em Arial; }
	#int-left h3.home { font-size:1.15em; letter-spacing:0; }

	/* Interior Content Area */
	#breadcrumbs { width:100%; padding:15px 0; font-size:.85em; }
		#breadcrumbs a { text-decoration:none; }
			#breadcrumbs a:hover { color:#002E55; }
			
	#int-left { float:left; width:400px; padding:10px 20px 0 0; border-top:1px solid #ccc; }
		#int-left h3 { text-transform:uppercase; margin:0 0 5px 0; color:#666; font-size:1.25em; line-height:100%; letter-spacing:1px; }
		#int-left h4 {  }
		
	#int-right { float:left; width:211px; padding:21px 0 15px 18px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
		#int-right #snav { margin:0 0 20px 10px; font-size:1em; }
			#int-right #snav li { margin:0 0 10px 0; list-style-type:none; border-bottom:1px solid #ccc; }
				#int-right #snav li ul { margin: 3px 0 0 10px; font-size:.8em; }
					#int-right #snav li li { margin:0 0 2px 0; border:none; }
			#int-right #snav a { text-decoration:none; }
			
		#int-right img { width:190px; margin:0 0 16px 0; }
		#int-right img.banner { width:198px; margin:0 0 6px 0; padding:0px; }
		#int-right img.img { width:190px; margin:0 0 6px 0; padding:4px; background:#fff; }
		#int-right p { margin:0 5px; font-size:.8em; }
		#int-right h3 { margin:0 5px; }

/* Left Column */
#left-column { width:170px; padding:0; background:url(../_img/logo.jpg) top left no-repeat; }
	a.home { width:170px; height:280px; display:block; margin:0 0 24px 0; }
	h3 { font:1em Helvetica, Arial; color:#333; line-height:120%; }
		h3 a { color:#333; text-decoration:none; }
	a span { color:#E6E7E7; }
		#left-column a:hover span { color:#333; }
	h2 { width:100%; margin:0 0 8px 0; }
	p { margin:0 0 15px 0; font:.85em Arial; line-height:120%; }
	#left-column .banner { width:170px; padding:0; margin:0 0 10px 0; border:0; }

/* Footer */
#footer { width:100%; height:42px; background:#fff; font-size:.85em;}
	#foot { width:860px; margin:0 auto; padding:10px 0 0 0; }

/* Forms */
form { width:400px; float:left; }
	form .l { width:200px; float:left; }
label { float:left; clear:both; padding:2px 5px; color:#002E55; background:#ccc; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; }
input, textarea { padding:2px; border:1px solid #ccc; background:#fff; color:#222; font:12px Helvetica; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; }
input { width:130px; float:left; clear:both; margin:0 0 10px 0; }
	.form-button { width:70px; }
		.form-button:hover { background:#333; color:#ccc; }
textarea { width:400px; height:100px; float:left; clear:both; margin:0 0 10px 0; }
	
.invalid { border-color:red; }
	span .invalid { border-color:#ccc !important; }
.valid { border-color:green; }

#content a.loadform { padding:5px 10px; /* color:#000; */ text-decoration:none; background:#ccc; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; }
	#content a.loadform:hover { background:#333; color:#ccc; }

/*
.form .chal {  }
.form label { float:left; clear:left; margin:5px 0 0 0; }
.form input.text { float:left; clear:left; width:250px; margin:0 0 0 5px; border:1px solid #ccc; }
.form textarea { float:left; clear:left; width:300px; height:80px; margin:0 0 0 5px; border:1px solid #ccc; }
.form input.form-button { float:left; clear:left; margin:5px 0 0 0; }
*/