.chromestyle{
position:absolute;
top: 0;
left: 0;
padding-bottom: 10px;
z-index: 0;
width: 100%;
}

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

.chromestyle ul{
/*border: 1px solid #BBB;*/
width: 100%;
background-color: black; /* make black background bar for dropdown column headers */
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
padding: 8px;   /* provide ample height to black bg bar for dropdown col headers */
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #ffffff;     /* make mouseover text white */
font:normal 12px Verdana;
font-weight: bold;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color: white;
background-color: black; /* make black background bar for dropdown column text */
}

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

.dropmenudiv{
position:absolute;
top: 15;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
color: white;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #000000; /* dropdown menu bg color */
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
/* font-weight: bold;  */
color: white;   /*color of the link text on the dropdown panels */
}

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

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #333333;  /* bg of dropdown menu when mouseovered */
}









body {margin : 0px; padding : 0px}

p, td, li {font-family:arial, helvetica, sans-serif;
	color : #000000;
   font-size:12px}

/* Navbar styles */
.goldsmall {color : #FF9933;
font-family : Arial, Helvetica, sans-serif;
   font-size:13px}
.redsmall {color : red;
font-family : Arial, Helvetica, sans-serif;
   font-size:13px}
.whitesmall {color : white;
font-family : Arial, Helvetica, sans-serif;
   font-size:13px}

.goldhead {color : #FF9933;
font-family : Arial, Helvetica, sans-serif; font-weight : bold; font-size:26px}
.redhead {color : red;
font-family : Arial, Helvetica, sans-serif; font-weight : bold; font-size:26px}
.whitehead {color : white;
font-family : Arial, Helvetica, sans-serif; font-weight : bold; font-size:26px}


/* Backgrounds */
.blackBackground  {	background-color: #000000;}
.whiteBackground  {	background-color: #FFFFFF;}
.taupeBackground  {	background-color: #959272;}
.greyBackground   {	background-color: #CCCBB8;}
.oliveBackground  {	background-color: #2A3323;}
.maroonBackground {	background-color: #9D000B;}

/* Type styles */


/* Dark Grey font styles */
.extraSmallBodyGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 10px;}
.smallHeadGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 11px;	font-weight : 700;}
.smallBodyGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 11px;}
.mediumHeadGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 12px;	font-weight : 700;}
a.mediumHeadGrey {	text-decoration: none; }
a.mediumHeadGrey:hover	{text-decoration: underline; color: #333333; }
a.mediumHeadGrey:active	{text-decoration: underline; color: #333333; }
.mediumBodyGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 12px;}
.largeHeadGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 14px;	font-weight : 700;}
.extraLargeHeadGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 18px;	font-weight : 700;}

/* Light Grey font styles */
.extraSmallBodyLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 10px;}
.smallHeadLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 11px;	font-weight : 700;}
.smallBodyLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 11px;}
.mediumHeadLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 12px;	font-weight : 700;}
a.mediumHeadLightGrey {	text-decoration: none; }
a.mediumHeadLightGrey:hover	{text-decoration: underline; color: #999999; }
a.mediumHeadLightGrey:active	{text-decoration: underline; color: #999999; }
.mediumBodyLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 12px;}
.largeHeadLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 14px;	font-weight : 700;}
.extraLargeHeadLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 18px;	font-weight : 700;}


/* Red font styles */
.extraSmallBodyRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 10px;}
.smallHeadRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 11px;	font-weight : 700;}
.smallBodyRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 11px;}
.mediumHeadRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 12px;	font-weight : 700;}
.mediumBodyRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 12px;}
.largeHeadRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 14px;	font-weight : 700;}
.extraLargeHeadRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 18px;	font-weight : 700;}

/* Black font styles */
.extraSmallBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 10px;}
.smallHeadBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 11px;	font-weight : 700;}
.smallBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 11px;}
.smallBodyBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 11px;	font-style: italic;}
.mediumHeadBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;	font-weight : 700;}
.mediumHeadBlackUnderline {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;	font-weight : 700;	text-decoration : underline;}
.mediumBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;}
.mediumBodyBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;	font-style: italic;}
.mediumHeadBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;	font-weight : 700;	font-style: italic;}
.largeBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 14px;}
.largeBodyBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 14px;	font-style: italic;}
.largeHeadBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 14px;	font-weight : 700;}
.largeHeadBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 14px;	font-weight : 700;	font-style: italic;}
.extraLargeBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 18px;}
.extraLargeHeadBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 18px;	font-weight : 700;}

/* White font styles */
.extraSmallBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 10px;}
.smallHeadWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 11px;	font-weight : 700;}
.smallBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 11px;}
.smallBodyWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 11px;	font-style: italic;}
.mediumHeadWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px;	font-weight : 700;}
.mediumHeadWhiteUnderline {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px;	font-weight : 700;	text-decoration : underline;}
.mediumBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px; line-height:135%;}
.mediumBodyWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px;	font-style: italic;}
.mediumHeadWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px;	font-weight : 700;	font-style: italic;}
.largeBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 14px;}
.largeBodyWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 14px;	font-style: italic;}
.largeHeadWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 14px;	font-weight : 700;}
.largeHeadWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 14px;	font-weight : 700;	font-style: italic;}
.extraLargeBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 18px;	}
.extraLargeHeadWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 18px;	font-weight : 700;}



/* Formatting for placement */
.wide211 {width : 211px}
.wide140 {width : 140px}
.wide20  {width : 20px}
.high100 {height : 100%}
.flush {position : absolute;
			left : 0px;
			top : 0px}






.navcol {	width : 300px;
			background-color: #000000;
			margin-left : 0px;
			margin-top : 0px;
			padding-top : 10px;
			padding-right : 10px;
			position : absolute;
			top : 0px;
			left : 0px}	

.navcolOLD {	width : 240px;
			background-color: #000000;
			margin-left : 0px;
			margin-top : 0px;
			padding-top : 10px;
			padding-right : 10px;
			position : absolute;
			top : 0px;
			left : 0px}	

.content { position : absolute;
			 top : 55px;
			 text-align: left;
			 left : 160px;
			 margin-right: 30px;
			 width : 80%; }


.ghostlogo {position: absolute;
			top: 50px;
			left: 0px;
			z-index: 0;
			}

.emergency_basic_nav {position: absolute;
			top: 317px;
			left: 4px;
			z-index: 1;
			width: 150px;
			}




/* For the Variations pages. Creates the tan panel. */			
.tanColumn {	background-color:#999966;
				position:absolute;
				left:10px;
				top:-20px;
				width:175px;
				padding-top:10px;
				padding-left:15px;
				padding-right:10px;
				line-height:110%;			
}

.variationsInfo {
				position: absolute;
				left: 230px;
				top: -35px;
				width: 200px;
				color: white;
}


.grayVariationsNavigation {
				position: absolute;
				left: 445px;
				top: -20px;
				width:160px;
				color: black;
				background-color:#999999;
				padding-left: 15px;
				padding-right: 15px;
}

.pictureLinkNoBorder {
	border:0px none;
}



.videoItem {
	width: 155px;
	padding-bottom: 10px;
	text-align: center;	
}	









/* Hyperlink states */
A {text-decoration : none}
A:Hover {text-decoration : underline}
A:Active {text-decoration : underline}

a.image {text-decoration: none; border-style : none; border-width : 0px;}
a.image:hover {text-decoration: none}
a.image:active {text-decoration: none}




/* Below is code for the sortable tables */
/* Copyright 2006 Joost de Valk */
a img {
	border: 0;
}
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	/* width: 150px; */
	border-style: solid;
	border-color: #444;
}


table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #ccc;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	/* width: 150px; */	
}


table.sortable td {
	border-width: 0px 1px 0px 1px;
	/* width:130px; */
	font-family:arial, verdana, sans-serif;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}

/* End code for the sortable tables */