/* -----------------------------------------
Stylesheet for MLP - www.mathleadership.org
Author: cdeVision.com
Copyright: (c)2009 cdeVision
Created: January 2009
Amended: (note date and by whom and any notes)
-------------------------------------------------- */

body {background:#2D3571 url(images/bg.png) repeat-x; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#333; text-align:center;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font-size:20px; font-weight:normal; line-height:26px; padding:0 0 15px 0; color:#232A59;} /* page titles - interior  */
h2 {font-size:16px; font-weight:normal; padding:0 0 8px 0; line-height:22px; color:#7375B9;} /* sub-heads */

p {margin:0; padding:0 0 15px 0; line-height:17px;}
p.intro {font-size:14px; line-height:20px;}
ul, ol {margin:0; padding:0 0 8px 20px;}
li {line-height:16px; padding-bottom:7px;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE6- 
#logo, #tagline {behavior:url(scripts/iepngfix.htc);}*/


/* ---- links ----------------------------------------- */
a {color:#3E4A9F; text-decoration:underline;}  
a:visited {color:#3E4A9F;}
a:hover {color:#666; text-decoration:none;}
a:active {color:#3E4A9F;}
a:active, a:focus {outline:none;}
/* links with icons */
a.arrowred {background:url(images/icon-arrowred.gif) 0 3px no-repeat; padding-left:12px; text-decoration:none;}
	a.arrowred:hover {background:url(images/icon-arrowgrey.gif) 0 3px no-repeat; padding-left:12px;}
a.pdf {background:url(images/icon-pdf.png) 0 0 no-repeat; padding:0 0 1px 24px; text-decoration:none; display:block;}


/* ---- ids & classes ----------------------------------------- */
#bgwrap {width:100%; background:transparent url(images/bg-contentwrap.gif) top center no-repeat;} /* holds background math symbols */
#frame {width:970px; margin:0 auto; text-align:left;} /* centers the site */

#header {height:145px; position:relative; margin-bottom:40px;}
	#header span {display:none;}
	#header h1, #header h2 {margin:0 !important; padding:0 !important;}
	#logo {position:absolute; top:35px; left:7px; width:283px; height:93px; background:url(images/logo.png) no-repeat;}
		#logo a {display:block; width:283px; height:93px;}
	#tagline {position:absolute; top:80px; right:10px; width:503px; height:51px; background:url(images/tagline.png) no-repeat;}

#content {}
	#leftcol {float:left; width:250px; color:#fff;}
	/* main nav menu */
	#navmenu {}
	#navmenu ul {list-style:none; width:250px; padding:0; margin:0 0 20px 0; font-size:12px; border-bottom:1px solid #3E4A9F;}
	#navmenu li {margin:0; padding:0; display:block;}
	#navmenu a {color:#fff; font-weight:bold; display:block; text-decoration:none; height:33px; line-height:33px; border-top:1px solid #3E4A9F;  				background:url(images/icon-arrowred.gif) 6px 8px no-repeat; padding-left:10px;}
	#navmenu a:hover, #navmenu a.on {color:#FFCB42; background:#252C5D; padding-left:10px;}
		/* subnav menu */
		ul#subnav {margin:0 !important; border-top:0; border-bottom:0; font-size:11px; padding-bottom:8px;}
		ul#subnav li {}
		ul#subnav a {border:0 !important; background:none; font-weight:normal; height:17px; line-height:17px; padding-left:25px;}
		ul#subnav a:hover {background:#252C5D; padding-left:25px;}
		#subnav a.on {background:none; padding-left:25px;}
	#info {padding-left:10px;}
		#info h3 {color:#B1B3D8; font-size:16px; margin:0; padding:0 0 12px 0;}
		#info a {color:#fff;}
		#info a:hover {color:#FFCB42;}
	/* main content area - mainwrap is added to accomodate footer placement */	
	#mainwrap {float:right; width:700px;}
	/* main content area  - home page */
	#mainhome {background:#fff; padding:6px;}
		img#introimg {display:block; margin:0;}
		#homeintro {background:#ffc; padding:15px 20px 3px 20px;}
		#homeintro {height:1;} /* ie peekaboo bug */
		#mainhome h2 {font-size:18px; padding-bottom:20px;}
		#homequad {padding:20px;}
			#homequad #top {background:url(images/bg-homequad.gif) repeat-y;}
			#homequad #bottom {background:url(images/bg-homequad.gif) repeat-y;}
			#homequad .box {float:left; width:300px; background:transparent;}
			#homequad #top .box {margin:0 0 12px 0;}
			#homequad #bottom .box {margin:12px 0 0 0;}
			#homequad h3 {color:#2D3571; font-size:15px; font-weight:normal; padding:0 0 8px 0;}
			#homequad img {display:block; float:left; margin:4px 15px 0 0; width:100px;}
			#homequad .text {float:left; width:175px;}
			#homequad p {padding:0 0 8px 0; font-size:11px; line-height:14px;}
	/* main content area  - interior */
	#main {background:#fff; padding:20px 25px; min-height:550px;}
		#breadcrumbs {padding:0 0 20px 0; color:#3E4A9F; font:normal 11px verdana;}
		#sidebar {float:right; background:#fff; width:170px; padding:0 0 0 20px; border-left:1px solid #9193C8; margin:0 0 25px 25px;}
			ul#sectionnav {margin:0 0 20px 0; padding:0; list-style:none;}
			ul#sectionnav li {}
			ul#sectionnav a {font-weight:bold; color:#051066; text-decoration:none;}
			ul#sectionnav a:hover, ul#sectionnav a.on {color:#FFD53B;}
			
			ul#docs {margin:0; padding:0; list-style:none;}
			ul#docs li {}
			ul#docs a {font-weight:bold; color:#051066;}
			ul#docs a:hover, ul#docs a.on {color:#FFD53B;}
		/* news page */
		.newsbox {margin-bottom:20px;}
		.newsbox h4 {font-size:14px;}
		.newsbox p {padding:0;}
		
		blockquote {margin:0; padding:0 0 20px 20px;}
			blockquote p {padding:0;}
		
		img.inline_img {display:block; margin:0 0 15px 0;}
		img.inline_left {float:left; display:block; margin:5px 15px 10px 0;}
		img.inline_right {float:right; display:block;}
		
		#main table {border-collapse:collapse;}
		#main table td {vertical-align:top; padding:5px; border:1px solid #666;}
		#main table td p {padding-bottom:8px;}
		
		table#logintable {border:0;}
		table#logintable td {border:0;}
			

#footer {color:#969AB8; padding:15px 75px 20px 25px; position:relative;}
	a#edc {display:block; position:absolute; top:12px; right:20px; width:55px; height:20px; background:url(images/logo-edc.gif) 0 0 no-repeat;}
	a#edc span {display:none;}
	a#edc:hover {background:url(images/logo-edc.gif) 0 -20px no-repeat;}
	#footer p {font-size:11px; line-height:14px; padding:0 0 12px 0;}
	#footer a {}
	p#props {color:#4B5285;}
	p#props a {color:#4B5285;}

/* admin styles */
#adminmenu {font:normal 11px Arial, Verdana, Helvetica, sans-serif; background-color:#fff;
	width:180px; clear:both; position:absolute; right:20px; top:6px; z-index:500; border:1px solid #666;}
	#adminTop {width:180px; height:13px; background:url(images/adminTop.gif) no-repeat;}
	#adminBottom {width:140px; height:13px; background:url(images/adminBottom.gif) no-repeat;}
	#adminbody {background-color:#fff;}
	#adminmenu table {text-align:left; background-color:#fff;}
	#adminmenu table td {padding:5px; vertical-align:top;}
	#adminmenu p {padding:0; margin-bottom:2px;}
	#adminmenu a {text-decoration:none; color:#000;}