body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; 
     background: #fff; 
     margin: 0; 
     padding: 0;
     text-align: center; 
}

#holder {
     background:  url(../images/website/holder_background.gif) repeat-y; /* this creates the two column, drop shadowed background. It will go from top to bottom making both columns appear to be the same length no matter which is longer. */
     margin: 0 auto; /* this centers the overall design */
     padding: 0; 
     width: 720px; /* 20px less than actual width due to padding above */
     text-align: left; /* corrects the above text-align: center; for those browsers that need it */
     position: relative; /* this gives the div positioning so that an absolutely positioned div (AP Div) can be placed within it. Otherwise, the AP Div would be placed relative to the body element (or the last positioned parent element). */
	 border-right: 1px solid #eee;
	 border-bottom: 1px solid #f28f54;
	 border-left: 1px solid #ed7538;
}

/* \*/
* html #holder {
width: 740px;
w\idth: 720px;
}
/* feeds IE 5* PC the correct width due to its non-standard box model */



#skipnav {
	position: absolute; 
	top: 0; 
	left: 0;
	margin-left: -1000px; 
	}

#header {
	padding: 0;
	margin: 0;
	
}

#header img {display:block;
}


#content {
	margin: 0 0 0 210px; /* this carves out the space for the navigation and creates the proper content area */
	padding-bottom: 5px;
	background:  url(../images/website/content_bkgnd.jpg) no-repeat top left;

}
/* The following selector will be shown only to IE */
* html #content {
	margin-left: 207px; /* this is neccessary to avoid float drop in IE PC */
	height: 1%; /* this is neccessary if you're using sIFR -- IE drops everything down below the left sidebar from the beginning of the sIFR on ... a dimension is required -- this is the Holly Hack */
}

/* The following selectors are styling for the content div's headings, paragraphs and links. If sIFR is used for the headings, make sure any padded added to these selectors is also added to the sIFR replacement calls in the body. */

#content h1 {

font: normal 1.35em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #c03;
	margin: 0 10px 10px 20px;
	padding-top: 10px;
	
	}

#content h2, #content h3, #content h4 {
	font: normal 1.25em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 17px 10px 10px 20px;
	color: #09c;
}

#content h3 {
font-size: 1em;
border-bottom: 1px dashed #09c;
}

#content h4 {
	font-size: 1.15em;
}
#content p {
	color: #333;
	margin: 17px 10px 10px 20px;
	line-height: 140%;
	font: .75em/135% Verdana, Arial, Helvetica, sans-serif;
}
#content .link { /* creates the larger Learn More link at the bottom of the page */
	font: 1.25em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content a:link, #content a:visited {
	color: #03f;
	text-decoration: underline;
}
#content a:hover, #content a:active, #content a:focus {
	text-decoration: none;
	color: #fff;
	background: #7998df;
}

#content ul {
	font-size: .9em;
	line-height: 140%;
	list-style: inside;
	padding-left: 10px;
	margin-left: 30px;
}

#content ul li {
	font-size: .9em;
	line-height: 140%;
	padding-bottom: 10px;
}

#content ol {
	font-size: .9em;
	line-height: 140%;
	padding-left: 10px;
	margin-left: 30px;
	margin-right: 10px;
	}

#content ol li {
	font-size: .9em;
	line-height: 140%;
	padding-bottom: 10px;
	}	
	
/*table styles */	
	
#content table {
	border-collapse: collapse;
	width: 450px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0;
	margin-top: 20px;
	margin-left: 10px;
	font-size: .9em;
	
	}
	
#content table td {
	margin: 0; 
	padding: 5px; 
	font-size: .9em; 
	background: #fff; 
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
}

#content caption {
 font-weight: bold; color: #900;  margin-top: 20px; margin-bottom: 5px; 
 
}

#content table th { 
	margin: 0; 
	padding: 5px; 
	font-weight: bold; 
	font-size: .9em; 
	color: #09c;
	background: #eee; 
	border-bottom: 1px solid #09c;
	text-align: left;

}
	



/* The following selectors control the sidebar/navigational area */
#sidebar {
	float: left; /* the navigation is floated to the left so that it can be any length. If it were an AP Div, it would be "out of the flow" of the document and could flow off the bottom edge of the page */
	width: 210px; /* must have a width value */
	margin-top: 0; /* this aligns the beginning of the sidebar content with the main content div */
	background: url(../images/website/sidebar_bkgnd.jpg) no-repeat top left;
	
}
#sidebar h2 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; /* sets the weight, font-family and size */
	color: #900; /* text color of the headings */
	background: transparent; /* This creates the gradient background of the heading */
	padding: 3px;
	padding-top: 20px; 
	margin: 0 0 0 20px; /* this controls the outer edge placement which keeps the heading box away from other elements */
}

#sidebar h3 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; /* sets the weight, font-family and size */
	color: #900; /* text color of the headings */
	background: transparent; /* This creates the gradient background of the heading */
	padding: 5px 5px 2px; /* this keeps the text away from the inner edges of the box we've created. These values MUST be mirrored in your sIFR replacement calls in the body */
	margin: 0 0 5px 20px; /* this controls the outer edge placement which keeps the heading box away from other elements */
}
/* the following selectors create the button look using an unordered list */
.nav, .nav ul {
	padding: 0; /* begins with the usual zeroing of padding and margin to create a level playing field */
	margin: 5px 0 0 0;
	list-style: none; /* removes the list marker from the navigation */
	font-size: 1em;
	font-weight: bold;
	background: transparent;
}
.nav li {
	 margin-left: 5px; /*clears the left side evenly all the way down */
	font: .8em/110% Arial, Helvetica, sans-serif;
	background: transparent;
	padding-bottom: 10px;
}


.nav a:link, a:visited {

	color: #000;
	text-decoration: none;
	font-weight: bold;
	
	}
	
.nav a:hover, a:active {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}
	
.nav ul li {
	padding: 0;
}	
	
/*.nav ul a:link, a:visited {

	color: #000;
	text-decoration: none;
	padding: 3px 5px 3px 10px;
	
	}
	
.nav ul a:hover, a:active {

	color: #fff;
	text-decoration: none;
	font-weight: bold;
	} */
	
			
/* hide holly hack from IE Mac \*/
* html .nav li a { 
	height: 1%;
	vertical-align: bottom;
} /* Holly Hack to get around a lovely IE issue with list items and a elements set to block */

.nav li a:hover, .nav li a:active, .nav li a:focus {
	color: #fff;
	background: transparent; 
}

/* the following selectors create the announcement area + links below the navigation */
#features {
	/*background: #fff url(../sidehead.jpg) no-repeat left bottom;  this uses the same slice as the h2 headings but is set not to repeat */
	
	background: transparent;
	margin: 0 15px 5px 0; /* this keeps the div away from the UL above (space as you like) and the same distance from the left side as well */
	
}

/* Don't show to IE Mac \*/
* html #features {height: 1%;}
/* Close the show only to IE PC Holly Hack (Place no comments inside the hack or it will close) */

#features h2 {
	margin-left: 0; /*this overrides the left margin if an h2 element is within the features div -- features is already over 20px from the left margin and we don't want space within that div. We want the h2 element to go all the way across */
}

#features p {
	font: .8em/110% Arial, Helvetica, sans-serif; /* font size/line height and font-family */
	margin: 15px 25px 10px 5px; /* this created extra space between each paragraph element (with floated image) */
	padding: 0;
	padding-right: 10px;
}

#features a:link, #features a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	
}
#features a:hover, #features a:active, #features a:focus {
	color: #fff;
	font-weight: bold;
	
}



/* the next two selectors simply create the black bottom of the page */
#bottom {
	background: transparent; 	
}

#pagebott {
	
	width: 740px; /* must equal the same width as your overall #holder div to match exactly -- remember to count padding and/or borders for each as well */
	margin: 0 auto; /* this centers it like the main holder above it */
}
#pagebott p {
	margin: 0;
	text-align: center; /* center aligns the text */
	font-size: 0.65em; /* choose a font size slightly smaller than your main page for best results */
	background: transparent; 
	color: #e44001;
	padding: 5px; /* creates a small amount of space */
	letter-spacing: .06em; /* if this causes problems in any browsers, simply remove it */
}
/* creates the link and hover styling for the pagebott area */
#pagebott a:link, #pagebott a:visited {
	color: #e44001;
	text-decoration: underline;
}
#pagebott a:hover, #pagebott a:active, #pagebott a:focus {
	color: #e44001;
	text-decoration: none;
}


/* these float styles can be used to float images with text next to them */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.brclear { /* Use a break with this class to clear float containers on both sides */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right */ 
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 


.textindent {
margin-left: 20px;
}


.textindentmore {

margin-left: 40px;
}

.signin {


background: url(../images/website/leaf_signin_bkgnd.gif) no-repeat top left;
padding-top: 10px;
padding-left: 10px;
font-size: 70%;
color: #000;
margin-bottom: 15px;
font-style: italic;
}

/* class for board sign in link */

.signin a:link, a:visited  {

font-size: 100%;
color: #000;
font-weight: bold;
text-decoration: none;
font-style: normal;


} 

.signin a:hover, a:active {

font-size: 100%;
color: #f03;
font-weight: bold;

}

.signindent {

padding-left: 45px;

}
 
 

/*end class for board sign in link */