html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background-image:  url("body_bg.jpg");
	background-repeat: repeat-x;
	font-size: 100.01%;
	font-family:  Arial, Helvetica, sans-serif;
	color: #262223;
	background-color: #74B2BF;
}

#wrapper {
	margin: 0 auto;
	width: 780px;
	font-size: 80%;
	background-image:  url("wrapper_bg.jpg");
	background-repeat: repeat-y;
}

#header {
	background-image:  url("header_bg.jpg");
	background-repeat: no-repeat;
	height: 103px;
}

#strap {
	background-image:  url("strap_rvc1.jpg");
	background-repeat: no-repeat;
	height: 136px;
}

#innerwrapper {
	background-image:  url("bridging_slice.jpg");
	background-repeat: no-repeat;
}

#leftcol {
	float: left;
	width: 190px;
	margin-left: 24px;
	margin-top: 10px;
}

#leftcol h2 {
	color: #262223;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	margin-top: 5px;
	font-weight: normal;
	/*border-bottom: 1px solid #262223*/
}

#leftcol p {
	color: #262223;
	font-family:  Arial, Helvetica, sans-serif;
	padding: 0px;
	font-weight: normal;
	margin-top: 0px;
	font-size: 95%;
}

#content {
	width: 510px;
	margin-left: 240px;
	background-image:  url("logo.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
}

h1 {
	font-size: 150%;
	padding: 10px 0 0 0;
	color: #327078;
}

h2 {
	font-size: 133%;
	padding: 10px 0 10px 0;
	color: #327078;
	display: block;
	border-bottom: 1px solid #AFBFBC;
}

h3 {
	font-size: 125%;
	padding: 0;
	color: #327078;
}

p, ul {
	margin: 10px 0;
	line-height: 125%;
}

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

a:link, a:visited {
	text-decoration: underline;
	color: #262223; 
}

a:hover, a:focus {
	text-decoration: none;
	color: #FFFFFF; 
	background-color: #262223;
}

#content li {
	list-style-position: inside;
	list-style-type: square;
}

#rightcol {
	float: right; 
	width: 106px; 
}

#rightcol img {
	display: block;
	margin: 12px 0 6px auto;
	border: 1px solid #262223;
}

#footer {
	background-image:  url("footer_bg.jpg");
	background-repeat: no-repeat;
	height: 40px;
	margin-left: 0px;
	clear: both;
}

#footer p {
	font-size: 10px;
	color: #E8F2EA;
	text-align: center;
	margin: 0 0 0 240px;
	padding: 10px 0 0 0;
}

.left {
	float: left;
	border: 1px solid #262223;
	margin: 5px 10px 2px 0;
}
.right {
	float: right;
	border: 1px solid #262223;
	margin: 5px 0 2px 10px;
}

/* 
  -----------------------------------
  Contact Form Styles
  -----------------------------------
*/

#content form {
	margin: 0; /* Removes the margin some browsers add by default. */
	padding: 10px 0; /* Creates 10px of padding at the bottom of the form. */
  	float: left; /* Keeps the internal clearing BR's within the form from clearing the external floated side column. */
	width: 100%; /* Makes form take up whole width of content div so that content following the form will not wrap on its right side. */
}	
#content fieldset {
	border: 1px solid #AFBFBC; /* Defines a border around each fieldset. */
	margin: 0 0 10px; /* Keeps the fieldset's bottom border 10px away from the next element */
	padding: 5px 0 15px 15px; /* Keep the elements inside away from the edge of the fieldset. */
}
#content legend {
	border: 1px solid #AFBFBC; /* Creates a defined box/border around the legend */
	color: #FFFFFF; /* Sets contrasting text color from background color. */
	background: #AFBFBC; /* Gives the legend the same background image as the feature headings, plus backup background color in case images aren't loaded. */
	padding: 1px 5px 2px; /* Keeps the borders away from the text by these specified amounts. */
	margin-bottom: 5px; /* Creates 5px of space below the legend. */
	font: bold 12px Arial, Helvetica, sans-serif; /* Styles the text within. */
}
#content label {
	float: left; /* Allows labels to be placed on the left with their inputs following on their right sides. */
 	width: 80px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: 10px; /* Sets same font size as that used on main content text. */
	text-align: right; /* Aligns text to the right so that all form elements create an even middle gutter. */
	margin-top: 5px; /* Moves the text of the label down slightly to align with the top of the input to its right. */
	}
#content input, #content textarea {
	color: #262223; /* Creates the text color inside the inputs. */
	border: 1px solid #AFBFBC; /* Sets a border. */
	padding: 1px; /* Keeps the text from touching the borders. */
	background: #FFFFFF; /* Creates a background color. */
	margin: 3px 5px 2px; /* Creates the space around the inputs and textareas so they don't stack on top of each other. */
	width: 350px; /* Creates a consistent width between all inputs and textareas. */
	float: left; /* Floated next to their labels. */ 
}

/* The following hack can only be read by Mac IE and removes the floats from the inputs and textareas to avoid bugs. Luckily, Mac IE is good without floating. Be sure you do not add any comments INSIDE the hack or it will close. */
/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to Mac IE. */

/* This selector can be used on input boxes you want to be shorter than the normal ones. */
#content input.sminp {
	width: 175px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}

/* This selector can be used on the input button. */
#content input.bttn {
	width: 88px; /* Smaller width. */
	border: 1px solid #AFBFBC; /* Creates a defined box/border around the legend */
	color: #262223; /* Sets contrasting text color from background color. */
	background: #FFFFFF; /* Gives the legend the same background image as the feature headings, plus backup background color in case images aren't loaded. */
	padding: 1px 5px 2px; /* Keeps the borders away from the text by these specified amounts. */
	margin-bottom: 5px; /* Creates 5px of space below the legend. */
	font: bold 12px Arial, Helvetica, sans-serif; /* Styles the text within. */
}

/* The following changes the colors of 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: #262223;
	background: #FFFFFF;
	border: 1px solid #327078; /* Sets a border. */
}

.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 (so as not to clear the left floated sidebar, for instance). */
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 

/* 
  -----------------------------------
  PopMenu Magic Styles
  -----------------------------------
*/
#p7PMnav, #p7PMnav ul {
	border-top: 1px solid #262223;
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #262223;
	background-color: #87BFCA;
}
#p7PMnav ul {
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 4px 8px 4px 2px;
	color: #FFFFFF;
	font-weight: bold;
	/*border-top: 1px solid #87BFCA;
	border-right: 1px solid #87BFCA;*/
	border-bottom: none;
	/*border-left: 1px solid #87BFCA;*/
	line-height: 1;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus,
#p7PMnav .p7PMon, #p7PMnav .p7PMon:hover, 
#p7PMnav .p7PMon:active, #p7PMnav .p7PMtrg:hover {
	color: #FFFFFF;
	background-color: #262223;
	letter-spacing: 0.01px;
	/*border-top: 1px solid #87BFCA;
	border-right: 1px solid #87BFCA;
	border-left: 1px solid #87BFCA;*/
}
/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #262223;
}
#p7PMnav .p7PMmark:hover {
	color: #AFBFBC;
}
/* ------ the trigger link styles ------- */


/*the normal trigger link */
#p7PMnav .p7PMtrg, #p7PMnav .p7PMtrg:active {
	background-image:  url(../p7pm/img/p7PM_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon, #p7PMnav .p7PMon:hover {
	background-image:  none;
	background-repeat:	no-repeat;
	background-position: right center;
	background-color: #87BFCA;
	color: #262223;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav {
	width: 190px;
}

/* 2nd and subsequent Submenu widths */
#p7PMnav ul {
	width: 190px;
}