@import "menu.css";
@import "style.css";

/* layout
----------------------------------------------- */
body {
	background: #fff;
	font: 70% verdana,arial,helvetica,sans-serif;
	text-align: left;
	margin: 20px 0;
	padding: 0;
}
#wrapper {
	width: 850px;
	padding: 0;
	margin: 0 auto;
}

/* header
----------------------------------------------- */
#header {
	background: #7FB8A5 url(../images/header_bg.png) no-repeat;
	height: 154px;
}
#header #logo img { border: none; }
#header #logo { padding: 10px 0 0 20px; }

/* signup
----------------------------------------------- */
#signup {
	background: #FEF493 url(../images/signup_topright.png) no-repeat;
	width: 181px;
	height: 117px;
	float: right;
	margin: -10px -8px 0 0;
	_position: relative; /* IE6 */
}
#signup #signuptext { 
	margin: 63px 0 0 24px; 
	font-size: 1em; 
	width: 140px;
}
#signup #submit {
	background: #199df1;
	color: #fff;
	margin: 2px 0 0 138px;
	width: 30px;
	height: 18px;
	border: none;
	font-size: 1em;
}
#signup #submit:hover { cursor: pointer; }

/* top block
----------------------------------------------- */
#topblock { margin: 5px 0 0 0; }

/* right block
----------------------------------------------- */
#topblock #topimage {
	background: #fff url(../images/kidswriting.jpg) no-repeat;
	height: 259px;
	width: 650px;
}
#topblock #rightblock {
	float: right;
}
#topblock #takeaction {
	background: #fff url(../images/takeaction.jpg) no-repeat;
	height: 128px;
	width: 197px;
}
#topblock #speakout {
	background: #fff url(../images/speakout.jpg) no-repeat;
	height: 128px;
	width: 197px;
	margin: 4px 0 0 0;
}
#topblock #speakout #go {
	background: #199df1;
	color: #fff;
	margin: 6px 10px 0 10px;
	width: 30px;
	height: 18px;
	border: none;
	font-size: 1em;
}
#topblock #speakout #go:hover { cursor: pointer; }
#speakout #radio { margin: 5px 0 0 20px; }

/* navigation search box
----------------------------------------------- */
#searchbox { float: right; }
#searchbox #search {
	background: #f1650e;
	color: #fff;
	margin: 6px 10px 0 10px;
	*margin: 7px 10px 0 10px; /* IE7 */
	width: 30px;
	height: 18px;
	border: none;
	font-size: 1em;
}
#searchbox #search:hover { cursor: pointer; }
#searchbox #searchtext {
	font-size: 1em; 
	width: 150px;
}

/* main content
----------------------------------------------- */
#main-home,
#main,
#main-full { 
	margin: 5px 0 0 0; 
	background: #fff url(../images/bg_main.gif) repeat-y;
}
#main,
#main-full { padding: 20px 0 0 0; }
#main-full {background: #fff url(../images/bg_main-full.gif) repeat-y; }

/* main left column
----------------------------------------------- */
#left { 
	margin: -11px 0 0 0;
	*margin: 19px 0 0 0; /* IE7 */
	_margin: 19px 0 0 0; /* IE6 */
	float: left;
	width: 180px;
	padding: 0;
}
#leftwrapper { padding: 0 10px 0 10px; }
#popquiz {
	background: url(../images/popquiz.png) no-repeat;
	_background: url(../images/popquiz.png) no-repeat; /* IE6 */
	width: 206px;
	height: 175px;
	padding: 50px 0 10px 15px;
	float: left;
	margin: 0 10px -30px -15px;
	*margin: -30px 10px -30px -15px; /* IE7 */
	_margin: -30px 0 -30px -7px; /* IE7 */
	_position: relative; /* IE6 */
}
#popquizwrapper { width: 180px; }
#leftimage {
	width: 207px;
	height: 175px;
	padding: 0px 0 10px 15px;
	float: left;
	margin: -10px 10px -30px -28px;
	*margin: -40px 10px -50px -28px; /* IE7 */
	_margin: -40px 0 -50px -18px; /* IE6 */
	_position: relative; /* IE6 */
}

/* main middle column
----------------------------------------------- */
#middle { margin: 0 200px 0 200px; }
#main #middle { margin: 0 200px 0 210px; }
#main-full #middle { margin: 0 0 0 210px; }
#middlewrapper { 
	padding: 10px; 
	min-height: 200px;
}
#main #middlewrapper { padding: 0 10px 10px 10px; }

/* main right column
----------------------------------------------- */
#right { 
	margin: -11px 0 0 0;
	*margin: 19px 0 0 0; /* IE7 */
	_margin: 19px 0 0 0; /* IE6 */
	float: right;
	width: 200px;
}
#rightwrapper { padding: 20px 10px 10px 10px; }
#main #rightwrapper { 
	padding: 30px 10px 10px 10px;
	*padding: 0 10px 10px 10px; /* IE7 */
	_padding: 0 0 10px 10px; /* IE6 */
}
#rightwrapper #currentprojects { margin: 0 0 10px 0; }
#toprightimage { margin: 0 0 10px 0; }

/* footer
----------------------------------------------- */
#footer {
	clear: both;
	margin: 5px 0 10px 0;
	padding: 10px 0;
	background: url(../images/bg_footer.gif) repeat-x;
}
#footer #foundations { float: right; }
#footer .links { margin: 0 0 5px 0; }