/***********************************************/
/* Global                                      */
/***********************************************/
* {
   margin:0;
   padding:0;
}

/* mac hide \*/
html, body {
   height:100%;
   margin:0;
   padding:0;   
}
/* end mac hide */
body {
   background:url(../images/background.gif) repeat-x;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
}
img.left {
   float:left;
   margin:0 5px 5px 10px;
}
img.right {
   float:right;
   margin:0 5px 5px 10px;
}
#clearer {
   clear:both;
   font-size:1px;
}
#red {
   color:#FF0000;
}
#blue {
   color:#0066CC;
}
table.scoringSchoolDates {
	width:450px;
    margin:5px 10px 10px 10px;
}
table.news {
	width:480px;
    margin:5px 10px 10px 10px;
}
table.news td {
	padding:1em;
	height:5em;
	background:#EEEEEE;
	font-size:0.7em;
	text-align:left;
}
table.scoringSchoolDates td {
	padding:0.5em;
	background:#EEEEEE;
	font-size:0.7em;
	text-align:left;
}
#buyDVD {
	position:absolute;
	right:0;
	top:-20px;
}
#error {
   color:#FF0000;
}
.hide {
	display:none;
}
.show {
	visibility:visible;
}
/***********************************************/
/* Container                                   */
/***********************************************/
/* mac hide \*/
.container {
   min-height:100%;
}
/* end mac hide */

* html .container{
   height:100%;
}

.container {
   width:780px;
   margin:0 auto;
   background:url(../images/mainBac.gif) repeat-y;
   text-align:center;
}
/***********************************************/
/* Header                                      */
/***********************************************/
.header {
   float:left;
   width:780px;
   height:80px;
   background:#84BA52;
}

.header p {
   float:right;
   margin:0.5em 0 0 0;
   font-size:70%;
   color:#003300;
}

.header a {
   text-decoration:none;
   color:#003300;   
}

.header img {
   float:left;
}
/***********************************************/
/* Main tag styles                             */
/***********************************************/
.main {
   float:left;
   width:780px;
}
/***********************************************/
/* Left Column                                 */
/***********************************************/
.lc {
   float:left;
   width:140px;
}

.lc li {
   margin:5px 5px 5px 25px;
   list-style-type:square;
   text-align:left;
   color:#006600;
}

.lc li a {
   text-decoration:none;
   font-size:0.7em; 
   color:#006600;
}

.lc h1 {
   margin:19px 0 10px 0;
   padding:2px;
   background:#85BA52;
   font-size:0.7em;
   text-align:center;
   color:#FFFFFF;
}

ul.videoLinks li {
   margin:0 10px 15px 10px;
   list-style-type:none;
}

ul.videoLinks li a {
   text-decoration:none;
   font-size:0.7em; 
}
/***********************************************/
/* Right Column                                */
/***********************************************/
.rc {
   float:left;
   width:140px;
}

.rc h1 {
   margin:5px 0 10px 0;
   padding:2px;
   background:#85BA52;
   font-size:0.7em;
   text-align:center;
   color:#FFFFFF;
}

.rc p {
   margin:0 10px 0 10px;
   font-size:65%;
}

.rc img {
   margin:0.5em 0 0.5em 0;
}
/***********************************************/
/* Content  Wrapper                            */
/***********************************************/
.contentWrapper {
   float:left;
   width:640px;
}
/***********************************************/
/* Introdution                                 */
/***********************************************/
.introduction {
   float:left;
   width:640px;
   height:8.1em;
   background:#688F40;
   text-align:left;
}

.introduction p {
   margin:10px 10px 0 260px;
   font-size:0.7em;
   color:#FFFFFF;
}

.introduction a {
   color:#FFCC00;
}

.introduction img {
   float:left;
}
/***********************************************/
/* Content                                     */
/***********************************************/
.content {
   float:left;
   width:500px;
   display:inline;
}

.content object {
   float:left;
   margin:0 1em 0 0;
}

.content h1 {
   margin:5px 10px 10px 10px;
   padding:2px;
   background:#84BA52;
   font-size:0.7em;
   text-align:left;   
   color:#FFFFFF;
}

.content h2 {
   margin:25px 10px 0 10px;
   font-size:0.7em;
   text-align:left;   
   color:#333333;
}

.content h3 {
   margin:10px 0 0 0;
   font-size:0.7em;
   text-align:left;   
   color:#333333;
}

.content p {
   margin:0 10px 1em 10px;
   line-height:18px;
   font-size:0.7em;
   text-align:left;
}

.content a {
	text-decoration:none;
}

.content a:hover {
	text-decoration:underline;
}

.content ul {
   margin:10px 0 1em 0;
}

.content li {
   margin:0 10px 1em 30px;
   list-style-type:square;
   font-size:0.7em;
   text-align:left;   
}

.content img {
   border-color:#333333;
}

.textBox {
   float:left;
   width:235px;
   display:inline;
   margin:0.4em 0 0.5em 10px;
   background:#FFFFFF;
}

.textBox h1 {
   margin:0.5em 0 0.5em 0;
   padding:2px;
   background:#84BA52;
   font-size:0.7em;
   text-align:left;   
   color:#FFFFFF;
}

.textBox h2 {
   margin:0;
}

.textBox p {
   margin-left:0;
}

.textBox li {
   margin:0 0 1em 20px;
}

.textBox img {
   margin-left:0;
}

.gallery {
   margin:1em 0 2em 0;
}
.gallery img {
   margin:1px;
}
.gallery h1 {
	font-size:0.8em;
	color:#333333;
	background:none;
}

.sections {
   float:left;
   display:inline;
   width:480px;
   margin:0 10px 20px 10px;
   padding-bottom:5px;
   border-bottom:1px dashed #CCCCCC;
}

.sections img {
   margin:0 5px 10px 0;
}

.sections p {
   margin-left:0;
}

.articles {
   float:left;
   display:inline;
   width:480px;
   margin:0 10px 20px 10px;
}

.articles p {
   margin-left:0;
}

.articles h2 {
   margin-left:0;
}

.articles img {
   margin:0 5px 10px 0;
}

#associatedWebsites img {
	margin:0.5em;
}
form {
	text-align:left;
}
/***********************************************/
/* Footer                                      */
/***********************************************/
.footer_container {
   position:relative;
   width:780px;
   height:1.5em;
   margin:-1.5em auto;
   background:#85BA52;
   text-align:center;
   clear:both;
}
.footer {
	float:left;
	width:100%;
	margin:0.3em 0 0 0;
}
.footer p {
	margin:0;
	display:inline;
	text-align:center;
	font-size:65%;
	color:#FFFFFF;
}
.footer a {
   color:#333333;
   text-decoration:none;
}
#clearfooter {
   height:4em;
   clear:both;
}  /*needed to make room for footer*/

* > html #clearfooter {
   width:100%;
   float:left;
}/* ie mac styles */