/* CSS Document */
a {cursor:pointer; margin: 0px; padding:0px;}
body { padding: 0px; margin:0px; background:#000;}
div { margin:0px; padding:0px; text-align:left;}
form { margin: 0px; padding: 0px; }
H1 { margin: 0px; padding:0px;}
H2 {margin: 0px 0px 10px 0px; padding:0px; width:99%; }
H3 {margin: 0px; padding:0px; width:100%; }
img { border:0px;}
P { margin: 15px 0px 15px 0px; padding: 0px;}

.inline{ display:inline;}
.fleft{float:left;}
.fright{float:right;}
.m5{ margin:5px 0px 5px 5px; }
.m0{ margin:0px; }
.m10{ margin:10px 0px 10px 10px; }
.m15{ margin:15px 0px 15px 15px; }
.m20{ margin:20px 0px 20px 20px; }
.p10{ padding:10px 0px 10px 10px; }
.p20{ padding:20px 0px 20px 20px; }
.p30{ padding:30px 0px 30px 30px; }

.txt14{ font: 14px/20px CalliBTRom, Georgia, sans-serif; color: #333333; line-height:17px; }
.txt14 a{ text-decoration:none; color: #57abda; }
.txt14 a:hover{ color: #9499a0; }

.txt14w{ font: 14px/20px Georgia, sans-serif; color: #FFF; line-height:17px; }
.txt14w a{ text-decoration:none; color: #57abda; }
.txt14w a:hover{ color: #9499a0; text-decoration: underline;}

.txt12{ font: 12px/18px Georgia, sans-serif; color: #b0b0b0; }
.txt12 a{ text-decoration:none; color: #b0b0b0; }


.txt12News{ font: 12px/18px Georgia, sans-serif; color: #b0b0b0; }
.txt12News a{ text-decoration:none; color:#4299d6; font-weight:bold; }
.txt12News a:hover{ text-decoration:none; color:#FFF; }

div#container{ margin:0px auto; width:990px;}
#top {display:inline; float:left; width:990px;}
div#nav{display:inline; float:left; width:990px; height:47px; position: relative;}
div#nav ul {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; position: absolute; top:0px; left:0px;}
div#nav ul li {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; position: relative;}
.logo{ margin:10px 0px 40px 290px; }
#flash{display:inline; float:left; background:url(images/greyPanelBG.gif); padding:10px; margin:0px; height:483px; border-bottom:solid 1px #3f3f3f; }
div#center{display:inline; float:left; clear:both; width:990px;}
div#leftColumn{display:inline; float:left; clear:left; width:740px; margin:10px 0px 0px 0px; }
div#rightColumn{display:inline; float:left; clear:right; width:240px; margin:10px 0px 0px 0px; padding-left:10px; }
#frame{ width:946px; padding:46px 22px 22px 22px; margin-top:10px; background:url(images/fullPanelBG.gif); }
div#footer{display:inline; float:left; clear:both; width:990px;  height: 60px; margin:15px 0px 15px 0px; }
.centerBanners{ margin:0px 10px 0px 0px; }
.whitePanel{ background:url(images/whitePanelBG.gif); width:718px; margin:10px 0px 0px 0px; padding:46px 0px 22px 22px; }
.whitePanel2{ background:url(images/whitePanelBG.gif); width:718px; margin:0px; padding:46px 0px 22px 22px; }
.titleBar{ border-bottom:1px solid #c8c8c8;}
.titleBar2{ border-bottom:1px solid #c8c8c8; }
.homeTxt{ width:700px; }
.rightPanels{ margin:10px 0px 10px 0px; padding:0px 0px 0px 4px; width:234px; background:#2f2f2f; border:1px solid #3f3f3f; }
.rightPanelTitles{ width:220px; margin:25px 0px 5px 13px; }
.rightPanelContents{ width:230px; background:#444444; padding-bottom:10px;}
.rightPanelTitles2{ border-bottom:1px solid #5f5f5f; width:210px;  }
.rightPanelTabs{ width:230px; margin:0px 0px 4px 4px; }
.priceRangeTitle{ margin:20px 0px 0px 10px; padding-bottom:10px; }
.priceRanges{ list-style:none; padding:0px 0px 0px 10px; }
.ranges{ border-bottom:1px solid #5f5f5f; width:210px; }
.ranges:hover{ background:#4e4e4e; cursor:pointer; }
.rangeIcons{ margin-left:5px; }
.rangeTxt{ margin:5px 0px 0px 15px; }
.comboBox{ padding-left: 8px; padding-top:10px; cursor:pointer;}
.banners{ padding:4px 0px 4px 0px; }

/* TAB CSS */

#optContain { float: left; width: 230px; margin: 0px; }
div.tabs > div {margin-top: 3px;}
div.tabs > div h3 {	margin-top: 0;}

UL.tabNavigation { list-style: none;  margin: 0;   padding: 0;}
UL.tabNavigation LI { display: block; float:left;}

#opt1 { float: left; display: block; }
#opt2 { float: left; display: block; }

#tab1 { width: auto; padding: 10px; float: left;text-align: left;}
#tab2 { width: auto; padding: 10px; float: left;text-align: left;}

#tab1Cnt { float: left; padding: 0px 0px 0px 0px; } 
#tab2Cnt { float: left; padding: 0px 0px 0px 0px; }

/* END TAB CSS */


ul.MenuBarHorizontal {
	margin:0;
	padding:0;	
	list-style-type: none;
	font-weight:bold;
	cursor: default;
	width: auto;	
}

ul.MenuBarActive {
	z-index: 1000;
}

/* Dropdown box style, for borders etc */
.DropdownStyle {
    border:solid 1px #e9e8e4;
    height:expression( this.scrollHeight > 200 ? "200px" : "auto" );
    background-color:White;
    max-height:200px;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	font-weight:bold;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 210px;
	float: left;
}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
    /*background-color: #fff;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 210px;
	max-height: 200px;
	position: absolute;
	left: -1000em;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left: auto;
}

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
	width: 210px;
}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
	position: absolute;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: auto;
	top: 0;
}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
*******************************************************************************/
ul.MenuBarHorizontal ul {
}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
	display: block;
	cursor: pointer;
	background-color: #fff;
	padding:0 0 0 7px;
	color: #696660;
	text-decoration: none;
	font: 13px/20px Arial, Helvetica, sans-serif; 
}

ul.MenuBarHorizontal a:visited {
	display: block;
	cursor: pointer;
	background-color: #fff;
	padding:0 0 0 7px;
	color: #696660;
	text-decoration: none;
}

/* Menu items that have mouse over or focus have a black background and white text */
ul.MenuBarHorizontal a:hover {
	background-color: #8ec2ea;
	color: #fff;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a black background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover {
	background-color: #8ec2ea;
	color: #fff;
}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
*******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {	
	background-repeat: no-repeat;
	height: 27px;
}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
*******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}

.aligntxt1 {display: inline; float: left; margin-top: 5px;}
.singletext {display: inline; float: left; padding: 24px; width: 900px; height: auto; }
.singletext2 {display: inline; float: left; padding: 24px; width: 900px; height: auto; text-align: center; }


/*******************************************************************************
 RESOURCES
*******************************************************************************/
#resoruces {display:inline; float:left; width:700px; height:500px; margin: 0px 0px 20px 0px;}
.res-in {display:inline; width: 200px; height: 135px; float:left; padding: 15px 0px 0px 20px; margin:0;}