/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 1040px;
 background-color:#000000;
}
#faux {
 background: url(faux-2-2-col.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 1020px;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #D1DBDB;
}
#navigation {
 color: #333;

 margin: 0px 0px 5px 0px;
 background: #ABBEBE;
}
#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px 10px 0px 0px;
 padding: 5px;
 width: 195px;
 float: right;
  background-color:#C3D9FF;
 border:solid 2px #4096EE; 
}
#rightcolumnf { 
 display: inline;
 color: #333;
 margin: 10px 10px 0px 0px;
 padding: 2px;
 width: 200px;
 float: right;
  background-color:#C3D9FF;
 border:solid 2px #4096EE; 
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 800px;
 display: inline;
 position: relative;
 background-color:#ffffff;
 
}

#leftbcolumn { 
 float: left;
 color: #333;
 margin: 10px;
 padding: 10px;
 width: 780px;
 display: inline;
 position: relative;
 background-color:#ccc;
}

#leftbcolumn_ad { 
 float: left;
 margin-bottom:5px;
 width: 780px;
 display: inline;
 position: relative;
}

#footer { 
 width: 1020px;
 height:300px;
 clear: both;
 color: #333;
 background: #ABBEBE;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
.clear { clear: both; background: none; }
 

 	li{list-style-type:none;}
 
	* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
	.sidebox { margin: 0 auto; /* center for now */ width: 40em; /* ems so it will grow */ background: url(sbbody-r.gif) no-repeat bottom right; font-size: 100%;}	
	.sideboxL{ margin: 0 auto; /* center for now */ width: 30em; /* ems so it will grow */ background: url(sbbody-rN.gif) no-repeat bottom right; font-size: 100%; float:left;}
	.sideboxR{ margin: 0 auto; /* center for now */ width: 30em; /* ems so it will grow */ background: url(sbbody-rN.gif) no-repeat bottom right; font-size: 100%; float:left;}
	.boxhead    {background: url(sbhead-r.gif) no-repeat top right; margin: 0; padding: 0; text-align:center;}
	.boxhead h2 {background: url(sbhead-l.gif) no-repeat top left; margin: 0; padding:22px 30px 5px; color: white; font-weight: bold; font-size: 1.2em; line-height: 1em; text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */}
	.boxbody {background: url(sbbody-l.gif) no-repeat bottom left; margin: 0; padding: 5px 30px 31px;}
	.boxbodyL {background: url(sbbody-lN.gif) no-repeat bottom left; margin: 0; padding: 5px 30px 31px;}

	
	h4{font-size:45px;color:#ffffff}
	
	.slogo{
	width:125px;
	border:none; 
	height:125px;
	margin-right:3px;
	border:solid 3px #4096EE;	
	}
.slist{
border:2px solid #ccc;list-style-type:none;background:#DDDDDD;text-align:left;margin-bottom:3px;width:125px;height:125px;
}

.slist ul{margin-left:0;}
.slist a{color:#990000}


.media{background-color:#C3D9FF;float:left;width:205px;border:solid 2px #4096EE;padding:5px;margin-left:5px;}
.news {background-color:#EEEEEE;float:right;width:550px;border:solid 2px #36393D;padding:5px;margin-right:5px;margin-bottom:10px;}
.forum{background-color:#CDEB8B;float:right;width:550px;border:solid 2px #008C00;padding:5px;margin-right:5px;margin-bottom:10px;}
.links{background-color:#F9F7ED;float:right;width:550px;border:solid 2px #C79810;padding:5px;margin-right:5px;margin-bottom:10px;}
.events{background-color:#ffffff;float:right;width:550px;border:solid 2px #B02B2C;padding:5px;margin-right:5px;margin-bottom:10px;}
.school{border:solid 2px #ccc;padding:5px;margin:5px;min-height:150px}

.news-title{font-size:15px;margin:0px;}

.image{float:left;width:150px;height:150px;}



	#nav ul{
   padding : 0;
   margin : 0;
   white-space : nowrap;
   background-color : #003399;
   color : White;
   float : left;
   width : 100%;
   border-style : solid;
   border-color : #0066CC;
   border-width : 2px 0 2px 0;
}
#nav ul li{
   display : inline;
}
#nav ul li a{
   padding-left : 1em;
   padding-right : 1em;
   background-color : #003399;
   color : White;
   font-size:20px;
   font-weight : bold;
   text-decoration : none;
   float : left;
   border-right-color : #0066CC;
   border-right-style : solid;
   border-right-width : 1px;
}
#nav ul li a:hover{
   background-color : #99CCFF;
   color : #000066;
}

.vidimg {
padding-left:20px;
padding-right:20px;
background: url(film.gif) no-repeat top right; margin: 0px 0px 10px 0px; text-align:center;

}

.spons {
background:#ffffff;
padding:3px;
border:solid 1px #ccc;

}