@charset "UTF-8";
* {
font-family: Helvetica, Arial, sans-serif;
}

body{
margin: 0px;
background-color:#161515;
background-image:url(images/bg.gif);
background-repeat:repeat-x;
}

#top{
margin:auto;
text-align:center;
width: 818px;
height: 23px;
background-color:#000000;
color:#FFFFFF;
font-size:13px;
padding-top:16px;
font-weight:lighter;

}

#banner{
width: 818px;
height: 261px;
margin:auto;
text-align:center;

}

#insidebanner{
width: 818px;
height: 204px;
margin:auto;
text-align:center;

}

#container{
width: 818px;
margin:auto;
text-align:center;
background-color:#e0dfdf;
}

#content{
width: 818px;
}

.nav{
width: 208px;
text-align:left;
background-color:#c8c7c7;
border-left: 2px solid #e0dfdf;
}

.navinside{
width: 206px;
text-align:left;
background-color:#c8c7c7;
border-left: 2px solid #e0dfdf;
padding-top:15px;
}

.content{
width: 818px;
text-align: left;
vertical-align:top;

}



.contentinside{

text-align: left;
padding-top:32px;
background-image:url(images/gradient_under_nav.gif);
background-repeat:no-repeat;
vertical-align:top;
}


#footer{
width: 787px;
height: 28px;
font-size:11px!important;
background-image:url(images/footer.gif);
background-repeat:repeat-x;
font-family: Helvetica, Arial, sans-serif!important;
text-align:right;
padding-top: 51px;
padding-right: 31px;
}


#footer a {
	color:#000000!important;
	font-size:11px!important;
	font-weight: normal!important;
	text-decoration:none;
}

#footer a:hover {
	color:#000000!important;
	font-size:11px!important;
	font-weight: normal!important;
	text-decoration:none;
}

#footer p{
	color:#000000!important;
	font-size:11px!important;
	font-weight: normal!important;
}

#footer .SkinObject{
font-family: Helvetica, Arial, sans-serif!important;
	color:#000000!important;
	font-size:11px!important;
	font-weight: normal!important;
}


td {
	vertical-align:top!important;
}

p {
	margin-top:0px;
}

.Normal {
	font-size:11px;
	color:#605f5f;
	line-height:20px;
}

.Head {
	color:#c11219;
	font-size:20px;
}


.titlehere{
	height: 29px!important;
	width: 412px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	padding-left: 35px !important;
	padding-top:5px!important;
	text-align:left!important;
	color:#bc1118!important;
	text-align:left!important;
	font-size:13px!important;
}

h1 {
	color:#c11219;
	font-size:20px;

}

h2{
color:#605f5f;
font-size: 13px;
font-weight:bold;

}

h3{
color:#605f5f;
font-size: 12px;
font-weight:bold;

}

h4{
color:#c11219;
font-size:12px;
font-weight:bold;

}

h5{
color:#FFFFFF;
font-size: 12px;
font-weight:bold;

}

h6{
color:#8a8a8a;
font-size: 12px;
font-weight:bold;
}

a:link {
	color:#c11219;
	font-weight:bold;
	text-decoration:underline;
}

a:active {
	color:#c11219;
	font-weight:bold;
	text-decoration:underline;
}

a:visited {
	color:#c11219;
	font-weight:bold;
	text-decoration:underline;
}

a:hover {
	color:#c11219;
	font-weight:bold;
	text-decoration:underline;
}

/* -------- MENU LINKS ---------- */



/* Main nav menu classes */
.NavMenu_MenuContainer
{
	width: 206px;
	height: 0px; /* Ensures the menu doesn't come down to far pushing other elements around */
	vertical-align:top;
	
	
}

/* FIX for rendering issue in IE. There's an empty cell at the end that IE renders has having height,
   this makes it render smaller. This font setting is over written for all other menu items. */
.NavMenu_MenuContainer td
{
	font-size: 0px;
	vertical-align:bottom;
	text-align:left;
	height:49px;
}

.NavMenu_MenuBar
{
	cursor: pointer;
	background-color: Transparent;
}


.NavMenu_RootMenuItemActive {
	font-family:Helvetica, Arial, sans-serif !important; 
	
	background-image:url(images/nav_item.gif);
	text-align:left;
	padding-left:42px !important;
}

/* Root nav item */
tr.NavMenu_RootMenuItem td
{
	font-family:Helvetica, Arial, sans-serif !important; 
	font-size: 14px;
	color:#bc1118;
	text-align:left;
	vertical-align:bottom;
	line-height:49px;
	background-image:url(images/nav_item.gif);
	background-repeat:repeat-y;
	padding-left:42px !important;
}

.NavMenu_RootMenuItem td {
	padding-left:42px !important;
}

.NavMenu_RootMenuItem a{
	padding-left:42px !important;
}



/* Root nav item that is selected (click/hover)*/
tr.NavMenu_RootMenuItemSel td
{
	font-family:Helvetica, Arial, sans-serif !important; 
	font-size: 14px; 
	color:#bc1118;
	font-size: 14px;

	background-color:transparent;
	text-align:left;
	vertical-align:bottom;
	line-height:49px;
	background-image:url(images/nav_roll.gif);
	padding-left:42px !important;
}

.NavMenu_RootSeparator
{
}

/* effects color of sub menu nav items*/
.NavMenu_MenuItem
{
	cursor: pointer;
	color:#e0dfdf;
	font-family:Helvetica, Arial, sans-serif !important; 
	font-size: 14px; 
	font-style: normal; 
	background-color:#transparent;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px #d7dcdf; !important;
	vertical-align:middle;
	
}


/* VERY IMPORTANT TO INCLUDE - FOR DROP DOWN MENU SIZE */
.NavMenu_MenuItem td {
	font-family:Helvetica, Arial, sans-serif !important; 
	font-size: 14px;

	line-height:49px; 
	padding-left:42px !important;
}


.NavMenu_MenuItem  {
	padding-left:30px !important;
}



.NavMenu_MenuIcon
{
	cursor: pointer;
	text-align: center; 
	width: 5px; 
	height: 20px;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px #d7dcdf; !important;
}



.NavMenu_MenuArrow
{
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px #e0dfdf!important;
	width:8px;
	border-right:none;
}

.NavMenu_MenuSel
{
	background-color: transparent; 
	cursor: pointer;
	color:#e0dfdf;
	font-family:Helvetica, Arial, sans-serif!important;
	font-size: 12px; 
	font-style: normal;
	
}

.NavMenu_MenuBreak
{
	height: 4px;
	padding: 0px;
	margin: 0px;
	
}

.NavMenu_MenuBreak table
{
	display: none;
	
}

.NavMenu_SubMenu
{
	background-color: #8a8a8a; 
	z-index: 1000; 
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
	border-top: solid 1px #e0dfdf;
	border-left: solid 1px #e0dfdf;
	border-right: solid 1px #e0dfdf;
	vertical-align:middle !important;
	color:#e0dfdf !important; 
	line-height:28px !important;
	font-size: 12px !important;
	text-align:left;
	padding:0px !important;
}

.NavMenu_SubMenu td {
	padding:0px !important;
	line-height:28px !important;
	font-size: 12px !important;
	vertical-align:middle!important;
}


/* sub nav when selected or hovered over*/
.NavMenu_SubMenuSel
{
	background-color:#8a8a8a;
	cursor: pointer;
	color:#bc1118;
	font-family:Helvetica, Arial, sans-serif!important;
	font-size: 12px !important; 
	font-style: normal;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px  #e0dfdf!important;
	vertical-align:middle;
	line-height:28px !important;
	text-align:left;
	padding:0px !important;
}


.MainMenu_SubMenuItemActive{
	 color:#e0dfdf;
	font-size: 12px;
	padding:0px !important;
	vertical-align:middle!important;
}

.MainMenu_RootMenuItemSelected{
	color:#e0dfdf;
	font-size: 12px;
	padding:0px !important;
	
}



/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }