/* CSS Document */
#pageContent {
background-color:#FCF6EB;
padding:0px;
background-color:#FCF6EB;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:bottom left;
}
.column {
	width:30%;
	float:right;
	margin-right:30px;
}
* html .column {
	margin-right:0px;
}
.roundcont{
	width: 200px;
	margin-bottom:20px;
}
.roundcont {
	background-color: #ffffff;
	color: #000000;
}
.roundcont H2 {
	margin:0px 0px 7px 0px;
	font-family:"Comic Sans MS", Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
}
.roundcont UL {
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:small;
}
.roundcont UL LI {
	margin:0px;
	padding:0px 7px 7px 22px;
}
.roundtop2 {
	background-image:url(Images/Graphics/corner_tr2.gif);
	background-position:top right;
	background-repeat:no-repeat;
	clear:both;
}
.roundbottom2 {
	background: url("http://www.ocls.info/Children/homework/images/graphics/corner_br2.gif") no-repeat top right; 
	clear:both;
}
img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}
#toolbox A:link {text-decoration: none;}
#toolbox A:visited {text-decoration: none;}
#toolbox A:active {text-decoration: none;}
#toolbox A:hover {text-decoration:underline; font-size:14; color:#6666FF;}

h4 { 
font-family:"Comic Sans MS","Comic Sans",Verdana, Arial, Helvetica, sans-serif;
font-size: 13px; 
color: #000000; 
} 
h1 { 
font-family:"Comic Sans MS","Comic Sans",Verdana, Arial, Helvetica, sans-serif;
font-size: large; 
color: #000000;
margin-top:0px;
text-align:center;
} 
h6 { 
font-family:"Comic Sans MS","Comic Sans",Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:medium;
font-weight:bold;
text-decoration:underline;
text-align:center;
} 

.topic {
    font-family:"Comic Sans MS","Comic Sans",Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: left;
    margin: 0px;
    padding: 0px;
	font-size:medium; /*12px*/	
}

.topic A:link {text-decoration: none;}
.topic A:visited {text-decoration: none;}
.topic A:active {text-decoration: none;}
.topic A:hover {text-decoration: underline; color:red; 
}
.topic P {
	margin-left:20px;
}


#header {
	padding:0px;
	background-color:#FCF6EB;
}

#leftnav {
	width:100px;
	margin:0px;
	padding:0px 10px 100px 0px;
	float:left;
}
* html #leftnav {
	width:164px;
}
#toolbox{
width:173px;
background-color:#FCF6EB;
background-image:url(Images/Graphics/toolbox_slice2.jpg);
background-repeat:repeat-y;
background-position:top left;
text-align:center;
}
#browsesubject2 {
	width:680px;
	margin:0px 10px 20px 10px;
	background-color: #FDE1AF;
	color: #000000;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

#browsesubject2 H2 {
margin-bottom:15px;
margin-top:0px;
text-align:center;
}
#browsesubject2 DL DT {
display:inline;
font-weight:bold;
padding:200px 0px 0px 0px;
margin:0px;
}
#browsesubject2 DL DD {
display:inline;
margin:0px;
padding:0px;
}
#browsesubject2 DL {
margin:0px;
padding:0px;
font-size:small;
}
#browsesubject2 P, 
#browsesubject2 H1,
#browsesubject2 H2,
#browsesubject2 DL,
#browsesubject2 DT {
padding-left:15px;
padding-right:10px;
} 
#browsesubject2 H1 {
clear:both;
}
#browsesubject A:link {text-decoration: none}
#browsesubject A:visited {text-decoration: none}
#browsesubject A:active {text-decoration: none}
#browsesubject A:hover {text-decoration:underline; color:red;}

#schools {background-color:FFFFFF;
margin:0px;
padding-bottom:20px;
}


.roundtop { 
	background:  url("http://www.ocls.info/Testing/homework/images/graphics/upper_right.jpg") no-repeat top right; 
}
.roundbottom {
	background:  url("http://www.ocls.info/Testing/homework/images/graphics/bottom_right.jpg") no-repeat top right; 
	clear:both;
}
#toolboxtop{
	background-image:url(Images/Graphics/toolbox_top.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:12px;
}

#toolboxbottom{
	background-image:url(Images/Graphics/toolbox_bottom.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:25px;
}

#toolbox IMG{
	margin:0px auto 5px auto;
}
#toolbox UL{
	margin:0px;
	margin-right:5px;
	margin-bottom:152px;
	padding:0px 3px 0px 0px;
	text-align:left;
	list-style:none;
}
#pageContent #toolbox LI{
	margin:5px 0px;
	padding:4px 0px 4px 20px;
	background-color:#E9EAF4;
	background-image:url(Images/Graphics/arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-family:"Comic Sans MS","Comic Sans",Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:small; /*12px*/
	font-weight:bold;
}

#browsesubject{
padding:13px 5px 25px 7px;
background-image:url(Images/Graphics/browse_subject_top2.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#maincontent{
width:608px;
margin:0px 0px 50px 173px;
padding:0px 0px 170px 0px;
background-repeat:no-repeat;
background-position:bottom left;
background-color:#FDE1AF;
}
.whitebox{
background-color:#FFFFFF;
margin: 0 0 0 0;
text-align:left;
}
* html .whitebox {
	margin:0px;
}
.whitebox_top{
width:100%;
background-image:url(Images/Graphics/whitebox_right_top.jpg);
background-color:#FFF;
background-repeat:no-repeat;
background-position:top right;
}
.whitebox_bottom{
width:100%;
background-image:url(Images/Graphics/whitebox_right_bottom.jpg);
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:top right;
clear:right;
}
.whitebox_callout{
background-image:url(Images/Graphics/topresources_bottom4.jpg);
background-repeat:no-repeat;
background-position:bottom right;
background-color:#FFFFFF;
padding-bottom:20px;
width:586px;
}
.callout{
color:#000000;
font-size:x-small;
margin:100px 0px 0px 20px;
width:120px;
padding-left:80px;
}
#searchform{
/*width:215px;*/
margin:0px;
display:inline;
padding:0px 0px 0px 13px;
float:right;
}
#searchform p{
display:inline;
font-size:small; /*12px*/
margin:0;
}
#searchform INPUT {
margin:0;
font-size:9px;
}
#searchform INPUT.searchfield {
	width:80px;
	font-size:9px;
	margin-right:1px;
}
.titleimage {
padding-left:18px;
padding-bottom:10px;
}
.tablerow {
	clear:right;
	line-height:normal;
	padding-top:8px;
	padding-left:18px;
	padding-right:0px;
	float:right;
}
*:first-child*+.tablerow {
	clear:both;
	float:none;
}
* html .tablerow {
	clear:both;
	float:none;
}
.subject {
padding: 8px 5px 10px 7px;
background-image:url(Images/Graphics/whitebox_slice.jpg);
float:left;
background-repeat:repeat-x;
background-position:top left;
width:164px;
margin-right:10px;
}
.subject IMG{
padding:5px;
background-image:url(Images/Graphics/white_box.jpg);
float:left;
background-repeat:no-repeat;
background-position:center;
}
.subject UL{
margin:0px;
padding:0px;
padding-left:5px;
font-size:small;
font-weight:bold;
padding-top:3px;
list-style:none;
}
.subject LI{
margin:0px;
padding:0px;
padding-left:3px;
line-height:12px;
color:#000000;
font-size:12px;
}
* html .subject LI {
	padding-left:80px;
}
#topresources{
padding:170px 4px 0px 4px;
margin:0px -15px;
background-image:url(Images/Graphics/topresources_bottom.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}
#topresources UL{
margin:0px;
margin-bottom:40px;
padding:0px;
padding-top:10px;
padding-left:20px;
list-style-image:url(Images/Graphics/earth.gif);
list-style:url(Images/Graphics/earth.gif);
color:#000000;
width:140px;
float:left;
}
#topresources LI{
margin: 4px 0px 16px 5px;
font-size: small;
padding:0px;
padding-left:7px;
}
*:first-child*+#logos {
	width:171px;
	height:25px;	
	margin:0px;
	padding:0px;
}
#informedTeens {
	background-image:url(Images/Graphics/logo_it.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:7px;
	margin-left:3px;
	padding-left:7px;	
	width:70px;
	height:84px;
	margin-top:-75px;
	margin-bottom:-20px;	
	padding-bottom:12px;
}
#informedTeens a, a:hover {
	width:70px;
	height:84px;
}
#kidsConnect {
	background-image:url(Images/Graphics/crayon_orange_guy.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left:7px;
	margin-right:3px;
	width:69px;
	height:84px;
	margin-top:-75px;
	margin-bottom:-20px;
	padding-bottom:12px;		
}
#kidsConnect a, a:hover {
width:70px;
	height:84px;
}