/* CSS Document */

/* UNDO BROWSER DEFAULTS */
html {height:100%; margin-bottom:1px;}
body, h1, h2, h3, h4, h5, h6, p, form, blockquote {margin:0; padding:0;}
li, ul, ol {margin:0; padding:0; list-style:none;}
a img {border:none;}

/* Layout */
body {font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:1; color:#333; background:#fff;}
#container {position:relative; width:100%; margin:5px auto 0; padding:5px 0 0; min-width:840px; max-width:950px; background:#CCC; color: #333;}
#banner {
	width:97%;
	color:#999999;
	background-color:black;
	text-align:right;
	font-size: 10px;
	padding-top: 0px;
	padding-right: 29px;
	padding-bottom: 3px;
	padding-left: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	border-top: thin solid #999999;
	border-bottom: thin solid #999999;
}
#search {text-align:right; height: 30px;}

#breadcrumb {
	float:left;
	text-align: left;
	height: 1em;
	color:#666666;
	background-color:inherit;
	font-size: 0.75em;
	vertical-align: text-bottom;
	width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#content {
	color:#CCCCCC;
	float: none;
	top: auto;
	left: 0px;
	width: 98%;
	background-color: #000000;
	right: 0px;
	margin: 0;
	text-align: left;
	padding: 10px;
	min-height:450px;
	height: auto;
}
#footer {
	color:#FFFFFF;
	background:#333;
	width: 100%;
	font-size: 11px;
	text-align: center;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #000000;
	top: auto;
	float: left;
	left: 0px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.caption {
	background-color: #000;
	color: #CCCCCC;
	font-size: smaller;
	font-family: Arial, Helvetica, sans-serif;
}

/* IMAGES */
.imageleft {
	padding-right:18px;
	float:left;
	padding-left: 6px;
	padding-bottom: 0px;
	width:auto;
}
.imageright {padding-left:1%; padding-bottom:1%; float:right; width:auto;}
.images {background-color: #000000; color: inherit; margin: 2px; padding: 2px; height: 50px; width: 700px}

/* TEXT */
body {font-family:verdana, Arial, sans-serif; font-size:1em; line-height:1.6; background-image:url(images/gradbkgd.jpg); height: auto; background-color:#000000; color:#FFFFFF;}
h1 {font-size:1.5em; font-weight:bold; margin:0 0 6px 0;}
h2 {font-size: 1em; font-weight:bold; }
p {
	margin:2px 0;
	font-size: 1em;
	line-height: 1.4em;
}
#footer p {font-size:11px; margin:0;}

/* LINKS */
a:link {text-decoration:underline; color: #CC3300; background:inherit;}
a:visited {text-decoration:underline; color: #FFEAD4; background:inherit;}
a:focus {text-decoration:underline; outline:none; color:#3E1405; background:inherit;}
a:hover{text-decoration:underline; color:#CB6034; background:inherit;}
a:active {text-decoration:none; color:#FFC894; background:inherit;}
div#banner a {
	color:#FFFFFF;
	background-color:#000000;
	text-decoration: none;
}
div#footer a:link, a:visited {text-decoration:underline; color: #C0C0C0; background:inherit;}

/* TOPMENU */
.jqueryslidemenu{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background: #414141;
	color: inherit;
	min-width:840px;
	max-width:950px;
	width: 100%;
	top: auto;
	float: left;
	left: 0px;
	margin: 0px;
	padding: 0px;
	right: 0px;
	z-index: 1;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
width:auto;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
width:auto;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
width: 120px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* IE HACKS */
* html body{text-align:center;}
* html #container{text-align:left; width:950px;}

/* Buttons */
a.boldbuttons{
background: transparent url('images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
width:auto;
text-align: center;
font: bold 13px Arial, Helvetica, sans-serif; 
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; background-color: transparent;/*button text color*/
}

a.boldbuttons span{
background: transparent url('images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
.indent {
	margin-right: 1em;
	margin-left: 1em;
}
.indentmore {
	margin-right: 2em;
	margin-left: 2em;
}