/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
}

body {
	font-size: 8pt;
	text-align: center;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #6B635D;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #47587E;
	font-style: normal;
}

/***** Begin laying out the wrappers *****/

#wrapper {
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 930px;
	text-align: left;
	position: relative;/*set for the positioning of the nav*/
	background-image: url(../images/content_bg.jpg);/*shadow drop bg image*/
	background-repeat: repeat-y;
	font-size: 10px;
}

#outercontent {
	margin-left: 1px;
}


/***** Ends the wrappers *****/

/***** Begin laying out the headers *****/
#topbanner {
	background-image: url(../images/header_bg.jpg);/*Main image*/
	background-position: -1px 0;
	height: 74px;
	margin: 0 auto;
	width: 766px;
}


#subheader {
	background-image: url(../images/subheader_image.jpg);/*shadow drop bg image*/
	background-repeat: no-repeat;
	/*background-position: -1px 0;*/
	height: 200px;
	width: 930px;
}

/***** Ends banners **************/

/******* Begins content layout ***********/

#content {
   margin-left: 230px;
	padding: 7px 0 10px 0;
	width: 670px;
}

#content h1 {
	margin: 12px 0 0 5px;
	color: #0D1448;
	font-size: 16px;
}

#content h2 {
	font-size: 95%;
	margin: 12px 0 0 5px;
	color: #0D1448;
}

#content p {
	font-size: 10pt;
	padding: 5px 5px;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

#content a:link, a:visited {
	color: #003366;
	text-decoration: none;
}

#content a:hover, a:active {
	color: #003366;
	text-decoration: underline;
}

#content ul {
	font-size: 80%;
	list-style-position: outside;
	padding-left: 40px;
	margin-bottom: 15px;
}

#content ul li {
	margin-top: 5px;
}
#content .printheader, #content .handheldheader {
	display: none;/*hide the header for the print style sheet*/
}

/*Home page feature box */

.featurebox {
	float: left;
	text-align: left;
	height: 300px;
	width: 219px;
	margin-right: 2px;
}

#featurearea {
	width: 665px;
	background-image: url(../images/feature_box_bg.jpg);
	background-repeat: no-repeat;
	height: 300px;
}

#featurearea p{
	padding-left: 10px;
	font-size: 70%;
	color: #333333;
	margin-top: 80px;
}

#featuretextleft {
	height: 250px; /* lines up the Learn More div for each box */
	padding-top: 10px;

}

#featuretextmid {
	height: 250px;/* lines up the Learn More div for each box */
	padding-top: 10px;
	padding-right: 2px;
}

#featuretextright {
	height: 250px; /* lines up the Learn More div for each box */
	padding-top: 10px;	
	padding-right: 2px;
}

.learnmore {
	text-align: right;
	height: 16px;
	width: 200px;
	padding-right: 3px;
}

.learnmore a{
	color: #003366;
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
}

.learnmore a:hover {
  text-decoration: underline;
}

/****** Ends the content layout ********/

/***** Nav layout ******/

#skip {
	position: absolute; 
	top: -500px;/*places the skip nav off screen*/
}

/* positions the navigation column*/
#nav {
	position: absolute;
	width: 167px;
	top: 217px;
	left: 24px;
	height: 808px;
}

#nav h3 {
	color: #39355A;
	font-size: 90%;
	padding-bottom: 5px;
	width: 179px;
	border-bottom: 1px solid #C5AEA6;
}

#nav img {
	margin: 25px auto;
	border: 2px solid #4D562E;
}

#nav ul {
	list-style-type: none;
	padding-left: 2px;
	/*margin-left: 20px;*/
}

div#nav ul li {
	border-bottom: 1px solid #C5AEA6;/*plain border for IE pc*/
	font-family: Arial, Helvetica, sans-serif;
	width: 179px;
	margin-bottom: -2px;/*value for IE5.5*/
	margin-bottom:/**/ -5px;/*Value for IE5.01*/
	ma\rgin-bottom: -2px;/*value for IE6*/
}

div#nav>ul li, #nav>h3 {
	border-bottom: 1px dotted #6D5D50;/*IE doesn't do dotted well, set here for browsers other than IE pc*/
	margin-bottom: 0;
}

#nav li a {
	font-size: 80%;
	height: 1%;
	display: block;
	text-decoration: none;
	color: #818585;
	padding: 4px 0 4px 2px;
	margin: 0;
}

#nav li a:hover, #nav li a:focus {
	background-color: #D9DEEC;
	color: #660000;
}

/***** Ends the navigation *****/

/***** Contact Form *****/
#contact {
	background-color: #FFFFFF;
	font-size: 80%;
}

#contact form {
	padding: 10px 10px 5px; /* Sets border on all sides of form. */
	background: #CCCCCC; /* Sets background color to light blue. */
	width: 350px; /* Sets width. */
}

#contact input {
	border: 1px solid #6B635D;
	padding: 2px;
	color: #6B635D;
	display: block;
	background-color: #FFFFFF;	/*margin-bottom: 4px;  Creates space between input and following label. */
}

	
/* The following selector controls how the inputs look when they have focus, but since IE does not support focus, these effects are not seen there. */
#contact input:focus, textarea:focus {
	background: #CDDBF4; 
	color: #6B635D; /* Sets color of text. */
	border: 1px solid #6B635D; /* Sets border to white. */
}
#contact label {
	color: #6B635D; /* Sets text color of labels. */
	display: block; /* Changes labels from inline to block so each will sit on the line above its associated input. */
}
#contact fieldset {
	border: 1px solid #6B635D;
	padding: 5px;
	background-color: #F3F3F3;
}
#contact legend {
	color: #0D1448;
	font-size: 1.2em; /* Sets font size larger than default. */
	background: #FFFFFF; /* Sets background color. */
	padding: 1px 5px; /* Creates space between borders of legend and its text. */
	border: 1px solid #6B635D; /* Sets border color. */
	/*display: block;  You may find you need to use this selector because Opera sometimes lowers the legend and starts the first field to the right of it. However, this display declaration causes IE to put the background color all the way across the top of the fieldset, so if you use it, use the comment backslash hack combined with the star filter to feed a width that only IE PC sees. */ 
}
#contact input.button {
	margin: 10px 120px 5px; /* Needed by MacIE to keep the button from expanding to 200px like the other inputs. */
	width: 8em; /* Sets width in relative units so it will scale if text size is larger. */
}
/* The following selector resets the margins to the correct values for all browsers other than MacIE. */
/* hide from MacIE \*/
#contact input.button {
	margin: 10px auto 5px auto;
}
/* end hide */
/*The folowing keeps Firefox from displaying hidden fields */
#contact input[type="hidden"] {
display: none;
}

/***** footers *****/

#footer {
	/*height: 34px;*/
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat; /*Main machu picchu image*/
   background-position: -1px 0;
}


#footer p {
	font-size: 70%;
	text-align: right;
	padding: 4px 23px 25px 0;
	color: #660000;
	border-top: 1px solid #000;
	margin: 0 13px;
	
}


/***** Ends the footers ********/


/*float styles for the images in the content div*/
.left {
	float: left;/*add a border around the image*/
	margin: 5px 10px 0 0;/*set a margin to the top and right to give clearance against the text the top margin aligns the image with the top of the p element*/
}

.right {
	float: right;/*add a border around the image*/
	margin: 5px 10px 0 10px;/*set a margin to the top and left to give clearance against the text the top margin aligns the image with the top of the p element*/
}
/* Other Classes */
.smalltext {
	font-size: 9px;
}