html, body, ul, li, img {
	margin: 0; 
	padding: 0; 
	border: 0;
}


/* End hide from IE-mac */ 
body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif;
     background: #CCCC99 url(none) no-repeat; /* Sets background color of page. */
     margin: 0; /* Gets rid of default margin on body that most browsers add. */
     padding: 0; /* Gets rid of default padding on body that Opera adds. */
     text-align: center; /* Centers the page contents in WinIE5.x. */
}

/* Main div for all other content on page. A main wrapper div allows us to easily center everything in the viewport. */
#wrapper {
     margin: 10px auto 0 auto; 
     width: 765px; /* Sets width of main container to fit within most maximized 800x600 windows. */
     text-align: left; /* Overwrites the center-aligned text set on the body. */
}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute;
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; 
	}
.warning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


	
/* Wrapper for all content between nav and footer. */
#contentwrapper {
	background: #fff url(../images/repeat.jpg) repeat-y; 
}

#mainnav {
	position: absolute;
	width: 242px;
	left: 1px;
}

#strap {
	height: 50px;
	background-image: url(../images/strap.jpg);

}

#photo_image {
	float: none;
	background-image: none;
	margin-top: -90px;

}

/* Center column for main text. */
#main-content {
	margin: 0 20px 0 227px;
	background: url(../images/inner_main.jpg) no-repeat;
	padding: 10px;
	height: 550px;
	overflow: auto;
}

#main-content ul {
	margin-left: 20px;
}

#main-content li {
	margin-left: 20px;
	vertical-align:top;
}

/* Another wrapper for the content is needed because we need two background images for the content area -- the repeating column part, and the top curved part. Since each div can only have one background image, we need to use two layered divs to create the effect. */
#content {
	background: url(../images/inner_top.jpg) no-repeat; 
	padding: 35px 0 0 0; /* Adds space between top of box and start of content so it doesn't cover up curved area. */
	position: relative; /* Allows the absolutely positioned #subnav div to base its position off #content. */
	color: #036; /* Sets color of text to dark blue. */
	font-size: .8em; /* Sets font size smaller than default. */
}

/* WinIE5 needs the following selector to display the padding in #content. This comment cannot be in the selector or it will trigger the end of the MacIE hide. */
/* hide from MacIE \*/
* html #content {
	height: 1%;
	}
/* end hide */
		
h1 {color: #000; font-size: 1.4em;}
	
p {
	color: #000; 
	font-size: .9em; 
	margin: .6em 10px;
}

.clear {clear: both;}

.navholder {
	width: 12em;
	float: left;
	display: inline; /* doubled margin bug fix for IE/win */
	margin: 15px 20px 5px 20px;
}
.iefix {
	font-size: 0px;
}


.navholder ul {
	width: 12em;
	border-top: 1px solid #000; /* Makes top border on flyouts */
	background: #990033;
}

.navholder li {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	font-weight: bold;
	font-family: arial, sans-serif;
	border-left: 1px solid #000; /* Makes side borders on flyouts */
	border-right: 1px solid #000; /* Makes side borders on flyouts */
	border-bottom: 1px solid #000; /* Makes bottom border on flyouts */
	vertical-align: bottom; /* for IE5/win */
	color: #cccc33;
}

.navholder ul ul {background: #990033;}
		
.navholder li:hover {background: #990033;}
	
.navholder ul a {
	display: block;
	padding: 5px 10px;
	vertical-align: bottom; /* needed for IE5/win */
	text-align: center;
	text-decoration: none;
	color: #cccc33;
}

.navholder ul div { 
	position: absolute;  
	left: -300em;
	top: -1.9em;
	width: 12em;
	padding: 2em 0 2em 0; 
	background: url(../images/bgfix.gif); /* flyout elements need a background image or color to avoid bugs in IE/win */
}	
		
.navholder ul li:hover div {left: 11em;}

.navholder ul li:hover li div {left: -300em;} /* additional rule needed due to additional flyouts */

.navholder ul li li:hover div {left: 11em;} /* additional rule needed due to additional flyouts */

.navholder ul a:hover {text-decoration: underline; background-image:url(../images/HoverBullet.gif)}

.navholder .arrow {
	position: absolute;
	left: 311.3em;
	top: .5em;
	width: 4px; 
	height: 8px;
	padding: 0; /* negates the sticky hover paddings */
	background: url(../images/arrow.gif) no-repeat;
}

.navholder li:hover li .arrow {
	left: 0;
	background-position: -4px 0;
}
	
.navholder li:hover li li .arrow {
	left: 311.3em;
	background-position: 0 0;
}
	
.navholder li li:hover li .arrow {
	left: 0;
	background-position: -4px 0;
}

.navholder ul div.mini-zone {
	padding: 0;
	width: 1em;
	height: 1em;  
	left: -3000px;
	bottom: -1em;
	top: auto;
	}

li:hover div.mini-zone {

	left: auto;
	right: .8em;
	}
			 
/* \*/ /*/
.navholder ul div {
	position: static;
	width: 12em;
	padding: 0;
}

.navholder .mini-zone {display: none;}

/* */

/* The block above hides the rules inside so that only IE/Mac can see them.
The first rule causes the nav to be fully expanded vertically in that browser,
allowing those users to access the nav without needing to hover it. */

/* Footer for page. */
#footer {
	background: url(../images/over_bott.jpg) no-repeat; /* Sets curved bottom part of background image of div above. Since #footer butts up against #contentwrapper, it creates the appearance of a single image. Image set to appear only once. */
	padding: 50px 0 0 0; /* Creates room for background image to display, so text starts below end of image. */
	color: #000000; /* Sets text color to very light gray. */
	font-size: 0.7em; /* Sets font size smaller than default and smaller than content text. */
}

#footer p {
	float: left; /* Moves paragraph to left side of #footer. */
	margin: 0; /* Removes default margin added to paragraphs. */
}

#footer ul {
	float: right; /* Moves list to right side of #footer. */
	margin: 0 6px 20px 0; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0; /* Removes default padding added to lists by some browsers. */
}

#footer p, #footer ul {
	display: inline-block; /* Prevents MacIE from expanding the floats to 100%, which would keep them from sitting on the same line. */
}

/* The following selector overwrites the display value of the paragraph and list back to the correct value, but is hidden from MacIE so it still gets the value it needs. */
/* hide from MacIE \*/
#footer p, #footer ul {
	display: block;
}
/* end hide */
#footer li {
	display: inline; /* Makes list items display horizontally. */
	margin: 0; /* Removes default margin some browsers add to list items. */
	padding: 0; /* Removes default padding some browsers add to list items. */
}

#footer a {
	color: #ccc; /* Sets color of links to slightly darker gray than surrounding text. */
}

#footer a:hover {
	color: #fff; /* Sets color of links on hover to white. */
}