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: #E44406;  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;

}

#content table.team {

border-collapse: collapse;
border-spacing: 0;
width: 450px;

}


/* 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 */
	padding-top: 20px;
	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; 
	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: 0;
	margin-top: 4px;
	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 {

	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	}
	
.nav a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}
	
.nav ul li {
	padding: 0;
}	
	
.nav ul a {

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

	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;
}

.infotext {
color: #666;
font-style: italic;
font-size: 90%;
}

.strikeover {

color: #f30;
font-weight: bold;
text-decoration: line-through;
}

.center {
text-align: center;
}

.highlight {
	
	color: #f30;
	font-weight: bold;
	
}


/* on page indicator styles */

body#level1_1_page li#level1_1 a, body#level1_2_page li#level1_2 a, body#level1_3_page li#level1_3 a, body#level1_4_page li#level1_4 a, body#level1_5_page li#level1_5 a, body#level1_6_page li#level1_6 a, body#level1_7_page li#level1_7 a, body#level1_8_page li#level1_8 a, body#level1_9_page li#level1_9 a, body#level1_10_page li#level1_10 a {
  	background: transparent;
	font-weight: bold;
  	color: #FFF;
	}

/*Current page hover state highlight for Level1 menus. These styles override .nav styles for current page. */
body#level1_1_page li#level1_1 a:hover, body#level1_2_page li#level1_2 a:hover, body#level1_3_page li#level1_3 a:hover, body#level1_4_page li#level1_4 a:hover, body#level1_5_page li#level1_5 a:hover, body#level1_6_page li#level1_6 a:hover, body#level1_7_page li#level1_7 a:hover, body#level1_8_page li#level1_8 a:hover, body#level1_9_page li#level1_9 a:hover, body#level1_10_page li#level1_10 a:hover {
  	background: transparent;
	font-weight: bold;
  	color: #FFF;
	}
	
/*Inheritance block. Keeps level2 from inheriting level1 styles. Styles here should match ".nav ul a" */ 
body#level1_1_page li#level1_1 ul a, body#level1_2_page li#level1_2 ul a, body#level1_3_page li#level1_3 ul a, body#level1_4_page li#level1_4 ul a, body#level1_5_page li#level1_5 ul a, body#level1_6_page li#level1_6 ul a, body#level1_7_page li#level1_7 ul a, body#level1_8_page li#level1_8 ul a, body#level1_9_page li#level1_9 ul a, body#level1_10_page li#level1_10 ul a {
  	background: transparent;
  	color: #000;
	}

/*begin persistent page indicator for level2*/

/*Current page indicator normal state for Level2 menus. These styles override .nav styles for current page. */ 
body#level2_1_page li#level2_1 a, body#level2_2_page li#level2_2 a, body#level2_3_page li#level2_3 a, body#level2_4_page li#level2_4 a, body#level2_5_page li#level2_5 a, body#level2_6_page li#level2_6 a, body#level2_7_page li#level2_7 a, body#level2_8_page li#level2_8 a, body#level2_9_page li#level2_9 a, body#level2_10_page li#level2_10 a {
  	background: transparent;
	font-weight: bold;
  	color: #FFF;
	}
	
/*Current page hover state highlight for Level 2 menus. These styles override .nav styles for current page. */
body#level2_1_page li#level2_1 a:hover, body#level2_2_page li#level2_2 a:hover, body#level2_3_page li#level2_3 a:hover, body#level2_4_page li#level2_4 a:hover, body#level2_5_page li#level2_5 a:hover, body#level2_6_page li#level2_6 a:hover, body#level2_7_page li#level2_7 a:hover, body#level2_8_page li#level2_8 a:hover, body#level2_9_page li#level2_9 a:hover, body#level2_10_page li#level2_10 a:hover {
  	background: #transparent;
	font-weight: bold;
  	color: #FFF;
	}

/*Inheritance block. Keeps level2 menu highlight from inheriting the level1 indicator highlight. This should be the same as ".nav ul a:hover"*/
body#level2_1_page li#level2_1 ul a, body#level2_2_page li#level2_2 ul a, body#level2_3_page li#level2_3 ul a, body#level2_4_page li#level2_4 ul a, body#level2_5_page li#level2_5 ul a, body#level2_6_page li#level2_6 ul a, body#level2_7_page li#level2_7 ul a, body#level2_8_page li#level2_8 ul a, body#level2_9_page li#level2_9 ul a, body#level2_10_page li#level2_10 ul a, body#level1_3_page li#level1_3 ul a:hover, body#level1_2_page li#level1_2 ul a:hover, body#level1_1_page li#level1_1 ul a:hover, body#level1_4_page li#level1_4 ul a:hover, body#level1_5_page li#level1_5 ul a:hover, body#level1_6_page li#level1_6 ul a:hover, body#level1_7_page li#level1_7 ul a:hover, body#level1_8_page li#level1_8 ul a:hover, body#level1_9_page li#level1_9 ul a:hover, body#level1_10_page li#level1_10 ul a:hover {
  	background: #transparent;
  	color: #000;
	}
/*End Current Page Indicator section */