body {
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(images/pageback.jpg);
}

#holder {
	background:   url(images/background.jpg) repeat-y;
	margin: 0 auto;
	padding: 0 10px;
	width: 720px;
	text-align: left;
	position: relative;
	height: 100%;
	left: -1px;
}

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


/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 0px;
	width: 0px;
	}

#header {
	background:  url(header.jpg) repeat-x;
	font-family: "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	color: #364272;
}
#header h1 {
	font-size: 1.4em;
	padding: 65px 2px 5px 248px;
	margin: 0;
	font-weight: normal;
}
/* IE Mac wants to place the subheading slightly differently and is fed the values in the selectors above. The following selectors feed the correct padding and height to compliant browsers (as well as the non-standard IE 5* browsers) and are hidden from IE Mac. */
/*hide from IE Mac -   \*/
#header {
	hei\ght: 125px;
	padding-top: 25px;
}
#header h1 {
	padding-top: 75px;
} 
/* end hide from IE Mac -- do not add a comment before the close of this hack */

#header p {
	text-align: right; /* aligns the home and contact links on the right side */
	font-size: .8em;
	letter-spacing: .06em; /*may need to remove if it causes quirkiness */
	line-height: 145%;
	float: right;
}
#header a:link, #header a:visited { /* sets the styling of the links in the header */
	color: #FFF;
	text-decoration: none;
}
#header a:hover, #header a:active, #header a:focus { /* sets the hover styling */
	text-decoration: underline;
}
#logo {
	background:  no-repeat 0px;
	width: 720px;
	height: 140px;
	position: absolute;
	left: 10px;
	top: 0px;
}

#content {
	padding-bottom: 5px;
	margin-right: 30px;
	margin-bottom: 12px;
	margin-left: 250px;
	width: 420px;
	padding-right: 20px;
	margin-top: 35px;
	background-image: url(globeback.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}
/* The following selector will be shown only to IE */
* html #content {
	margin-left: 247px; /* 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 h2, #content h3, #content h4 {
	font: normal 1.35em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CC3300;
	margin: 0px;
	padding: 0px;
}
#content h4 {
	font-size: 1.1em;
}
#content p {
	color: #333333;
	font: 0.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: #003366;
	text-decoration: none;
}
#content a:hover, #content a:active, #content a:focus {
	text-decoration: underline;
	color: #CC3300;
}
/* The following selectors control the sidebar/navigational area */
#sidebar {
	float: left;
	width: 205px;
	height: 100%;
	margin-top: 30px;
}
#sidebar h2 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; /* sets the weight, font-family and size */
	color: #fff; /* text color of the headings */
	background: #CCCCCC; /* This creates the gradient background of the heading */
	padding: 1px 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 */
ul#nav {
	padding: 0; /* begins with the usual zeroing of padding and margin to create a level playing field */
	margin: 0;
	list-style: none; /* removes the list marker from the navigation */
}
#nav li {
	margin-left: 20px;
	font: 0.7em/110% Arial, Helvetica, sans-serif;
	padding: 0px;
}
/* the below styles the button area next to the icon */
#nav li a:link, #nav li a:visited {
	display: block;
	background: #FFF;
	color: #003366;
	font-weight: normal;
	text-decoration: none;
	margin: 3px 0 2px;
	padding: 3px 2px 3px 5px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #CECECE;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CECECE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#nav .p7PMmark {
	color: #FFFFFF;
	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 {
	background: #CCCCCC;
	border-top: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	color: #FFFFFF;
}
ul#nav2 {
	padding: 0; /* begins with the usual zeroing of padding and margin to create a level playing field */
	margin: 0;
	list-style: none; /* removes the list marker from the navigation */
}
#nav2 li {
	margin-left: 20px;
	font: 0.7em/110% Arial, Helvetica, sans-serif;
	padding: 0px;
}
/* the below styles the button area next to the icon */
#nav2 li a:link, #nav2 li a:visited {
display: block;
	background: #FFF;
	color: #003366;
	font-weight: normal;
	text-decoration: none;
	margin: 3px 0 2px;
	padding: 3px 2px 3px 5px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #CECECE;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CECECE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* hide holly hack from IE Mac \*/
* html #nav2 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 */

#nav2 li a:hover, #nav2 li a:active, #nav2 li a:focus {
background: #CCCCCC;
	border-top: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	color: #FFFFFF;
}
}
/* the following selectors create the photo/info teaser area below the navigation */
#features {
	background: #fff url("images/sidehead.jpg") no-repeat left bottom; /* this uses the same slice as the h2 headings but is set not to repeat */
	margin: 20px 0 5px 20px; /* this keeps the div away from the UL above (space as you like) and the same distance from the left side as well */
	padding-bottom: 10px; /* this creates a little space before the decorative border */
}

/* 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: 0.7em/120% Verdana, Arial, Helvetica, sans-serif; /* font size/line height and font-family */
	margin: 8px 2px 6px 8px; /* this created extra space between each paragraph element (with floated image) */
}
#features a {
	font-weight: bold;
	color: #345276;
	text-decoration: none;
}
#features a:hover {
	margin-left: 0;
	font-weight: bold;
	color: #345276;
	text-decoration: none;
}
/* the following selectors create the SEARCHBOX area below the navigation */
#searchbox {
	margin: 20px 0 5px 18px; /* this keeps the div away from the UL above (space as you like) and the same distance from the left side as well */
	padding-bottom: 10px; /* this creates a little space before the decorative border */
}

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

#searchbox 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 */
}

#searchbox p {
	font: 0.7em/120% Verdana, Arial, Helvetica, sans-serif; /* font size/line height and font-family */
	margin: 8px 2px 6px 8px; /* this created extra space between each paragraph element (with floated image) */
}
#searchbox a {
	font-weight: bold;
	color: #345276;
	text-decoration: none;
}
#searchbox a:hover {
	margin-left: 0;
	font-weight: bold;
	color: #345276;
	text-decoration: none;
}
#searchbox input, #searchbox textarea, #searchbox select, #searchbox submit {
	color: #000; /* creates the text color */
	border: 1px solid #092C56; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #ffffff; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

#searchbox legend {
	color: #CC3300;
	background: #FFFFFF;
	padding: 1px 5px 2px;
	margin-bottom: 5px;
	font: normal 1.1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #CECECE;
}
#searchbox fieldset {
	margin: 0 0 0px;
	padding: 5px 0 10px 5px;
	border: 1px dotted #CC3300;
}
/* the next two selectors simply create the black bottom of the page */
#bottom {
	background-color: #FFFFFF;
	border-top-style: dotted;
	border-top-color: #e8e8e8;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #DAD6CA;
	border-bottom-style: solid;
}
#pagebott {
	margin: 0 auto 0 0px;
	bottom: 0px;
}
#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 */
	color: #999999; /* choose a color without as much contrast as your main page so that this doesn't jump out */
	padding: 5px; /* creates a small amount of space */
	letter-spacing: 0.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: #7D8391;
}
#pagebott a:hover, #pagebott a:active, #pagebott a:focus {
	color: #FFD080;
	text-decoration: none;
}

/* the following selectors are the form styles */
#content form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#content fieldset {
	margin: 0 0 0px;
	padding: 5px 0 10px 5px;
	border: 1px dotted #CC3300;
}
#content legend {
color: #CC3300;
	background: #FFFFFF;
	padding: 1px 5px 2px;
	margin-bottom: 5px;
	font: bold normal 1.1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #CECECE;
}
#content label, #content vllabel {
	float: left;
	width: 160px;
	clear: both;
	font-size: 0.8em;
	text-align: right;
	margin-top: 3px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	}#content label, #content .vllabel {
	float: left;
	width: 160px;
	clear: both;
	font-size: 0.8em;
	text-align: right;
	margin-top: 3px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	}
#content input, #content textarea, #content select {
	color: #999999; /* creates the text color */
	border: 1px solid #999999; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #ffffff; /* creates a background color */
	margin: 3px 5px 2px; /* These inputs and the textarea are floated next to the labels. */ 
}
#content input.hidden {	background-color: #FFFFFF;
	border: #FFFFFF;
}


/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content input.sminp {
	width: 160px;
	margin-right: 50px;
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #CC3300;
	background: #EFEFEF;
}

/* these float styles can be used to float images with text next to them */
.fltrt {
	float: right;
	margin-left: 8px;
}

.fltrt img{
	border: 1px solid #000033;
	margin-top: 3px;
	margin-bottom: 6px;
}
.fltlft {
	float: left;
	margin-right: 6px;
}
.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; 
} 

/* These are standard sIFR styles... they must be included... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... Make sure to change these for your own font... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #header h1 {
	visibility: hidden;
	font: 22px Arial, sans-serif;
	letter-spacing: -.2px;
	line-height: 23px;
}
.sIFR-hasFlash #content h2 {
	visibility: hidden;
	font: 20px Arial, sans-serif;
	letter-spacing: .2px;
	line-height: 25.5px;
}
.sIFR-hasFlash #content h3 {
	visibility: hidden;
	letter-spacing: -.5px;
	font: 20px Arial, sans-serif;
	line-height: 23px;
}
.sIFR-hasFlash #sidebar h2 {
	visibility: hidden;
	font: 16px Arial, sans-serif;
	line-height: 20px;
}
#header h2 {

	font-size: 1.4em;
	padding: 65px 2px 5px 248px;
	margin: 0;
	font-weight: normal;
}
#header h2 {

	padding-top: 75px;
}
#content td {
 	font-size: 0.8em;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
}
#formcontent {
	padding-bottom: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	position: relative;
	width: 450px;
}
.hide {

	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 0px;
	width: 0px;
}
#content li {
	font-size: 0.75em;
}
#content li a{
	font-weight: bold;
}
#quote {
	font: normal 1.25em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#quote p {
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.shrink {
	font-size: 0.9em;
}
.navback {
	background-color: #EDEDED;
	width: 716px;
}
.enlarge {
	font-size: 1.2em;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC3300;
}
.tiny {
	font-size: .75em;
	font-weight: normal;
}
#content label.error {
	color: #CC3300;
	font-size: 0.8em;
}
.error {
	color: #CC3300;
}
#content h1 {
	font: normal 1.35em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #224099;
	margin: 0px;
	padding: 0px;
	font-size: 24px;
}
#sitecontent {
position: absolute;
left: -999px;
width: 500px;
}