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

body {
	/*background: url(../images/body_bg.gif);
	background-repeat: repeat-x;*/
	font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;

}

img {border:none;}

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

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

#outercontent {
	margin-left: 1px;
}


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

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

#topbanner .left {
	margin-left: 20px;
}

#topbanner .dish {
	float: right;
	margin-right: 18px;
	display: inline;
}

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

#subheader .logo {
	padding: 6px 0 0 30px;
}
/***** Ends banners **************/

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

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

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

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

#content p {
	font-size: 80%;
	padding: 5px 5px;
}

#content a {
	color: #660000;
}

#content a:hover, #content a:focus {
	color: #666666;
}

#content #sk {
	float: right;
	/*border: 1px solid #4D562E;*/
	margin: 5px 10px 3px 5px;
	width: 215px;
	
}

#content #sk img {
	margin-bottom: 15px;
}

.skimage {
	float: right;
	margin: 5px 10px 3px 5px;
}

#content ul {
	padding: 16px;
	font-size: 80%;
	margin: 16px;
}
#content li {

}

#content .printheader, #content .handheldheader, #content .hhmap {
	display: none;/*hide the header for the print style sheet*/
}

#record {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
}

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

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

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

/* positions the navigation column*/
#nav {
	float: left; 
	width: 180px;
	margin: 10px 0 10px 25px;
	display: inline;
}

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

#nav img {
	margin: 12px auto;
	/*border: 1px 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*/
	font-size: 80%;
	
}

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: #666666;
	padding: 4px 0 4px 2px;
	margin: 0;
}

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

#nav .category {
	background-color:#660000;
	color:#FFFFFF;
	font-weight:bold;
	padding: 4px 0 4px 2px;
}

#oca {
	text-align:center;
	font-size: 85%;
	
}

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

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

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


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

/***** quick links *****/

#quicklink {
	width: 230px;
	float: left;
	margin: 0 8px 5px 8px;
	border: 1px solid #cccccc;
	
		
}

#quicklink a {
	color: #660000;
}

#quicklink a:hover, #quicklink a:focus {
	color: #666666;
}

#quicklink h3 {
	background:#660000;
	color: #fff;
	font-size: 85%;
	padding-left: 8px;

}

#quicklink ul {
	list-style-type: none;
	/*padding-left: 2px;*/
	font-size: 80%;
	/*margin-left: 20px;*/
}

#quicklink li {
	
}

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

#quicklink li a:hover, #nav li a:focus {
	/*background-color: #E0D7C9;*/
	color: #666666;
}

/* ***** Form styles ***** */

#content form{
	margin: 0;
	padding: 0 0 10px;
	width: 450px;
	float:left;
}

#content fieldset{
	border: 1px solid #BE9E6F;
	margin: 0 0 10px;
	padding: 5px 0 15px 15px;
}

#content legend{
	border: 1px solid #BE9E6F;
	color: #fff;
	background: #660000;
	padding: 1px 5px 2px;
	margin-bottom: 5px;
	font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content label{
	float:left;
	width: 110px;
	clear: both;
	font-size: .8em;
	text-align: right;
	margin-top: 3px;
}

#content input, #content textarea, #content select {
	color: #000;
	border: 1px solid #CEB993;
	padding: 1px;
	background: #e0d7c9;
	margin: 3px 5px 2px;
	width: 280px;
	float: left;
}

/*\*/ /*/
#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: 110px; /* for shorter input boxes. */
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}

/* 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: #000;
	background: #cccccc;
}

#formcontainer {
	width: 450px;

}

.clearer {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}

#map {
	width: 500px; 
	height: 450px;
}

#map form {
	width: 60px;
}

#content p.error {
	font-size: 100%;
	color:#FF0000;
	font-weight: bold;
}