#navcontainer
{
margin: 0px 0 0 0px;
padding: 0;
height: 20px;

}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: right;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #76B655;
width: 88px;
height: 18px;
border-top: 0px solid #76B655;
border-left: 1px solid #76B655;
border-bottom: 1px solid #76B655;
border-right: 1px solid #76B655;
padding: 0;
margin: 0px 0 0px 0;
color: #FFF;
text-decoration: none;
display: block;
text-align: center;
font: bold 12px/18px arial, sans-serif;
}

#navcontainer ul li a:hover
{
color: #006600;
background: #FFF;
}

#navcontainer a:active
{
background: #FFF;
color: #76B655;
}

#navcontainer li#active a
{
background: #FFF;
border: 1px solid #76B655;
color: #76B655;
}



/*  end navigation css thanks accessify.com and Jeffrey Zeldman*/

#footer {
    position: relative;
    bottom: 0;
	width:950px;
	height: 2%;
	color:#FFFFFF;
	background-color:#76B655;
	clear:both;/*should fix stretch issue */
font-family: tahoma,sans-serif;
font-size: 9px;
padding-top: 3px;
padding-bottom: 3px;

	voice-family: "\"}\"";
    voice-family: inherit;
	text-align: center;
	margin:0 auto;
	}

html>body #container {
    height: auto;

	}

#stretchcontainer{/*this one for content longer than page so it stretches*/
 	position: relative;
    
    voice-family: "\"}\"";
    voice-family: inherit;
    
	/*width: 770px;*/
	width: 100%;
	min-height: 97%;
	height:auto;

	text-align: left;
	margin:0 auto;
background-color: #FFF;
}

/* for IE/win only, not sure if it does anything. */
* html #stretchcontainer{ height:95.3%; }

/* allows parent container of floated div to stretch to bottom of floated div (child) */
#stretchcontainer:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/*rework this! needs to be a background IMAGE to make the borders, then the footer can 
be just close to the bottom in FF and all the way at the bottom in IE, but no scrolling */
#container {/* this one for short content - will still occupy full screen (minus footer)*/
    position: relative;
    /*min-height: 95.3%;*/
    /*height: 95.3%;*/
	min-height: 98%;
	height: 98%;

    voice-family: "\"}\"";
    voice-family: inherit;
    
	width: 950px;
	
	margin-left: auto;
	margin-right: auto;
background-color: #FFF;
	
	}

.leftie{
background-image: url(../images/top_left_rounded.gif);
background-repeat: no-repeat;
background-position: left top;
}

#pagebody{/* not currently used */
/*padding: 5px;*/
width: 100%; 
background-color: #FFF;
height:auto;
}

#topbar{
position: relative;
font-size: 14px;
margin-left: 0px;
margin-right: 0px;
margin-top:0px;
margin-bottom: 0px;
width: 950px;
float:left;
height:20px;

voice-family: "\"}\"";
voice-family: inherit;
margin:0 auto;
}

#maincontent
{

position: relative;
font-size: 12px;
/*letter-spacing:1px;*/
width: 520px;/*was 350 before changed to fill whole div*/
float: left;
margin-right: 5px;
margin-left:5px;
margin-top: 80px;
background-color: #FFF;
/*padding: 10px;*/
height:auto;
}

#rightside{
float:right;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 400px; /*size of images*/
background-color: #FFF;
height:auto;
font-size: 12px;
}

div.highlite{
border: 1px dashed #999;
background-color: #FFF;
width: 250px;
/*float:left;*/
}

div.float{
float:left;
}
	


html, body {
	/*height:auto !important;  FF and compliant browsers auto size body/html*/
    height: 100%; 
	min-height:100%; /*content can stretch*/
}

body {
	margin: 0;
	padding: 0;
font-family: tahoma;
text-align: center;
/* can't use min-width anymore with background image /*
/*min-width: 1000px;*/
background-color: #e6e3dd;
}

#container A{
font-family: tahoma, "gill sans", sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration:none;
color: #006600;
}

#container A:hover {
color: #7D7D7D;
text-decoration: none;
border-bottom: 1px dotted #309200;
}

/* override the bottom dotted border for image links*/
#container A.imglink:hover {
text-decoration: none;
border-bottom: 0;
 }

hr {
height:0;
border:0;
border-top:1px solid #e2e2e2;
}



h1, h2, h3, h4, h5, h6	{
	/*font-family: 	Avenir, "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;*/
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 2px;
	letter-spacing: 1px;
	}

h4	{
	margin: 0 0 25px 0;
	padding: 0;
	background: transparent;
	color: #333;
	
	/*font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;*/
	font-weight: normal;     
	voice-family: "\"}\"";   
	voice-family: inherit;   
  	font-size: 12px;
	}

.titlestyle{
/*font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;*/
font-family:arial,sans-serif;
font-size:18px;
font-weight:normal;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
letter-spacing: 0px;
color: #309200;
/*text-transform: uppercase;*/
voice-family: "\"}\"";
voice-family: inherit;
text-align:left;
}

.smallbolddate{
font-family:verdana, sans-serif;
font-weight: bold;
font-size:9px;
text-transform: uppercase;

}

/*   rounded corner div   */
div.roundbox{
background-color: #76B655;
color:#FFF;
font: 11px Tahoma, Verdana, Arial;
}

.boxCornerSize{
height: 7px;
background: url(../images/rounded_div_bg.gif) no-repeat;
width: 7px;
}

.boxTL, .boxBL{ float:left }
.boxTR, .boxBR{ float:right}
.boxTR {background-position:right top;}
.boxBottom{
height: 7px;
width: 100%;
background-color: #76B655;
}

.boxBL { background-position:left bottom; }
.boxBR { background-position:right bottom; }
.boxEnd { clear:both; }
.boxContent { clear:both; }
.boxcontent p {margin:0 30px;}
.small { width: 33%; }
.medium{ width: 67%; }
.large{ width: 100%; }
/*end of rounded div stuff */
/* thanks to www.coonens.com for this cool one image rounded div. */

/* for images - 1px border with 5px padding. */
.thinborder{
  border:solid 1px #999999;
  padding:5px;
  }