body{
	background-image: url(design/back1.gif);
	/*background-color: white;*/
	font-family:verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

/*Black area*/
#main {background-color: black;
margin-right:10%;
padding:0;
margin-top:00px;
}
#title {
	text-align:center;
}
#main a {
	color:white;
	}
#main a:hover {
	color:#FFD8FB;
}
#story {
margin-left:10px;
}

/*Pink area*/
#logo {
	width: 100%;
	background-color: #FFD8FB;
	margin:0;
	padding:0;
}
/* Text area inside main */
#content {color:white;
margin:0 20px 20px 170px;
padding:0;
position:relative;
/*top:-340px;*/
}
/*Navigation Bar Start */
/*hide and unhide subnavlist*/
#navcontainer { float:left;
	}
#subnavlistclub{
	display:none;
}
#subnavlistice{
	display:none;
}
#subnavlistlearn{
	display:none;
}
#club #subnavlistclub{
	display: block;
}
#instructor #subnavlistclub{
	display: block;
}
#testing #subnavlistclub{
	display: block;
}
#email #subnavlistclub{
	display: block;
}
#child #subnavlistclub{
	display: block;
}
#learn #subnavlistlearn{
	display:block;
}
#ice #subnavlistice{
	display:block;
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:.8em;
}
#navcontainer li { margin: 0 0 1px 0; }
#navcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #fff;
background-color: #8E009b;
text-decoration: none;
}
#navcontainer a:hover
{
color: #000;
background-color: #FFD8FB;
text-decoration: none;
}
#navcontainer ul ul li { margin: 0 0 1px 0; }
#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #fff;
background-color: #8E009b;
text-decoration: none;
}
#navcontainer ul ul a:hover
{
color: black;
background-color: #FFD8FB;
text-decoration: none;
}
/*highlighting current page*/
#index #toindex {
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#board #toboard{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#about #toabout{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#learn #tolearn{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#club #toclub{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#state #tostate{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#news #tonews{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#links #tolinks{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#forms #toforms{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}	
#cal #tocal{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#instructor #toinstructor{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#testing #totesting{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#ice #toice{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#faq #tofaq{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#email #toemail{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#child #tochild{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}
#cat #tocat{
	background-color:#FFD8FB;
	font-weight: bold;
	color:black;
}

/*picture placement on home page*/
#folderone{
	position: relative;
	border: 3px solid white;
}
#folderice{
	position: relative;
	border: 3px solid white;
	margin:5px;}	
#folderstate{
	position: relative;
	border: 3px solid white;
	margin:5px;}
#foldertwo {
	position: relative;
	border: 3px solid white;
	top: -20px;
	left: -20px;
	}
#folderthree {
	position: relative;
	border: 3px solid white;
	top:10px;
	left: -40px;
}
#footer {
	margin: 0;
	padding: 0;
   clear: both;
	background-color: #FFD8FB;
	color:#8E009b;
	font-size:.75em;
	text-align: center;
}
#footer a{
	color:#8E009B;
}
#footer a:hover {
	color:black;
}
/* Individual Pages */
#child form {
margin: 0 0 2em 0;
padding: 1em .5em .5em .5em;
border: 1px solid #FFFFFF;
}