/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.hover{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url('indentbg3.gif') center center repeat-x;
}
.indentmenu ul li.selected{
color: black !important;

background: black url('indentbg3.gif') center center repeat-x;
}


/* Masthead */
#hd * {margin: 0; padding: 0;}
#masthead {position: relative; height: 60px;}
#hd h1, #masthead h1
{
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        padding: 0; margin: 0;
        z-index: 0;
        width: 255px;
        height: 50px;
}

#hd h1 a, #masthead h1 a
{
        text-indent: -700em;
        text-decoration: none;
        left: 0;
        position: absolute;
        width: 255px;
}

#hd h1 a:hover, #masthead h1 a:hover { text-decoration: none !important; }



/* Mainnav */

ul#mainnav {
	font-size:14px;
	margin: 0 0 -1px 0;
	white-space: nowrap;
	text-align: center;
	padding: .2em 0;
	background: #fff url("dark_fade_g.png") repeat-x bottom;
	}

ul#mainnav li {
	list-style: none;
}

ul#mainnav li {
	list-style: none;
	display: inline;
	z-index: 2;
	margin: 0 .2em;

	padding: .2em 0;
/*	background: #fff url("dark_fade_g.png") repeat-x bottom;
*/}


ul#mainnav li a {padding: .4em 1.2em; color: #334455; font-size: 80%; font-weight: bold;}

ul#mainnav li.selected a {color: #fff}

ul#mainnav li.selected, ul#mainnav li:hover.selected {
background: #ED5929 url("crush.png") repeat-x top;

} 

ul#mainnav li:hover {background: #fff url("dark_dwn_fade_g.png") repeat-x top left;}







.chromestyle{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pxpx;
font-weight: bold;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/

}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	width:160px;
	background-color:#CCCCCC;
	visibility: hidden;
	color:#333333;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); 
	/*Add Shadow in IE. Remove if desired*/
	vertical-align:middle;
}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	color: black;
	text-align:left;
	padding-left:5px;
	color:#333333;
	height:20px;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	color:#990000;
	text-decoration:underline;
	height:20px;
}