/* reset */
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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
a:hover { text-decoration: none; }
/* ----- */

body { font: 14px/20px Arial, Verdana, Helvetica, sans-serif; background: #eee; }
#container { width: 960px; margin: 0 auto; padding: 7px 0 0; overflow-x: hidden; background: #c1d72e; }
a { color: #7c0041; }

/* --- Header --- */
	#header { width: 920px; padding: 24px 20px 0 20px; float: left; font-size: 12px; background: #fff; }	
	#header h1 {  display: inline; position: relative; text-indent: -9999px;  }
	#header h1, #logo { width: 250px; height: 81px; margin: 0 0 0 24px; float: left; background: url(../_assets/logo.gif) 0 0 no-repeat; }
	#header #logo span { display: block; height: 0; overflow: hidden; }
	#logo { display: block; }
	#header #subNav, #header #subNav li, #header form, #header form input, #nav, #nav li, #nav a { float: left;  }
	#header div { position: relative; top: 20px; left: 245px; }
	* html #header div { left: 230px; }
	#search { width: 166px; height: 22px; padding: 8px 7px 0; border: none; display: block; color: #7d7d7d; background: #eee; }
	#submit { margin: 0 0 0 3px; }
	#subNav { margin: 4px 20px 0 0; }
	#subNav li { margin: 0 5px; }
	
	/* --- Nav --- */
		#nav { width: 100%; height: 47px; clear: both; margin: 25px 0 0; font-size: 14px; background: #7c0041 url(../_assets/navRightCurve.gif) right 0 no-repeat; }
		#nav li { position: relative; z-index: 10; background: url(../_assets/navSeparator.gif) right center no-repeat; }
		#nav li.first a { padding-left: 22px; background: url(../_assets/navLeftCurve.gif) 0 0 no-repeat; }		
		#nav li.first a:hover, #nav li.first a.on { background: #6d0039 url(../_assets/navLeftCurve.gif) 0 -47px no-repeat; }
		#nav li.last { background: none; }
		#nav a { height: 33px; margin: 0 1px 0 0; padding: 14px 12px 0; display: block; color: #fff; text-decoration: none; }
		#nav a:hover, #nav a.on { background: #6d0039; }
		#nav ul ul { display: none; }
		
		.dropdown, .dropdown li, .dropdown a { float: none !important; }
		.dropdown { width: 155px; position: absolute; top: 47px; left: 0; z-index: 20; border: 1px #6d0039; border-style: none solid solid; background: #fffef7; display: none; }
		.dropdown li { height: auto !important; padding: 0 0 1px; background: url(../_assets/dropDownSeparator.gif) 0 bottom no-repeat !important; }
		.dropdown li.last { background: none !important; }
		.dropdown a { height: auto !important; margin: 0 !important; padding: 8px 20px !important; font-size: 12px; color: #666 !important; zoom: 1; }		
		.dropdown a:hover, .dropdown a.on { color: #666 !important; text-decoration: underline !important; background: #eee !important; }
	/* --- / Nav --- */
/* --- / Header --- */	
	
/* --- Content --- */	
	#content { margin-top: -7px; padding: 8px 0 20px 20px; clear: both; background: #fff; }
	
	/* --- Feature block --- */
		#featureBlock { width: 920px; height: 286px; padding: 28px 0 0; position: relative; z-index: 1; color: #fff; background: #fff url(../_assets/featureBlock.jpg) right 0 no-repeat; }
		#featureBlock div { width: 390px; height: 256px; padding: 30px 90px 0 40px; background: #7c0041; }
		#featureBlock h2 { font-size: 28px; line-height: 30px; position: relative; z-index: 10; }
		#featureBlock ul { margin: 20px 0 0; font-size: 18px; line-height: 30px; list-style: inside disc; }
		#featureBlock li, #featureBlock span { color: #c1d72e; }
		#featureBlock a { color: #fff; text-decoration: none; }
	/* --- / Feature block --- */
	
	/* --- Columns --- */
		.column { width: 450px; margin: 27px 0; float: left; line-height: 18px; }
		.last { margin-right: 0; }
		.column img { margin: 0 10px 30px 0; float: left; }
		.column li div { width: 230px; float: left; display: inline; }
		.column li { padding: 10px 0 9px 20px; float: left; }
		.column .moreLink { width: 95px; margin: 10px 0 0; padding: 3px 0; text-align: center; display: block; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; background: #c1d72e; }
		.highlight { background: #e2cfd9; }
		
		#features { width: 440px; margin-top: 15px; margin-right: 35px; margin-left: -20px; display: inline; }	
		#features h3 { font-size: 22px; color: #7c0041; font-weight: normal; }
		#news h2 { margin: 0 0 15px; font-size: 22px; font-weight: bold; color: #c1d72e; }
		#news h3 { margin: 0 0 5px; font-size: 16px; font-weight: normal; color: #7c0041; }
		#news li { padding: 0 20px 16px 0; }
		
		#news div { margin: 20px 0 0 0; float: left; }
		#news div ul { margin: 0 50px 0 0; list-style: none; color: #7c0041; }
		#news div li { padding: 0 0 5px 15px; float: none; background: url(../_assets/arrow-right-maroon-10.gif) 0 4px no-repeat; }
		#news div a { text-decoration: none; }
		#news div a:hover { text-decoration: underline; }
		
		.home-publications { width: 220px; }
		.home-quick-links { width: 230px; }
	/* --- / Columns --- */
	
	/* --- Down page --- */
		#sectionNav { width: 200px; margin: 15px 0 0; padding: 14px 0 50px; float: left; font-size: 13px; line-height: 20px; font-weight: bold; background: #f3f3f3; }
		#sectionNav h2 { margin: 0 0 10px 14px; font-size: 16px; color: #333; }
		#sectionNav li { background: url(../_assets/sectionNavSeparator.gif) 0 bottom no-repeat; }
		#sectionNav a { width: 166px; padding: 6px 20px 6px 14px; display: block; color: #666; text-decoration: none; }
		#sectionNav a:hover, #sectionNav a.on { background: #c1d72e url(../_assets/sectionNavSelector.gif) 180px center no-repeat; }
		#sectionNav li li a { font-weight: normal; font-size: 12px; padding-left: 20px; width: 160px; }
		#sectionNav li li a:hover, #sectionNav li li a.on { background: #c1d72e url(../_assets/sectionNavSelector.gif) 180px center no-repeat; }

		#article { width: 500px; padding: 15px 90px 0 30px; float: left; font-size: 13px; line-height: 19px; color: #444; }
		#article h1 { margin: 0 0 15px; font-size: 30px; color: #7c0041; line-height: 100%; clear: both; }
		#article h2 { margin: 0 0 15px; font-size: 20px; font-weight: bold; }
		#article h2 { margin: 0 0 15px; font-size: 16px; font-weight: bold; }
		#article p { margin: 0 0 15px; }
		#article p:first-child { font-weight: bold; }
		#article ul, #article ol { margin: 0 0 15px; }
		#article li { padding: 0 0 0 15px; list-style: none; background: url(../_assets/arrow-right-maroon-10.gif) 0 5px no-repeat; margin: 0 0 5px; }
		#article ol li { list-style: inside decimal !important; margin: 0 0 5px;}
		#article img { margin: 10px; }
		#article .news-date { font-style: italic; color: #999; }
		#article blockquote { padding: 20px; background: #f5f5f5;}
		
		.crumbtrail { font-size: 12px; }
		.crumbtrail, .crumbtrail a { color: #999; }
		.crumbtrail, .crumbtrail li { float: left; }
		.crumbtrail li { margin: 0 5px 0 0; list-style: none !important; background: none !important; padding: 0 5px 0 0 !important; }
		
		#furtherReading { margin: 0 0 0 230px; clear: both; }
		#furtherReading h4 { margin: 0 0 10px; }
		#furtherReading li { padding: 0 0 0 15px; list-style: none; background: url(../_assets/arrow-right-maroon-10.gif) 0 5px no-repeat; margin: 0 0 5px;  }
		#furtherReading a { color: #176e76; font-weight: bold; }
		#furtherReading span { color: #666; }
	/* --- / Down page --- */	
/* --- / Content --- */	


#footer { width: 100%; height: 150px; padding: 20px 0; position: relative; overflow: hidden; background: #7c0041; }
#footer, #footer a { color: #fff; }

#footer ul, #footer li, #footer a { float: left; }

#footer ul { position: relative; left: 50%; }
#footer li { padding: 0 7px; position: relative; right: 50%; border-right: 1px solid #fff; font-size: 12px;}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .last { border: none; }

#footer #logos { float: none; position: relative; left: 0; top: 50px; }
#footer #logos li { padding: 0; right: 0; border: none; }