/* ***************************************
GLOBAL RESET - ALL MEDIA TYPES
*************************************** */
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; }
/* 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; }
a { text-decoration: none; }



@media screen, projection, tv {
/* ***************************************
SCREEN, PROJECTION, TV
CSS below creates structure and formatting of entire website, EXCEPT anything inside 
#content-wrapper. For these styles check global-templates.css  
*************************************** */

/* ~~~~~~~~~~~~ BODY ~~~~~~~~~~~~ */
body { margin: 0 auto; text-align: center; color: #000; background: #fff; 
font: 62.5%/1.5 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

/* ~~~~~~~~~~~~ WRAPPER ~~~~~~~~~~~~ */
#wrapper { margin: 0 auto; text-align: left; width: 960px; }

	/* ~~~~~~~~~~~~ SKIP LINKS & HIDDEN ELEMENTS ~~~~~~~~~~~~ */
	#skip-links a, .hidden { position: absolute; top: -9000px; }
	
	/* ~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~ */
	#header { float: left; min-height: 107px; width: 100%; background: #000; position: relative; }
	
		/* ~~~~~~~~~~~~ Logo ~~~~~~~~~~~~ */
		#header #logo { height: 47px; float: left; background: #000; }
		#header #logo h1 { display: block; width: 77px; padding: 40px 10px 0; }	
		
		/* ~~~~~~~~~~~~ User Areas ~~~~~~~~~~~~ */
		
			/* Logged in details */
			#logged-in { width: 164px; position: absolute; top: 0; right: 0; 
			background: url(../images/ui/user-area-background.png) repeat-x left top scroll; }
			#logged-in ol { margin-top: 18px; font-size: 1.1em; color: #f9f8f8; line-height: 1.3; }
			#logged-in ol a { width: 100%; color: #f9f8f8; }
			#logged-in ol a:hover, 
			#logged-in ol .selected a { color: #01a6e4; }
			
			/* Not logged in details */	
			#login { width: 164px; position: absolute; top: 0; right: 0; background: #000; }
				
				/* login form */
				#login #form-login { margin-top: 18px; }
				#login .field-container { float: left; font-size: 1.1em; }
				#login .field-container label { color: #fff;  }
				#login input[type="text"], 
				#login input[type="password"] { width: 113px; padding: 2px 1px 1px; color: #000; font-size: 1.1em;   
				border: solid 1px #ccc; }
				#login #submit { margin: 2px 16px 0 0; }
				#login input[type="submit"] { padding: 1px 2px; font-size: 1em; }
			
				/* not logged in links */
				#login a { color: #fff; font-size: 1.1em; display: block; float: left; width: 100%; } 
				#login a:hover { color: #01a6e4; }
		
		/* ~~~~~~~~~~~~ Main Navigation ~~~~~~~~~~~~ */
		#nav-main { float: right; width: 310px; margin: 18px 167px 0 0; }
		#nav-main ul { float: left; width: 155px; font-size: 1.1em; line-height: 1.3; }
		#nav-main a { width: 135px; color: #f9f8f8; padding: 0 10px; }
		#nav-main a:hover, 
		#nav-main .selected a { color: #01a6e4; }
		
			#nav-main #list-1 { margin-top: 0; } /* adjust this to correct menu positioning if adding/removing items */
			#nav-main #list-2 { margin-top: 0; } /* adjust this to correct menu positioning if adding/removing items */
			
	/* ~~~~~~~~~~~~ SEARCH AREA ~~~~~~~~~~~~ */		
	#search-area { float: left; min-height: 5.1em; width: 100%; background: url(../images/ui/search-background.gif) repeat-x 0 0; }
	
		/* Search form */	
		#search-area form { float: left; margin: 0 0 0 160px; }
		#search-area form ol { float: left; font-size: 1.1em; }
		#search-area .field-container { float: left; margin: 0 5px 0 0; padding: 2px 1px 1px; color: #000; }
		#search-area label { position: absolute; left: -9000em; }
		#search-area input[type="text"] { color: #000; border: solid 1px #ccc; width: 215px; padding: 2px; font-size: 1em; }
		#search-area input[type="submit"] { margin: 0 51px 0 0; padding: 1px 2px; font-size: 1em; }
		
		/* Search Links */
		#search-area ol { float: left; font-size: 1.1em; margin: 1.5em 0 0 0; }
		#search-area #search-links2 { margin-top: 0.8em; }
		#search-area ol li { float: none; }
		#search-area ol li a { color: #999; }	
		#search-area ol #search-advanced a { color: #000; }	
		#search-area ol li a:hover, 
		#search-area ol #search-advanced a:hover { color: #01a6e4; }
		
	/* ~~~~~~~~~~~~ CONTENT WRAPPER ~~~~~~~~~~~~ */	
	#content-wrapper { clear: left; float: left; width: 100%; 	 
	background: #ebebeb url(../images/ui/nav-secondary-background.gif) repeat-y left top scroll; }
	
		/* !!!!! content templates contained in global-templates.css !!!!! */
	
	/* ~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~ */ 	
	#footer { float: left; width: 940px; padding: 0 5px; margin: 10px 0; }
	#footer ul { font-size: 1.1em; margin: 0 0 0.5em 10px; width: 600px; text-align: center; }
	#footer li { display: inline; padding: 0 5px; border-left: solid 1px #e1e1e1; color: #bbb; }
	#footer li:first-child { border: none; }
	#footer a { color: #bbb; }
	#footer a:hover { color: #01a6e4; }
		

/* end of styles for screen, projection & tv media types */ }



@media print {
/* ***************************************
PRINT
*************************************** */

/* ~~~~~~~~~~~~ HIDE UNNECCESSARY ELEMENTS ~~~~~~~~~~~~ */
#skip-links, #header, #search-area, #nav-sub, #footer { display: none; }

/* ~~~~~~~~~~~~ STYLING ~~~~~~~~~~~~ */
body { color: #000; background: #fff; font: 11px/1.5 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
h2, p, ul, ol { margin: 0 0 1.5em; }


/* end of styles for print media type */ }