/* One Smart Kid CSS - Built August 2010 by Andy Warner, andywarnerdesign.com, eridisc@gmail.com */

/* GLOBAL */

body {
background:url(../images/bg_grid.gif) repeat; font-family: "Trebuchet MS", sans-serif; background-color:#FFFFFF; color:#3F3F3F; padding: 0px; margin:0px;
}

body, div, span, p, table {font-size:12px;}

a:visited, a:link{color:#E99415; text-decoration:underline}

a:hover{color:#E99415; text-decoration:none}

img { border:none;}

a:visited.whitetext, a:link.whitetext{color:#FFF; text-decoration:underline}

a:hover.whitetext{color:#F6D670; text-decoration:none}

li{float:left;}

h2{
font-size:42px;
color:#E99415; 
font-weight:bold;
font-family:"Trebuchet MS", sans-serif;
padding-top:0px;
line-height:45px;
}

h3{
font-size:30px;
line-height:10px;
padding-top:20px;
color:#E99415; 
font-weight:bold;
font-family:"Trebuchet MS", sans-serif;
}

h4{
font-weight:bold;
font-size:14px;
font-family:"Trebuchet MS", sans-serif;
line-height:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:10px;
color:#2D76B3;
}



/* MAIN FIELD */

div#center {
position:relative;
width: 949px;
margin-left: auto;
margin-right: auto;
}

div#mainfield {
background: url(../images/mainfield.gif) repeat-y;
}

div#mainfield_center {
position:relative;
width: 921px;
margin-left: auto;
margin-right: auto;

}


/* FOOTER */

div#bottom-container {
	margin: auto;
	padding: 0;
}


div#mainfield_bottom {
	float:center;
	background: url(../images/mainfield_bottom.gif) no-repeat;
	margin-left: auto;
	margin-right: auto;
	height:111px;
	width:949px;
}


/* SIDEBAR */

div#sidebar {
	margin-left:14px;
	margin-top:14px;
	float:left;
	width: 145px;
}

h5 {
	margin-top:15px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:14px;
	color:#2D76B3;
}		/* note: h5 is used for sidebar headers */

div#sidebardivider {
	width: 144px;
	height: 2px;
	background: url(../images/dot_line.gif) repeat-x;
	margin-top: 10px;
}

ul#sidebarshell {
list-style:none;
margin:0px;
padding:0px;
}

ul#sidebarcontents {
	position:relative;
	list-style-type:none;
	padding-left:10px;
	margin:0px;
}

li#sidebaritem {
font-size:11px;
	margin-bottom:5px;
	color: #666666;}




/* BRANDING */

/* OSM Logo */

div#logo h1{
position:relative;
width:140px;
height:197px;
background:url(../images/OSK_logo.gif) no-repeat;
text-indent:-9999px;
}

/* Large Branding */

div#large_branding h1{
position:relative;
width:399px;
height:57px;
margin-top:40px;
background:url(../images/top_tagline_lg.gif) no-repeat;
text-indent:-9999px;
}


/* Small Branding */

div#small_branding h1{
position:relative;
width:265px;
height:45px;
margin-top:40px;
background:url(../images/top_tagline_sm.gif) no-repeat;
text-indent:-9999px;
}



/* CONTENT */

div#content {
margin-right:14px;
margin-top:14px;
float:right;
width: 734px;
}

div#contentdivider {
	width: 732px;
	height: 2px;
	background: url(../images/dot_line.gif) repeat-x;
	margin-top: 28px;
	margin-bottom: 28px;
	display:block;
}

div#titleunderline {
	width: 732px;
	height: 2px;
	background: url(../images/dot_line.gif) repeat-x;
	margin-top: -5px;
	margin-bottom: 0px;
}




/* NAV BAR */

/* Nav Bar Box */
.t {background: url(../images/topnav_dot.gif) 0 0 repeat-x; width: 734px;}
.b {background: url(../images/topnav_dot.gif) 0 100% repeat-x}
.l {background: url(../images/topnav_dot.gif) 0 0 repeat-y;}
.r {background: url(../images/topnav_dot.gif) 100% 0 repeat-y;}
.bl {background: url(../images/topnav_bl.gif) 0 100% no-repeat}
.br {background: url(../images/topnav_br.gif) 100% 100% no-repeat}
.tl {background: url(../images/topnav_tl.gif) 0 0 no-repeat}
.tr {background: url(../images/topnav_tr.gif) 100% 0 no-repeat; padding:5px}

/*Nav Bar Contents */
ul#nav {
position:relative;
list-style-type:none;
width:710px;
height:20px;
margin:0;
padding:0;
}

li#home {width:37px;
margin-left:17px;
}

li#aboutus {
width:65px;
margin-left:37px;
}

li#oneonone {width:85px;
margin-left:37px;
}

li#courses {
width:60px;
margin-left:37px;
}

li#ssatprep {width:70px;
margin-left:37px;
}

li#satprep {width:62px;
margin-left:37px;
}

li#resources {width:78px;
margin-left:37px;
}

li#home a, li#aboutus a, li#oneonone a, li#courses a, li#ssatprep a, li#satprep a, li#resources a {font-size:14px; padding-top:2px; padding-bottom:4px; display:block; text-decoration:none;}

li#home a:hover, li#aboutus a:hover, li#oneonone a:hover, li#courses a:hover, li#ssatprep a:hover, li#satprep a:hover, li#resources a:hover {color: #666666;}


/* Drop Down Menus */
#nav li ul, #nav li.hover ul {
	z-index:1;
	display: none; 
	width: 120px;
	list-style:none;
}
	
#nav li:hover ul, #nav li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	margin-left:-25px;
	}
	
#nav li:hover li, #nav li.hover ul {
	float: none; }
	
#nav li:hover li a, #nav li.hover ul {
	background-color: #ffffff;
	padding:10px;
	color: #000;
	text-decoration:none;
	border-left:1px solid #e89415;
	border-right:1px solid #e89415;
	font-size:12px;
	}
	
#nav li li a:hover, #nav li.hover ul {
	background-color: #e99415;
	color:#FFFFFF;}

#navbottom {
	height:7px;
	background: url(../images/topnav_sublistbottom.gif) no-repeat;
}


/* HOME PAGE ELEMENTS */

/* Home Page Banner */
ul#homepagebanner {
	position:relative;
	list-style-type:none;
	width:734px;
	height:229px;
	margin-top:28px;
	padding:0;
	}

li#bannerimages {
	background: url(../images/3boxes.jpg) no-repeat;
	height:229px;
	width:540px;
	}
	
li#headlinebox {
	background: url(../images/headlinebox_dummy.gif) no-repeat;
	height:229px;
	width:185px;
	margin-left:9px;
	}

li#headlinebox a {padding-top:40px;
text-decoration:none;
display:block; 
text-align:center; 
}

/* Home Page Content */
ul#homepagecontent {
	position:relative;
	list-style-type:none;
	width:734px;
	height:155px;
	margin:0;
	padding:0;
	}

li#whoweare {
	height:155px;
	width:277px;
	}
	
li#geniusgym {
	height:155px;
	width:277px;
	margin-left:14px;
	}
	
li#onebrightfuture {
	background: url(../images/onebrightfuture.gif) no-repeat;
	height:151px;
	width:151px;
	margin-left:14px;
	}




/* ABOUT US PAGE ELEMENTS */

div#aboutshell {
width:612px;
float:left;
}

/* ONE-ON-ONE */

ul#oneononelist1 {
margin-left:0px;
list-style:disc;
}

ul#oneononelist2 {
margin-left:160px;
list-style:disc;
}


li#oneononeitem {
float:none;
font-weight:bold;
font-size:14px;
font-family:"Trebuchet MS", sans-serif;
padding-bottom:10px;
color:#666666
}


/* COURSES */

div#stretchleapgrow {
width:96px;
height:1258px;
background: url(../images/stretchleapgrow.gif) no-repeat;
position:absolute;
right:0px;
top:550px;
}

div#coursescontentdivider {
	width: 732px;
	height: 2px;
	background: url(../images/dot_line.gif) repeat-x;
	margin-top: 28px;
	margin-bottom: 0px;
	display:block;
}


h3#courseheaders {
text-align:center;
line-height:30px;
}

ul#coursewrapper {
list-style:none;
width:600px;
}

li#courselinebreaker {
width:600px;
height:10px;
display:block;
}

div#coursebox {
width:265px;
float:left;
margin-right:35px;
}

div#coursegrade {
width:44px;
float:left;
}

div#coursedescription {
width:205px;
float:right;
}

h3#coursetitle{
padding:0px;
margin:0px 0px 0px 0px;
line-height:30px;
color:#272727; 
}

h4#coursesubhead {
margin:0px 0px 0px 0px;
line-height:14px;
color:#272727;
}

.coursesmallprint {
color:#E99415; 
font-weight:bold;
}

div#coursesdivider {
	width: 600px;
	height: 2px;
	background: url(../images/dot_line.gif) repeat-x;
	margin-top: 28px;
	margin-bottom: 28px;
	display:block;
}

p#ssatdescriptor {
color:#666666;
font-style:italic;
}



/* SSAT AND SAT PREP */

h3#ssatsubtitle {
font-size:30px;
line-height:30px;
padding-top:0px;
margin-top:-20px;
color:#E99415; 
font-weight:bold;
font-family:"Trebuchet MS", sans-serif;
}

div#ssatlistwrapper {
width:600px;
}

div#ssatlistleft {
width:220px;
float:left;
}

div#ssatlistright {
width:220px;
float:left;
}

ul#ssatlist {
margin-top:20px;
margin-left:0px;
list-style:disc;
}

li#ssatitem {
float:none;
font-size:12px;
font-family:"Trebuchet MS", sans-serif;
padding-bottom:10px;
color:#666666
}

/* RESOURCES */

h3#resources {
padding:0px;
margin:0px 0px 0px 0px;
line-height:30px;
}

div#resourcebox {
width:265px;
float:left;
margin-right:35px;
margin-top:20px;
}

li#learningstyleitem {
float:none;
font-size:12px;
font-family:"Trebuchet MS", sans-serif;
padding-bottom:10px;
color:#666666;
}


/* LATEST NEWS */

li#latestnewsitem {
float:none;
font-size:12px;
font-family:"Trebuchet MS", sans-serif;
padding-bottom:10px;
}




/* FOOTER */

div#footer {
	position:relative;
	left:30px;
	bottom:-39px;
	width: 900px;
}

ul#footerlist {
	position:relative;
	list-style-type:none;
	width:900px;
	height:58px;
	margin:0;
	padding:0;
}

li#contact {
	background: url(../images/footer_contact.gif) no-repeat;
	width:26px;
	height:58px;
}

li#email {
	height:58px;
	border-top:1px solid #e89415;
	border-right:1px solid #e89415;
}

li#phone {
	height:58px;
	border-top:1px solid #e89415;
	border-right:1px solid #e89415;
}

li#fax {
	height:58px;
	border-top:1px solid #e89415;
	border-right:1px solid #e89415;
}


li#twitter {
	background: url(http://twitter-badges.s3.amazonaws.com/follow_us-a.png) no-repeat center;
	height:58px;
	border-top:1px solid #e89415;
	border-top:1px solid #e89415;
	border-right:1px solid #e89415;
	width:190px;
}

li#facebook {
	height:58px;
	width: 240px;
	border-top:1px solid #e89415;
}


li#footerend {
	background: url(../images/footer_end.gif) no-repeat;
	width:6px;
	height:58px;

}

li#phone a, li#email a, li#fax a {padding-top:21px; padding-left:10px; padding-right:10px; display:block;}

li#twitter a {padding-top:58px; display:block;}