@charset "utf-8";
/* CSS Document */

#navigation{
	background:url(../graphics/nav_mid.gif) repeat top left;
	border:1px solid #cc9933;
}

#navGradTop {
	background:url(../graphics/nav_top.gif) repeat-x top left;
	display:inline-block;
	width:100%;
}

#navGradBot {
	background:url(../graphics/nav_bot.gif) repeat-x bottom left;
	display:inline-block;
	width:100%;
}

#navigation ul {
	float:right;
	font-size:1.5em;
	list-style-type:none;
	margin:0;
	padding:0 2em;
	text-align:right;
}

#navigation ul li:first-child {
	border-left:1px solid #cc9933;
}

#navigation ul li {
	border-right:1px solid #cc9933;
	float:left;
	padding:0;
	position:relative;
	width:auto;
}

#navigation ul li a {
	color:#000099;
	display:block;
	font-weight:bold;
	padding:.7em .75em;
	text-decoration:none;
	text-outline:1px #cc9933;
}

#navigation ul li:hover a,
#navigation ul li:focus a {
	background: url(../graphics/nav_ro_bot.gif) repeat-x bottom left;
	color:#3333cc;
}

#navigation ul li:active a {
	background: url(../graphics/nav_mid.gif) repeat top left;
	color:#cc0000;
}

/* For main navigation dropdown menus */

#navigation ul ul {
	border:1px solid #cc9933;
	border-top:none;
	box-shadow:2px 2px 2px #999999;
	-moz-box-shadow:2px 2px 2px #999999;
	-webkit-box-shadow:2px 2px 2px #999999;
	position:absolute;
	margin:0 0 0 -1px;
	padding:0;
	font-size:.75em;
	text-align:left;
	left:-10000px;
	width:100%;
	z-index:10;
}

#navigation ul li:hover ul {
	left:0;
}

#navigation ul ul li {
	border:none;
	display:block;
	margin:0;
	width:100%;
}

#navigation ul ul li:first-child {
	border:none;
}

#navigation ul ul li a {
	background-color:#cc9900;
	color:#ffffff;
	font-weight:normal;
}

#navigation ul li:hover ul li a,
#navigation ul li:focus ul li a{
	background:url(../graphics/nav_mid.gif) repeat top left;
	color:#3333cc;
}

#navigation ul li ul li:hover a,
#navigation ul li ul li:focus a {
	background:#ffffcc;
	color:#996600;
}

/* End main navigation dropdown menus */

ul.subNav {
	box-shadow:2px 2px 5px #999999;
	-moz-box-shadow:2px 2px 5px #999999;
	-webkit-box-shadow:2px 2px 5px #999999;
	float:left;
	margin:0;
	padding:0;
	width:18em;
}

ul.subNav li {
	background:#ffffcc url(../graphics/subNav.png) repeat-x bottom left;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	list-style-type:none;
}

ul.subNav li a {
	color:#000099;
	display:block;
	padding:.5em 1em .5em 2em;
	text-decoration:none;
}

ul.subNav li a:hover,
ul.subNav li a:focus {
	background:#ffffcc;
	border-left:.75em solid #ffcc66;
	color:#996600;
	padding-left:1.25em;
	text-decoration:none;
}

ul.subNav li a:active {
	background:#ffffff;
	border-left:.75em solid #000099;
	color:#000099;
}

ul.subNavLrgFont {
	box-shadow:2px 2px 5px #999999;
	-moz-box-shadow:2px 2px 5px #999999;
	-webkit-box-shadow:2px 2px 5px #999999;
	float:left;
	margin:0;
	padding:0;
	width:18em;
}

ul.subNavLrgFont li {
	background:#ffffcc url(../graphics/subNav.png) repeat-x bottom left;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	list-style-type:none;
}

ul.subNavLrgFont li a {
	color:#000099;
	display:block;
	padding:.5em 1em .5em 1.7em;
	text-decoration:none;
	font-size: 1.2em;
}

ul.subNavLrgFont li a:hover,
ul.subNavLrgFont li a:focus {
	background:#ffffcc;
	border-left:.6em solid #ffcc66;
	color:#996600;
	padding-left:1.1em;
	text-decoration:none;
}

ul.subNavLrgFont li a:active {
	background:#ffffff;
	border-left:.6em solid #000099;
	color:#000099;
	padding-left:1.1em;
}

#menucontainer {
  float: left;
  width: 18em;
}

#menucontainer div {
  float: left;
}

/* Graphic buttons - a.imgBtn for links - CAN REMOVE AFTER DEMO, USE INPUT BUTTONS */

.btn_container {
	margin:0 0 1em 0; 
	clear:both; 
	z-index:1; 
	width:auto; 
}

.btn_container div {
	display:inline-block; 
	height:29px; 
	margin:0 1em .25em 0; 
/*	overflow:hidden;    -- remove this, it prevents the focus highlight from showing around the buttons. */
} /* For multiple buttons in IE8 */

button,
input[type="image"] {
	cursor:pointer;
	height:97px;
	display:inline-block;
}


button,
input[type="image"]:hover,
input[type="image"]:focus {
	margin-top:-34px;
}

button,
input[type="image"]:active {
	margin-top:-68px;
}

a.imgBtn {
	cursor:pointer;
	height:97px;
	display:inline-block;
}

a.imgBtn img {
	display:block;
}

a.imgBtn:hover img, 
a.imgBtn:focus img {
	margin-top:-34px;
}

a.imgBtn:active img {
	margin-top:-68px;
}

a.btnLink {
	border:3px solid #badbff;
	border-radius: 3px;
	color: white;
	padding: 3px 12px;
	text-align: center;
	text-decoration: none;
    display: inline-block;
    font-size: 14px;	
}
a.btnLink:link, a.btnLink:visited {
    /* update background color for 508 compliance
    background-color: #3880cc; */
    background-color: #3579c1;
}
a.btnLink:hover {
    background-color: #62a4e9;
    text-decoration: none !important;
}

.btnHeader {display:inline-block; width:100%; margin:0 0 1em 0; } /* display, width for opera */
.btnHeader h1 {float:left; margin:0; }
.btnHeader a {float:left; margin:0;}
.btnHeader .btn_container {clear:none; float:right; margin:0; }
.btnHeader .btn_container input[type="image"] {margin-left:1em; margin-right:0; }