@charset "UTF-8";
/* CSS Document */
* html .banner {position:absolute;}

body {
	background:#c7c7c7;
	color:#000;
	font:100%/1.5em Verdana, Arial, sans-serif;
	margin:0;
	padding:2.5em 0;
}

a { 
outline:none; 
}
area {
	outline:none;
}

#container {
	margin:0 20px;
	padding:0;
	border:1px solid #000;
	position:relative;
}

#wrapper {
	width:960px;
	margin:0 auto;
	background:#fff;
}

/* Header Styles */

#wrapper #header h1 {
	padding: .5em 0 0 1em;
	margin: 0;
}
#wrapper #header img {
	border:none;
}

#wrapper #header h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0 0 1em 2.3em;
	line-height: 1.3em;
}

/* Main Navigation Styles */

#wrapper #nav {
	background-image: url(image/navBar.gif);
	background-repeat: no-repeat;
	height: 45px;
	margin-top:0;
}

#nav #navbar {
	padding:0;
	margin: 0;
	height:1em; /* this forces the navbar to have a specific height (1em) and width (100% by default), don't need to do anything special to clear the navigation; otherwise would need clear:left; height is arbritary */
}
#wrapper #nav #navbar li {
	float:left;
	list-style:none;
}
 
#wrapper #nav #navbar li .home {
	margin-left: 340px; 
	border:0 dotted #ed1c24; /* logo color */
}

#wrapper #nav #navbar li a {
	display:block;
	padding:.7em 1.5em;
	background-color:#ed1c24; /* logo color */
	color: #fff;
	text-decoration: none;
	font-size: .8em;
	border-left:2px dotted #fff; 
}
#wrapper #nav #navbar li a:hover, #wrapper #nav #navbar li a:focus {
	color:#63090d;
	text-decoration:underline;
}
#wrapper #nav #navbar li .here {
	border-bottom:2px solid #fff;
}

/* Subnavigation */
#wrapper #nav #navbar li ul {
    display: none;
    width: 12.1em; /* Width to help Opera out */
    background-color: #ed1c24;
	padding:0;
}
#wrapper #nav #navbar li:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; 
}
#wrapper #nav #navbar li:hover li {
    float: none; 
}
#wrapper #nav #navbar li:hover li a {
    background-color: #ed1c24;
    border-bottom: 1px solid #fff;
    color: #fff; 
}
#wrapper #nav #navbar li li a:hover {
    background-color: #92191d; 
}

/* End Navigation */


#wrapper #maincontent img {
	float: left;
	padding-right:1em;  
}


/* Left Menu Bar */

#wrapper #leftmenu {
	float:left;
	width:230px;
	padding:15px 0;
	margin-right:15px;
	margin-left:0;
	font-size:.79em;
}
#wrapper #leftmenu h2 {
	padding-left:15px;
	padding-bottom:0;
	font-size:1.2em;
	border-bottom:2px double #ccc;
}
#wrapper #leftmenu h2 a {
	color:#000;
	text-decoration:none;
}

#wrapper #leftmenu ul {
	padding-left:0;
	margin-left:0;
}

#wrapper #leftmenu li {
	padding-left:20px;
	list-style:none;
	line-height:2em;
	border-bottom:1px solid #ccc;
}

#wrapper #leftmenu li a {
	display:block;
}

#wrapper #leftmenu a {
	color:#600;
	text-decoration:none;
}
#wrapper #leftmenu a:hover {
	background:#ff9;
}	

.here {
	background:#ff9 url(image/FrameArrow.gif) no-repeat 0 0.5em;
	font-weight:bold;
	padding:.3em 0 .3em 1.3em;
	
}

#wrapper #leftmenu ul ul {
	padding-left:.2em;
	background:#fff;
	font-weight:normal;
}
#wrapper #leftmenu ul ul li {
	line-height:1.6em;
}

#wrapper #leftmenu ul ul li.last {
	border-bottom:none;
}

/* Main Content Styles */

#wrapper #maincontent {
	margin:0 0 0 245px;
	padding:15px 60px 0 25px;
	border-left:thin solid #ccc;
	font-size:.8em;
}

#wrapper #maincontent ul {
	padding-left:3em;
	list-style:square;
}

#wrapper #maincontent ul .nobullet {
	list-style:none;
}

#wrapper #maincontent ul li {
	padding-bottom:.5em;
	padding-top:1em;
	line-height:1.5em;
}
#wrapper #maincontent ul ul li {
	padding-bottom:.2em;
	padding-top:.5em;
	
}

#wrapper #bottom {
	background-image:url(image/bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.clear {
	clear:both;
}

.larger {
	font-size:1.1em;
}

/* Footer Styles */

#wrapper #footer {
	margin:0;
	padding:0;
	font-size:.7em;
	text-align:center;
	color:#7a7777;
	background:#c7c7c7;
}