/* CSS Document */

html { overflow: -moz-scrollbars-vertical;}
html { overflow-x: auto; }

body    {
	background-color:#937ace;
	background-image:url(resources/graphics/grid.gif);
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}

#wrapper {
	position: relative;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
	padding: 0px;
	border:0;
	width: 900px;
	background: url(resources/graphics/background_cols.gif) repeat;
	/* note this is a 2-col image background */
}

#header {
	height: 185px;
	background-color:#dd127d;
}

.menu_new	{
	width: 680px; /* set to 680 for live, 700 DW edit*/
	height: 163px; 
	background: url(resources/graphics/menu_back.jpg) top left no-repeat; 
	position: absolute;
	margin-top: 0px;
}
.menu_new img {
	float: left; 
	margin-top: 1px;
}


.home a {background:  url(resources/buttons/button_home.jpg) top  center no-repeat}
.about a {background:  url(resources/buttons/button_about.jpg) top  center no-repeat}
.courses a {background:  url(resources/buttons/button_courses.jpg) top  center no-repeat}
.schools a {background:  url(resources/buttons/button_schools.jpg) top  center no-repeat}
.parents a {background: url(resources/buttons/button_parents.jpg) top  center no-repeat}
.why a {background: url(resources/buttons/button_why.jpg) top  center no-repeat}
.media a {background: url(resources/buttons/button_media.jpg) top  center no-repeat}
.donate a {background: url(resources/buttons/button_donate.jpg) top  center no-repeat}
.video a {background:  url(resources/buttons/button_video.jpg) top  center no-repeat}
.local a {background:  url(resources/buttons/button_local.jpg) top  center no-repeat}
.partners a {background:  url(resources/buttons/button_partners.jpg) top  center no-repeat}
.eval a {background:  url(resources/buttons/button_evaluation.jpg) top  center no-repeat}
.feedback a {background:  url(resources/buttons/button_feedback.jpg) top  center no-repeat}
.news a {background:  url(resources/buttons/button_news.jpg) top  center no-repeat}
.accounts a {background:  url(resources/buttons/button_accounts.jpg) top  center no-repeat}
.contact a {background:  url(resources/buttons/button_contact.jpg) top  center no-repeat}
.members a {background:  url(resources/buttons/button_members.jpg) top  center no-repeat}

.home a, .about a, .courses a, .schools a, .parents a, .why a, .media a, .donate a, .video a, .local a, .partners a, .eval a, .feedback a, .news a, .accounts a, .contact a, .members a {color: #ffffff; text-decoration: none; font-size: 10px; width: 60px; text-align: center; display: block; padding-top: 50px; }
.home, .about, .courses, .schools, .parents, .why, .media, .donate, .video, .local, .partners, .eval, .feedback, .news, .accounts, .contact, .members {float: left; height: 76px; }
.menu_new a:hover{color:#ffcc00}

.topLeft {
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width: 140px; 
	height: 175px; 
	display: block;
}

#sideBar {
	float: left;
	width: 150px;
}

#content { 
	margin: 0;
	float: left;
	width: 710px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	height: 1%; /* Holly hack for Peekaboo Bug */
}

#footer {
	clear: both;
	background: #937ace;
	font-size: 10px;
	text-align:center;
	padding: 2px;
}

h1	{
	font-size: 20px;
	color: #ffffff;
	letter-spacing: 3px;
}

h2	{
	font-size: 16px;
	color: #ffffff;
}

.titleGap	{
	margin-top: 0px;
}

a:link {
color:#ffffff;
}

a:visited {
color:#ffffff;
}

a:hover {
color:#ffcc00;
}

a:active {
color:#ffffff;
}


a.top:link {color: #ffffff; font-size: 10px}
a.top:visited {color: #ffffff; font-size: 10px}
a.top:active {color: #ffcc00; font-size: 10px}
a.top:hover {color: #ffffff; font-size: 10px}

ul#moreNav {
	list-style:none;
	margin:0;
	padding:0;
	background-color:#33CCCC;
}

ul#moreNav li a:link, ul#moreNav li a:visited {
	text-decoration:none;
	display:block;
	width:137px;
	padding:4px 4px 4px 9px;
	background-color:#E0DAF1;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#666666;
}

ul#moreNav li.absentlink {
	text-decoration:none;
	display:block;
	width:137px;
	padding:4px 4px 4px 9px;
	background-color:#E1E1E1;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#666666;
}

ul#moreNav li {
	border-bottom: 1px solid #FFFFFF;
}

ul#moreNav li a:hover {
	background-color:#CCCCCC;
	color:#666666;
}

.small {
	font-size: 10px;
}
.missonStatement {

	font-size: 18px;
}

.noticeBanner {
	width: 90%;
	padding: 20px;
	background-color:#FFFFFF;
	color:#666666;
	font-size: 18px;
	text-align:center;
}
.headline {
	font-size: 18px;
	font-weight:bold;
}