/* Global reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
body {
 line-height: 1; }	
		
ol, ul {
 list-style: none; }
		
table {
 border-collapse: separate; 
 border-spacing: 0;  }
	
caption, th, td {
 text-align: left; 
 font-weight: normal;}
	
body {
 background:#1c421c;
 font: 62.5%  Arial, Helvetica, sans-serif;
 color: #000;}
	
		
/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

	
	
/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
 font: 1.1em  Arial, Helvetica, sans-serif}
	
/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a {
 color:#1f481f;
 text-decoration:none;}
	
a:hover, 
a:active {
 color:#337833;}

	
/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
 display: none; }
			
strong {
 font-weight: bold; }
			
em {
 font-style: italic; }
		
abbr, acronym {
 border-bottom: none; }


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.imgreplace {
 display:block;
 text-indent:-9999px;}
	
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}
	
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;}
	
.clearfix {
 display: inline-block; }
		
/* Hides from IE-mac \*/ 
* html .clearfix {
 height: 1%; }
	
.clearfix {
 display: block; }
/* End hide from IE-mac */
	
.fleft {
 float:left;}
	
.fright {
 float:right;}


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
/* 3.1	Page Layout
-----------------------------------------------------------------------------------------------*/	
#wrapper {
  width:824px;
  margin:35px auto;
  background:url(../images/bg-footercontainer.gif) bottom no-repeat;
  padding:0 0 28px 0;}

#header {
  background:url(../images/bg-topcontainer.gif) top left no-repeat;
  width:824px;
  height:207px;}

#container {
  background:url(../images/bg-bodycontainer.gif) top left repeat-y;
  padding:0 0 20px 50px;}

/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	
#header h1 {
 position:relative;
 top:40px;
 left:29px;
 float:left;
 margin-bottom:-40px;}

#header h1 a {
  display:block;
  background:url(../images/logo-cougars.gif) top left no-repeat;
  width:210px;
  height:151px;
  text-indent:-9999px;}

#header .standout {
  background:url(../images/title-standout.gif) top left no-repeat;
  width:349px;
  height:26px;
  position:relative;
  text-indent:-9999px;
  top:73px;
  left:64px;
  float:left;}

#header .mascot {
  background:url(../images/photo-mascot.png) top left no-repeat;
  width:180px;
  height:239px;
  display:block;
  float:right;
  position:relative;
  top:-10px;
  text-indent:-9999px;
  margin-bottom:-200px;}

/* 3.3	Main-nav
-----------------------------------------------------------------------------------------------*/
#container .main-nav {
  width:216px;
  float:left;
  margin:15px 0 0 0;}

#container .main-nav ul {
  padding:0 20px;}

#container .main-nav ul li {
  width:177px;
  border-bottom:1px solid #e2f7e2;
  font-size:1.4em;}

#container .main-nav ul li.last {
  border-bottom:none;}

#container .main-nav ul li a {
  display:block;
  padding:3px 0 3px 40px;
  color:#2e6b2f;}

#container .main-nav ul li a:hover ,
#container .main-nav ul li a.active {
  color:#214a21;}

#container .main-content {
 float:left;
 width:528px;
 margin:0 0 0 10px;
 padding:20px 0 0 0;}
 
#container .main-content .intro {
 position:relative;
 top:-110px;
 width:363px;
 margin-bottom:-110px;
 min-height:100px;
 height:auto !important;
 height:100px;}

#container .main-content .intro h2 ,
#container .subtext h2 {
 color:#2e6b2f;
 font-size:1.6em;
 font-weight:bold;
 text-transform:uppercase;}

#container .main-content p {
 font-size:1.2em;
 line-height:15px;
 padding:5px 0;}

#container .main-content .photoside {
 width:180px;}

#container .main-content .news {
 float:left;
 width:310px;
 margin-left:27px;}

#container .main-content .news p {
 font-size:1.1em;
 padding:0 0 20px 0 !important;}

#container .main-content .news p span {
 font-weight:bold;
 text-transform:uppercase;
 color:#2e6b2f;
 text-decoration:underline;
 display:block;
 margin:0 0 6px 0;}

/* subpage */
#container .subtext {
  width:514px;
  margin:15px 0;}

#container .subtext h2{
 padding:0 0 15px 0;}

#container .tblcontact ,
#container .tblsched,
#container .tblstandings {
  width:100%;
  margin:0 0 15px 0;}

#container .tblcontact .longcol {
 width:50% !important;}

#container .tblcontact .title ,
#container .tblsched .title,
#container .tblstandings .title {
 width:100% !important;
 font-size:1.2em;
 font-weight:bold;
 padding:15px 0 0 0;}

#container .tblsched .title ,
#container .tblstandings .title {
 padding:15px 0 !important ;}

#container .tblcontact tr td,
#container .tblcontact tr th  {
 width:25%;
 padding:0 0 5px 0;}

#container .tblcontact tr th  {
 font-size:1.2em;
 font-weight:bold;}

#container .tblcontact tr td ,
#container .tblstandings tr td {
 font-size:1.1em;}

#container .tblsched td {
 width:10%;
 padding:0 0 10px 0 !important;
 font-size:1.1em;}

#container .tblsched .name {
 width:36% !important;
 padding:0 5px 0 0;}
 
#container .name1{
	width:12% !important;
	padding:0 5px 0 0;
}
#container .tblstandings .longcol{
 width:80% !important;}

#container .tblstandings td {
 width:20%;
 padding-bottom:5px;}

#container ol ,
#container ul.list {
 margin:0 0 15px 25px;}

#container ol li ,
#container ul.list li {
 font-size:1.2em;
 list-style:decimal;
 padding:0 0 5px 0;}

#container ul.list li{
 list-style:circle;}

#container .loginform label {
 width:80px;
 float:left;
 display:block;
 margin:0 10px 10px 0;
 font-size:1.2em;}

#container .loginform .txtbox {
 border:1px solid #1c421c;
 margin:0 0 10px 0;
 float:left;
 width:100px;
 padding:2px;}