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

/*Website Background*/
/*Hide (comment) the unused html and body styles.*/
/*Use the following html and body styles if you wish to have a SOLID color background. */
html {
	border-top:30px solid #343434;
	}
body {
	background:#660000;
	margin-top:-30px;
	}

/*Use the following html and body styles if you wish to have a BACKGROUND IMAGE.*/
/*html {
	border-top:none;
	}
body {
	background:#660000 url(/inc/img/background_garnet.jpg) no-repeat top center;
	margin-top:0;
	}*/

/*Link Colors*/
a:link, 
a:visited, 
a:hover, 
a:active {
	color:#1840a7;
	}
a.externallink { 	
	background:url(/inc/img/icon_externalsite_garnet.png) no-repeat right;
	padding: 0 20px 0 0;
	}
img.externallink { 	
	background:url(/inc/img/icon_externalsite_garnet.png) no-repeat right;
	padding: 0 5px 0 0;
	}
/*Heading Colors*/
h1 {
	color:#6f6f6f;
	}
h2 {
	color:#203364;
	}
h3 {
	color:#515f6a;
	}
h4 {
	color:#7583a1;
	}

/*Underline Color*/
.underline {
	border-bottom:1px #7583a1 dotted;
	}

/*Header Image - No need to change anything here. If you do make a customized header though, just be sure to save it as header.jpg, and place it in your images folder */
#header a {
	background:url(/inc/img/header.jpg) no-repeat bottom left;
	}

/*Navigation Link Colors*/
ul#sidenav a {  
	background: #FFF url(/inc/img/sideNav_garnet.jpg) repeat-y top right;
	}
ul#sidenav a:hover, 
ul#sidenav li:hover a,
ul#sidenav li.iehover a {
	color:#600;
	}


/*columns*/
#oneCol {
	background:url(/inc/img/mainContentGradient_garnet.jpg) repeat-x top left;
	}
#rightCol {
	background:url(/inc/img/mainContentGradient_garnet.jpg) repeat-x top left;
	}
#centerCol {
	background:url(/inc/img/mainContentGradient_garnet.jpg) repeat-x top left;
	}


/*Footer Text Color*/
#footer {
	background:url(/inc/img/united_garnet.gif) no-repeat top left;
	color:#f0e9d2;
	background-color: #660000;
	}

/*Footer Link Color*/
#footer a:link, 
#footer a:visited, 
#footer a:hover, 
#footer a:active {
	color:#f0e9d2;
	}


/*Far Right Column h4 Background and Text Colors*/
#rightColMain h4, 
#rightColSub h4 {
	background:#1b2d47;
	color:#fff;
	}
#rightCol3 {
	background: url(/inc/img/subContentGradient_garnet.jpg) repeat-y top left;
	}

/*Promotion Section's (in the Upper Right Corner) h3 Color*/
#promote h3 {
	color:#054E3A;
	}

	

	
/* NAVIGATION */
/* THE FOLLOWING CSS CAME FROM THE ACCESSIDAHO.ORG TEMPLATE .
IT DRIVES THE MENUING ON THEIR SITE */

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical {
	float:left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: pointer;
	width: 135px;
	}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000;
	}
ul.MenuBarVertical li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 135px;
	}
ul.MenuBarVertical ul,
ul.MenuBarVertical ul ul {
	margin:-1px 0 0 90% ;/*change the margins to move the submenu*/
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor:pointer;
	width: 135px;
	left: -1000em;
	top: 0;
	}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible {
	left: 0;
	}
ul.MenuBarVertical ul li {
	width: 175px;
	position:relative;
	}
/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
ul.MenuBarVertical, 
ul.MenuBarVertical a {
	border-right: 1px solid #ccc;
	background: url(/inc/img/sideNav_garnet.jpg) repeat-y top right;
	height:1%;
	}
ul.MenuBarVertical a {
	display: block;
	cursor: pointer;
	border-bottom:1px solid #ccc;
	padding:10px 5px 10px 15px;
	text-decoration: none;
	}
/* HOVER COLOR*/
ul.MenuBarVertical a.MenuBarItemHover, 
ul.MenuBarVertical a.MenuBarItemSubmenuHover, 
ul.MenuBarVertical a.MenuBarSubmenuVisible {
	}
ul.MenuBarVertical #listNav a.MenuBarItemSubmenuHover {
	border-bottom:#999 solid 1px;
	background:url(/inc/img/flyout_garnet.png) repeat-y top left;
	}
ul.MenuBarVertical #listNav a.MenuBarItemSubmenuHover:hover {
	border-bottom:#999 solid 1px;
	background:url(/inc/img/hover_garnet.png) repeat-y top left;
	}
#topNav a {
	background:url(/inc/img/topNav_garnet.jpg) no-repeat top right;
	}
#topNav ul li a {
	background:url(/inc/img/flyout_garnet.png) repeat-y top left;
	}
ul.MenuBarVertical #topNav a.MenuBarItemSubmenuHover {
	background:url(/inc/img/flyout_garnet.png) repeat-y top left;
	}
ul.MenuBarVertical #topNav a.MenuBarItemSubmenuHover:hover {
	background:url(/inc/img/hover_garnet.png) repeat-y top left;
	}
/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/
ul.MenuBarVertical a span span {
	background: none;
	padding: 0;
	}
ul.MenuBarVertical a.MenuBarSubmenuVisible {
	}
ul.MenuBarVertical li ul a {
	border-right:1px solid #999;
	border-left:1px solid #999;
	background:url(/inc/img/flyout_garnet.png) repeat-y top left;
	display: block;
	padding: 10px 0 10px 10px;
	position:relative;
	}
ul.MenuBarVertical li ul .first {
	border-top:1px solid #ccc;
	border-left:none;
	}
ul.MenuBarVertical li ul .last {
	border-bottom:1px solid #999;
	}
#leftNav a:hover {
	text-decoration:underline;
	color:#0066ff;
	background:#fff;
	background:url(/inc/img/hover_garnet.png) repeat-y top left;
	}

	
/*
THESE DRIVE THE SAMPLE PAGE PROVIDED BY ACCESSIDAHO
*/		
/*Garnet Palette Color Style Classes*/
.palette_h2 {
	background:#203364;
	color:#fff;
	}
.palette_bkg {
	background:#660000;
	color:#fff;
	}
.palette_links {
	background:#1840a7;
	color:#fff;
	}
.palette_h3 {
	background:#515f6a;
	color:#fff;
	}
.palette_h4 {
	background:#7583a1;
	color:#fff;
	}
.palette_rgrad {
	background:#f2ebce;
	color:#fff;
	}
.palette_rbkg {
	background:#1b2d47;
	color:#fff;
	}
.palette_topgrad {
	background:#e6ded9;
	color:#666;
	}
.palette_sidehover {
	background:#e9e1d9;
	color:#666;
	}
.palette_navborder {
	background:#7d7165;
	color:#fff;
	}
.palette_linkhover {
	background:#660000;
	color:#fff;
	}
.garnet {
	border:#660000 solid 1px; 
	padding: 1px 3px;
	}