/* ----------------------------------------------------------------
	CliMathNet colours

	orange #f4830b
	heading orange #
	intro grey #999999
	nav bkgd grey #e0e0e0
	menu text grey #888888

---------------------------------------------------------------- */


/* ----------------------------------------------------------------
	General
---------------------------------------------------------------- */
body { background-color:#fef2e6; }
div#wrapper { width:100%; margin:0; padding:0; background:url(/media/universityofexeter/collegeofengineeringmathematicsandphysicalsciences/climathnet/headerbkgd.png) top repeat-x; }
div#wrapperinner { width:970px; margin-left:auto; margin-right:auto; }
h1,h2,h3,h4 { font-family:'Droid Sans', Arial, Helvetica, sans-serif, Bitstream Vera Sans; color:#5da9dd; font-weight:400; }
th { background-color:#e0e0e0; color:#666666; }
td { background-color:#f6f6f6; }
a:link, a:visited { color:#f4830b; text-decoration:underline; }
a:hover, a:active { color:#f4830b; text-decoration:none; }

h1 { font-size:1.3em; color:#f4830b; }
h2 { font-size:1.1em; color:#f4830b; }
h3 { font-size:0.8em; color:#f4830b; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
h4 { font-size:0.8em; color:#f4830b; font-weight:400; }

/*classes */
.rightimage { background-color:#e0e0e0;a background-image:url(/media/universityofexeter/collegeofengineeringmathematicsandphysicalsciences/climathnet/climathnetbottom.gif); }
.logo { float:left; margin-top:13px; }
.eclipse { float:right; }
.intro { font-family:'Droid Sans', Arial, Helvetica, sans-serif, Bitstream Vera Sans; font-weight:400; font-size:1.1em; color:#666666; line-height:1.7em; }
.impact { font-family:'Impact', Arial, Helvetica, sans-serif, Bitstream Vera Sans; font-weight:400; font-size:1.3em; }

/* ----------------------------------------------------------------
	Header
---------------------------------------------------------------- */
div#header { height:150px; width:970px; background-color:#f4830b; }


/* ----------------------------------------------------------------
	Left nav
---------------------------------------------------------------- */
/* tier 1*/
div#leftnav { position:relative; top:0; left:0; margin:0; padding:0; float:left; }

div#leftnav ul { margin:0; padding:0; list-style:none; width:190px; font-size:0.8em; line-height:2.2em; font-weight:normal; padding-top:1px; background-color:#fef2e6; }

div#leftnav ul li { margin:0; padding:0; display:block; width:190px; }

div#leftnav ul li a:link, div#leftnav ul li a:visited  { margin:0; padding:0; text-decoration:none; display:block; color:#888888; padding:12px 20px 12px 20px; width:150px; background-color:#e0e0e0; border:none; border-bottom:1px solid #fef2e6; }

div#leftnav ul li a:hover, div#leftnav ul li a:active { color:#444444; background-image:url(/media/universityofexeter/collegeofengineeringmathematicsandphysicalsciences/climathnet/arrow.png); background-position:right center; background-repeat:no-repeat; }

div#leftnav ul li span { margin:0; padding:0; text-decoration:none; display:block; color:#444444; padding:12px 20px 12px 20px; width:150px; border:none; border-bottom:1px solid #fef2e6; background-color:#e0e0e0; background-image:url(/media/universityofexeter/collegeofengineeringmathematicsandphysicalsciences/climathnet/arrow.png); background-position:right center; background-repeat:no-repeat; }

div#leftnav ul li span a:link, div#leftnav ul li span a:visited { margin-left:-20px; margin-top:-12px; margin-bottom:-12px; background-color:#e0e0e0; background-image:url(/media/universityofexeter/collegeofengineeringmathematicsandphysicalsciences/climathnet/arrow.png); background-position:right center; background-repeat:no-repeat; padding-right:20px; width:150px; }

div#leftnav ul li span a:hover, div#leftnav ul li span a:active { color:#444444; }

/* tier 2 */
div#leftnav ul li ul { margin:0; padding:0; width:190px; font-size:0.9em; line-height:1.6em; background-color:#fef2e6; font-weight:normal; }

div#leftnav ul li ul li { margin-left:20px; display:block; width:173px; line-height:1.1em; }

div#leftnav ul li ul li a:link, div#leftnav ul li ul li a:visited { text-decoration:none; display:block; color:#888888; margin-bottom:1px; padding:3px 10px 3px 10px; width:150px; background-color:#e0e0e0; border:none; }

div#leftnav ul li ul li a:hover, div#leftnav ul li ul li a:active { color:#ffffff; background-color:#888888; background-image:none; }

div#leftnav ul li ul li span { border:none; text-decoration:none; display:block; color:#ffffff; margin-bottom:1px; padding:3px 10px 3px 10px; width:150px; background-color:#888888; background-image:none; }

div#leftnav ul li ul li span a:link, div#leftnav ul li ul li span a:visited { margin-left:-10px; margin-top:-3px; margin-bottom:-3px; background-color:#888888; background-image:none; width:140px; color:#ffffff; }

div#leftnav ul li ul li span a:hover, div#leftnav ul li ul li span a:active { color:#444444; }

/* tier 3 */
div#leftnav ul li ul li ul { margin:0; padding:0; width:190px; font-size:1em; line-height:1.6em; background-color:#fef2e6; font-weight:normal; }

div#leftnav ul li ul li ul li { margin-left:20px; display:block; width:153px; line-height:1.1em; }

div#leftnav ul li ul li ul li a:link, div#leftnav ul li ul li ul li a:visited { text-decoration:none; display:block; color:#888888; margin-bottom:1px; padding:3px 10px 3px 10px; width:130px; background-color:#e0e0e0; border:none; }

div#leftnav ul li ul li ul li a:hover, div#leftnav ul li ul li ul li a:active { color:#ffffff; background-color:#666666; background-image:none; }

div#leftnav ul li ul li ul li span { border:none; text-decoration:none; display:block; color:#ffffff; margin-bottom:1px; padding:3px 10px 3px 10px; width:130px; background-color:#666666; background-image:none; }

div#leftnav ul li ul li ul li span a:link, div#leftnav ul li ul li ul li span a:visited { margin-left:-10px; margin-top:-3px; margin-bottom:-3px; background-color:#666666; background-image:none; width:120px; color:#ffffff; }

div#leftnav ul li ul li ul li span a:hover, div#leftnav ul li ul li ul li span a:active { color:#000000; }


/* ----------------------------------------------------------------
	Content
---------------------------------------------------------------- */

div#content { margin:30px 0;}
div#contentmainnav { margin-left:233px; width:735px; color:#444444; }
div#panel2 { margin-top:0; width:800px; margin-left:-20px; }

/* simple box */
.box { position:relative; top:0; left:0; margin:0; padding:0; float:left; width:390px; color:#888888; background:url(/media/universityofexeter/collegeofengineeringmathematicsandphysicalsciences/climathnet/boxbkgd.png) left no-repeat; height:200px; }
.box ul { padding:0 30px 20px 30px; width:335px; }
.box ul li a:link, .box ul li a:visited { color: #888888; display: block; padding: 4px 10px 7px 10px; text-decoration: none; width: 315px; }
.box ul li a:hover, .box ul li a:active { color: #888888; display: block; padding: 4px 10px 7px 10px; text-decoration: none; width: 315px; background-color:#e0e0e0; }
.boxheader { position:relative; top:0; left:0; margin:0; padding:0; padding:20px 40px 4px 40px; font-family:'Impact', Arial, Helvetica, sans-serif, Bitstream Vera Sans; font-weight:400; background:none; }
.box .boxheader a { color:#888888; font-size:1.2em; }
.box .boxheader a:link, .box .boxheader a:visited { text-decoration:none; }
.box .boxheader a:hover, .box .boxheader a:active { text-decoration:underline; }


/* ----------------------------------------------------------------
	Footer
---------------------------------------------------------------- */
div#footer { position:relative; top:0; left:0; margin:0; padding:0; height:100px; width:100%; background-color:#888888; border:none; }
div#footerinner { position:relative; top:0; left:0; margin:0; padding:0; width:970px; margin:0 auto; }
div#footerinner p { text-align:right; color:#ffffff; font-size:0.8em; width:100%; }
.sponsor { float:left; }
.footerlogo { padding:10px; float:left; }
.sponsortext { float:left; }