@charset "utf-8";

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* Non Common */

body {
    background-color: #CCCCCC;
	margin: 10px;;
}

#outerwrapper {
	width: 800px;
    background-image: url(img/body-bg.jpg);
    background-repeat: repeat-y;
    background-position: center; 
	    margin: 0 auto;
}

#wrapper {
    width: 780px;
	background-image:url(img/content-bg.jpg);
    background-repeat: repeat-y;
    background-position: center; 
    margin: 0 auto;
}

#header {
	width: 780px;
}

#header img {border:0;}

#content {
	width: 780px;
}

#content .left {
	width: 189px;
	margin-right: 1px;
	float: left;
}
#content .main {
	width:585px;
	margin: 5px 0 0 5px;
	float:right;
}

#button {
	width: 189px;
	border-right: 1px solid #ccc;
	padding: 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	color: #333;
	}
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #dddddd;
		margin: 0;
		}
	#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #CC0000;
		border-right: 10px solid #444;
		background-color: #323232;
		color: #fff;
		text-decoration: none;
		width: 177px;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #CC0000;
		border-right: 10px solid #444;
		background-color: #777;
		color: #fff;
		}


#footerdiv {
	width: 780px;
	height: 3px;
	margin: 0; padding 0;
		clear:both;
}

#footer {
	width: 780px;
	background-image:url(img/footer-bg.jpg);
	clear:both;
}

/* Front Page Slideshow & Menu nav */

#fpfeatwrap {
	background-image: url(/img/bg.gif);
        background-repeat:no-repeat;
	width: 570px;
	height: 265px;
	margin: 0 auto;
	padding:5px;
}

#slideshow {
	width: 390px;
	overflow:hidden;
	height: 259px;
	background-image: url(/images/slides/base.jpg);
	background-repeat:no-repeat;
	float:left;
        border: 1px solid #666;
}

#menu-nav {
float:right;
width: 170px;
height: 259px;
padding: 0;
font-family: 'Trebuchet MS', 'Lucida Grande',
Verdana, Lucida, Geneva, Helvetica, 
Arial, sans-serif;
Color: #fff;
}
#menu-nav ul {
	list-style: none;
	margin: 0;
	padding: 2px 7px 0 0;
	border: none;
}	
#menu-nav li {
	border-bottom: 1px solid #f00;
	margin: 0 8px 0 0;
}
#menu-nav li.last {
	border-bottom: 0;
	margin: 0;
}

#menu-nav li a {
	display: block;
	padding: .2em 5px 5px .3em;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #menu-nav li a {
	width: auto;
}

#menu-nav li a:hover {
	color: #FFCC00;
}
/* END Front Page Slideshow & Menu nav */