/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */
/* ALL PNG BACKGROUND GRAPHICS WILL HAVE ADDITIONAL SELECTORS IN IE6.CSS */

/* BEGIN STRUCTURE */
:focus {-moz-outline-style: none;} /* removes dotted border around FF links */

html, body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#a24a3f;
}

div#nav_wrapper, div#branding_wrapper, div#container_wrapper {
	min-width:960px;
}

div#nav_inner, div#branding, div#container, div#site_info {
	position:relative; 
	margin:0 auto 0 auto;
	width:880px;
}

div#nav_wrapper {
	height:32px;
	background-image:url("/img/bg-nav.gif");
	background-position:top left;
	background-repeat:repeat;
	border-bottom:2px solid #373333;
}

ul#nav {
	position:absolute;
	top:-34px;
	left:300px;
	z-index:3;
	height:32px;
	width:580px;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

#nav a{
	display:block;
	height:32px;
	border:0px solid black;
}

#home, #news, #classes, #about, #contact {
	float:left;
	height:32px;
}

#home {width:83px;}
#home a, #home a:visited {background:url("/img/btn-home.gif") top left no-repeat;}
#home a:hover {background:url("/img/btn-home.gif") top right no-repeat;}

#news  {width:159px;}
#news a, #news a:visited {background:url("/img/btn-news.gif") top left no-repeat;}
#news a:hover {background:url("/img/btn-news.gif") top right no-repeat;}

#classes {width:102px;}
#classes a, #classes a:visited {background:url("/img/btn-classes.gif") top left no-repeat;}
#classes a:hover {background:url("/img/btn-classes.gif") top right no-repeat;}

#about {width:126px;}
#about a, #about a:visited {background:url("/img/btn-about.gif") top left no-repeat;}
#about a:hover {background:url("/img/btn-about.gif") top right no-repeat;}

#contact {width:109px;}
#contact a, #contact a:visited {background:url("/img/btn-contact.gif") top left no-repeat;}
#contact a:hover {background:url("/img/btn-contact.gif") top right no-repeat;}

div#branding_wrapper {
	height:125px;
	background-color:#ebe3da;
	border-bottom:2px solid #9b999a;
}

div#branding {
	height:125px;
	background-image:url("/img/bg-schoolboy.jpg");
	background-position:bottom right;
	background-repeat:no-repeat;
}

#branding img#logo {
	position:absolute;
	top:-34px;
	left:-60px;
	z-index:2;
}

#branding img#tagline {
	position:absolute;
	top:36px;
	left:402px;
	z-index:2;
}

div#container_wrapper {
	background-color:#fff;
	border-bottom:2px solid #373333;
}

div#container {
	text-align:left;
	border:0px solid black;
}

/*be sure to have a full-width option*/
div#content {
	padding-top:45px;
	padding-bottom:75px;
}

div#content_center {
	float:right;
	width:314px;
	padding-right:20px;
	border:0px solid black;
	/*text-align:center;*/
}

div#content_main {
	float:right;
	width:615px;
	border:0px solid black;
}

div#content_main_narrow {
	float:right;
	width:280px;
	border:0px solid black;
}

div#content_sub {
	float:left;
	width:190px;
	border:0px solid black;
}

div#site_info {
	padding-top:10px;
	color:#ecdbd9;
	text-align:left;
	border:0px solid white;
}

div#site_info2 {
	padding-top:10px;
	color:#ecdbd9;
	text-align:right;
	border:0px solid white;
}

#site_info a {
	color:#ecdbd9;
	text-decoration:none;
}
#site_info a:visited {text-decoration:none;}
#site_info a:hover {color:#fff;text-decoration:underline;}


#site_info2 a {
	color:#ecdbd9;
	text-decoration:none;
}
#site_info2 a:visited {text-decoration:none;}
#site_info2 a:hover {color:#fff;text-decoration:underline;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#000;
}

h1, h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	margin:0px;
	margin-bottom:4px;
}

p, ul, ol, td {font-size:12px;}

h1 {font-size:20px;margin-left:-1px;color:#2e6d76;} 

h2 {font-size:16px;margin-left:-1px;color:#2e6d76;}
h2.first {margin-top:0px;}

h3 {font-size:14px;}

h4, h5 {font-size:12px;}

p {
	margin:0px;
	margin-bottom:10px;
}

a {
	color:#004fbb;
	text-decoration:none;
}
a:visited {}
a:hover {color:#000;text-decoration:underline;}

ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
}

ol {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
.margin_top {margin-top:20px;}

div.box {
	position:relative;
	background-color:#000033;
	width:400px;
	padding:20px;
	padding-bottom:10px;
	color:#fff;
	overflow-y:hidden;
}
.box img {
	max-width:400px;
}
div#corner_top_left, div#corner_top_right, div#corner_bottom_right, div#corner_bottom_left{
	position:absolute;
	width:10px;
	height:10px;
	background-position:top left;
	background-repeat:no-repeat;
}
div#corner_top_left {
	top:0px;
	left:0px;
	background-image:url("/img/corner-top-left.png");
}
div#corner_top_right {
	top:0px;
	right:0px;
	background-image:url("/img/corner-top-right.png");
}
div#corner_bottom_right {
	bottom:0px;
	right:0px;
	background-image:url("/img/corner-bottom-right.png");
}
div#corner_bottom_left {
	bottom:0px;
	left:0px;
	background-image:url("/img/corner-bottom-left.png");
}

#video_thumbs {
	padding:10px;
	list-style:none;
	list-style-image:none;
}
#video_thumbs li {
	clear:both;
	margin-bottom:20px;
}
#video_thumbs li img {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}
#video_thumbs h4 {
	font-size:13px;
	margin:0;
	padding:0;
}
#video_thumbs p {
	font-size:11px;
	margin-bottom:4px;
}
#video_thumbs p.stars {
	margin-top:4px;
	margin-bottom:2px;
}
#video_thumbs p.stars img {float:none;margin:0;}

a.no_link, a.no_link:visited {text-decoration:none;color:#222;}

#news_list {
	padding:0;
	padding-bottom:10px;
	list-style:none;
	list-style-image:none;
}

#news_list li {
	margin-bottom:14px;
	float:left;
	width:198px;
	padding-right:20px;
	border:0px solid black;
}

#news_list h3 {
	font-size:12px;
	margin:0;
}

#news_list p {
	font-size:11px;
	margin-bottom:4px;
}

#news_list p.date {
	padding-bottom:6px;
}

ul.striped, ol.striped { /* list style */
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
}

ul.striped li, ol.striped li {}

ul.striped li a, ol.striped li a {
	display:block;
	font-weight:normal;
	font-size:12px;
	margin:0;
	padding:0;
	padding-top:6px;
	padding-right:10px;
	padding-bottom:6px;
	padding-left:10px;
	text-decoration:none;
	border:0px solid black;
}

ul.striped li a.indent, ol.striped li a.indent {padding-left:30px;}

ul.striped li a:visited, ol.striped li a:visited {}

ul.striped li a:hover, ol.striped li a:hover, ul.striped li a:hover span.no_link, ol.striped li a:hover span.no_link {
	background-color:#000;
	color:#fff;
}

ul#nav_sub_list {
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

/* +++ IE6.CSS */
#nav_sub_list li {
	background-image:url("/img/bg-rule-dotted.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:2px;
}

#nav_sub_list li a {
	display:block;
	color:#737373;
	font-weight:bold;
	font-size:11px;
	margin:0;
	margin-top:1px;
	padding:0;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	text-decoration:none;
	background-image:url("/img/icon-arrow.png");
	background-repeat:no-repeat;
	background-position:135px 9px;
	border:0px solid black;
}

#nav_sub_list li a:visited {}

#nav_sub_list li a:hover {background-color:#ebebeb;color:#000;}

#nav_sub_list li#first_sub_nav a {
	padding-top:6px;
}
img {border:0;}

.center {text-align:center;}

.bold {font-weight:bold;}

.italic {font-style:italic;}

.small {font-size:1.1em;}

.no_spacing {margin:0px; padding:0;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #FFF;
}

.dark {background-color:#ececec;}

.photo {
	float:left;
	margin:0 25px 7px 0;
	padding:3px;
	background:#fff;
	border:1px solid #acc0a5;
}

.border {border:1px solid #555555;}

.even {background:#efefef;}

ul.basic {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN OAF TOOLS */
.adminBar {
	background-color:#2d4122;
}

.tableLight {
	background-color:#f4e2bd;
}

.tableDark {
	background-color:#ecd7aa;
}

.tableHighlight {
	background-color:#5f4f4b;
}

.white {
	color:#FFFFFF;
}

.error {
	color: #CC0000;
}
/* END OAF TOOLS */

ul.tiger {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	font-weight:bold;
}

.tiger li {
	margin:0px 0px 0px 0px;
	padding:6px 10px 6px 10px;
}

.tiger li a {
	text-decoration:none;
}

.tiger li ul {
	padding-bottom:0px;
	padding-left:10px;
	font-weight:normal;
	list-style-image:none;
}

div.blogWrapper p {
	margin-left:15px;
}

div.blogCats_dates a {
	font-size:1.4em;
	font-weight:bold;
}