*{border:0;margin:0;padding:0;}

body {
  margin: 0px;
  padding: 0px;
  width:100%;
   background-color:#FFF;
    background-image: url(graphics/backgrounds/beach.jpg);
  background-repeat:no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  
 
}
#wrapper {
  	width:1024px;
	height: 100%;
	min-height:700px;
	 margin-left: auto;
  	margin-right: auto;
	text-align: left;
	padding-bottom:120px;
	overflow:visible;
}

#pop {
  	width:360px;
	height: 260px;
	 margin-left: auto;
  	margin-right: auto;
	text-align: left;
	background-color:#FFF;
	padding:20px;
	
}

#stopby{
	position: absolute;
	width:auto;
	height:auto;
	padding-top:0px;
	top: 80px;
	left: -180px;
	behavior: url("iepngfix.htc");
	z-index:500;
}


#header{
	width:auto;
	height:auto;
	padding-top:0px;
	
	
}




div.box {
 	width:100%;
	_width:98%;
	position: relative;
	top: 0px;
 	left: 0;
	padding-top:0px;
	
}

div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
	 padding:10px;
}
div.box_background {
	background-color: white;
	height: 139px;
	filter:alpha(opacity=0); /* IE's opacity*/
	left: -4px;
	opacity: 0.0;
	-moz-opacity: 0.0;
	position: absolute;
	top: -136px;
	width: 100%;
	z-index: 99;
}








#postit {
 padding-right:20px;
 float:left;
 width:286px;
 height:200px;
 background:url(graphics/main/postit.jpg) no-repeat;
}




#content{
	
	width:800px;
	min-height:700px;
    height:auto;	
	padding-left:5px;
	display:block;
	overflow:visible;
	position:relative;
}



#main{
 position: relative;
 margin-left:-20px;
 margin-top: 10px;
}

#welcome {
  padding:5px;
  margin-left:20px;
  #margin-left:30px;
  margin-top:0px;
  width: 753px;
  height:305px;
  background-image: url(graphics/home/boxback.png);
  background-repeat:no-repeat;
 

}

#clickbox{
	margin: 95px 0 0 15px;
	width:230px;
	float:left;
	
}

#sidebar {
  position:absolute;
  float:left;
  right:-5px;
  top: 0px;
  width: auto;
  height: auto;
  margin: 0px  0px  0px  0px;
}

#learn{
	width:71px;
	height:21px;
	margin-left:160px;
	_margin-right:15px;
	margin-top:160px;
	float:right;
}

#learn2{
	width:71px;
	height:21px;
	margin-left:160px;
	_margin-left:0px;
	margin-top:120px;	
	float:right;
}

#learn3{
	width:71px;
	height:21px;
	margin-left:160px;
	_margin-left:0px;
	margin-top:130px;
	float:right;
}

#contest {
  padding-top:5px;
  width: 236px;
  height:189px;
  background-image: url(graphics/home/contest_ended.png);
  background-repeat:no-repeat;
  behavior: url("iepngfix.htc");
  float:left;

}

#century {
 padding-bottom:5px;
  width: 236px;
  height:144px;
  
  behavior: url("iepngfix.htc");
  float:left;

}

#essayscorer {
 padding-top:5px;
  width: 236px;
  height:158px;
  background-image: url(graphics/home/essayscorer.png);
  background-repeat:no-repeat;
  behavior: url("iepngfix.htc");
  float:left;

}

#mediastudio {
 padding-top:5px;
  width: 236px;
  height:158px;
  background-image: url(graphics/home/mediastudio.png);
  background-repeat:no-repeat;
  behavior: url("iepngfix.htc");
  float:left;

}


#postits{
	
	width: 220px;
	padding:5px;
	background:#FFFFFF;
	float: left;
	padding-left:10px;
	margin-bottom:10px;
	
}

#postits2{
	margin-top:10px;
	width: 240px;
	padding:5px;
	float: left;
	
}

#postits3{
	margin-top:10px;
	width: 220px;
	padding:5px;
	margin-left:15px;
	background:#FFFFFF;
	float: left;
	
}



#askpost{
	width: 240px;
  	height: 346px;
	padding:5px;
	float: left;
	
}



/*	news	*/

#sidenews {
  position: absolute;
  float:left;
  top:0px;
  right:25px;
  width: 210px;
  height: auto;
  margin: 20px  0px  0px  0px;
 
}

#sidebox{
	width: 193px;
  	height: 273px;
	padding:0px 0px 0px 10px;
	background:url(graphics/sub/sidebar.gif) top left no-repeat;
	float: left;
	
}






#flash{
	width:600px;
	padding:0px 0px 10px 100px;
	
}



ul{
	list-style:square;
	line-height:1.3em;
	display: inline;
 	#display: block;
 	_display: block;
	
	}
	
li{
	margin:10px 0 0 30px;
  	font-size:12px;
	font-weight:normal;
	color:#333;
	
	}
	
	


 a:link {color: #0079c1; font-size:16px; font-weight: normal; text-decoration:none ; }
 a:visited {color: #0079c1;font-size:16px; font-weight: normal; text-decoration:none ; }
 a:hover {color: #689d00; font-size:16px; font-weight: normal; text-decoration:none ; }
 

 
 div#content_sub a:link {color: #0079c1; font-size:12px; font-weight: normal; text-decoration:none ; }
 div#content_sub a:visited {color: #0079c1;font-size:12px; font-weight: normal; text-decoration:none ; }
 div#content_sub a:hover {color: #f47820; font-size:12px; font-weight: normal; text-decoration:none ; }


.style11 {	
	color:#378c3b;
	font-size:16px;
	font-weight:normal;
	letter-spacing:0em;
}

.style10 {	
	color:#DF7627;
	font-size:16px;
	font-weight:normal;
	letter-spacing:0em;
}


.style9 {	
	font-size:12px;
	line-height:1.4em;
	color:#333;
	display: block;
	text-align:center;
}


.style8  {
	font-size:12px;
	font-weight:normal;
	letter-spacing:0em;
	color:#9A0084;
	}

.style7  {
	font-size:10px;
	font-weight:normal;
	letter-spacing:0em;
	color:#333333;
	}

.style6  {
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	letter-spacing:0em;
	color:#0064A5;
	}

.style5  {
	font-size:11px;
	font-weight:normal;
	letter-spacing:0em;
	color:#0079C1;
	}

.style4  {
	font-size:16px;
	font-weight:normal;
	letter-spacing:0em;
	color:#333333;
	}
	
.style3  {
	font-size:16px;
	font-weight:normal;
	letter-spacing:0em;
	color:#0079C1;
	}

.style2  {
	font-size:11px;
	font-weight:normal;
	letter-spacing:0em;
	color:#333333;
	}
	
.style1  {
	font-size:12px;
	font-weight:normal;
	letter-spacing:0em;
	color:#0079C1;
	}
	
	
	p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
	color:#333;
	display: block;
	text-align:left;
	font-weight:normal;

}

#navigation{
	width:995px;
	height:67px;
	margin-top:-4px;
	background:url('graphics/main/nav.png') no-repeat;
	padding:0;
	behavior: url("iepngfix.htc");
	
		
}



#menu {
width: 995px;
margin-left:150px;
padding-top:11px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
float: left;
margin-left:25px;

}

#menu a,  #menu img {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
margin: 0;
}
#menu img
{
}


#menu a {
color: #CDDAF0; font-size:11px; font-weight: bold; text-decoration:none ;
text-decoration: none;
display:block;
}

#menu a:hover {
       text-decoration:underline;
}


#menu li {
position: relative;
z-index:10000;
border:0px solid #0079c1;
}

#menu ul ul {
position: absolute;
z-index: 500;
top:auto;
display:none;
width:200px;
}


#menu ul li
{
}
#menu ul li ul
{
	background-color:#0079c1;

}
#menu ul li ul li
{
	padding-left:10px;
	padding-bottom:10px;
	padding-top:5px;

}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



#maincontent{
	margin: 5px;
	width: 540px;
	text-align: left;
}
#maincontent th{
	padding: 10px 8px;	
	
}
#maincontent td{
	padding: 6px 8px;
	
	
}



#ask{
	margin: 0px;
	width: 215px;
	text-align: left;
}
#ask th{
	padding: 0px 8px;	
}
#ask td{
	padding: 0px 8px;
}


#askhome{
	margin: 0px 0 0 15px;
	width: 210px;
	text-align: left;
}

#askhome td{
	padding: 0px;
}


#components{
	margin: 0px;
	width: 600px;
	text-align: left;
}
#components th{
	padding: 2px;
	text-align: left;
	
}
#components td{
	padding: 10px;
		
}





.comp_list {
margin: 0px;
padding: 0px;
width: 820px;

}
.comp_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background: #f2f2f2 url('graphics/sub/teachitnow/downarrow.gif') no-repeat 790px 6px;
margin:1px;
}
.comp_body {
padding: 0px;
background-color:#f8f8f8;
width: 820px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}


.textarea{

color: #002d5e;
height:25px;
background: #ededed;
border-top: 1.2px solid #6a6a6a;
border-left: 1.2px solid #6a6a6a;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}


.grey{

color: #002d5e;
height:25px;
background: #ededed;
border-top: 1.2px solid #6a6a6a;
border-left: 1.2px solid #6a6a6a;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}