@media print {body {display:none;}}

html, body { 
	padding			: 0; 
	margin			: 0; 
	height			: 100%;
}

body {
	font			: normal 11px "Verdana", sans-serif;
	color			: #c8c8c8;
	background		: #a50801 url('../images/top_background.gif') top left repeat-x;
}

#container {
	margin			: 0 auto;
	width			: 750px;
	height			: auto;
	min-height		: 100%;
	background		: #a50801 url('../images/background.gif') top center repeat-y;
}

	#wide #container {
		background-image	: url('../images/background_wide.gif');
	}

	* html #container {
		height			: 100%;
	}

#main {
	float			: left;
	width			: 692px;
	height			: auto;
	background		: transparent url('../images/top.gif') top left no-repeat;
	padding			: 0 29px;
}

#top {
	float			: left;
	width			: 100%;
	height			: 101px;
	background		: transparent url('../images/header.jpg') top left no-repeat;
}

#menu {
	float			: left;
	width			: 100%;
	height			: 44px;
	background		: transparent url('../images/menu_background.gif') top left repeat-x;
}

#left {
	float			: left;
	padding			: 10px 21px 0 13px;
	width			: 295px;
	height			: auto;
	line-height		: 18px;
}

	#wide #left {
		width			: 640px;
	}

#right {
	float			: left;
	width			: 363px;
	height			: auto;
}

	#right #image {
		float			: left;
		width			: 100%;
		min-height		: 265px;	
		height			: auto;
		border-bottom	: 3px solid #333333;
		background-color: #333333;
	}
	
		* html #right #image {
			height			: 265px;
			margin-top		: -14px;
		}
	
	#right #imageSlideshowHolder {
		position		: relative;
		width			: 100%;
		height			: 265px;
	}
	
		#right #imageSlideshowHolder img {
		   position			: absolute;
		   left				: 0px;
		   top				: 0px;
		}	
	
	#right .info1, .info2 {
		float			: left;
		width			: 333px;
		padding			: 15px;
	}
	
	#right .info2 {
		background-color: #0f0f0f;
	}	
	
/* headings h1-h6 */
h1 { }

	h1 {
		font-weight		: normal;
		font-size		: 16px;
		color			: #ee001a;
		margin			: 0 0 10px 0;
	}

h2 { }

	h2 {
		font-weight		: bold;
		font-size		: 11px;
		margin			: 0 0 7px 0;
	}

h3 { }

h4 { }

h5 { }

h6 { }





/* paragraph and link styles */
p { }

	p {
		margin			: 0 0 10px 0;
		line-height		: 18px;
	}

a { }

	a {
		color			: #cf0a00;
		text-decoration	: underline;
	}

	
/* forms */
input, select {
	font			: normal 11px "Verdana", sans-serif;
	width			: 170px;
	color			: #c8c8c8;
	border			: 1px solid #c8c8c8;
	background-color: #333333;
	margin-bottom	: 5px;
	padding			: 4px;
}

select {
	width			: 180px;
}



#menu ul {
	list-style		: none;
	margin			: 14px 0 0 0;
	padding			: 0;
	float			: left;
	display			: inline;
	padding			: 0 35px;
	z-index			: 10;
}

#menu ul li {
	height			: 44px;
	z-index			: 11;
}

#menu ul ul li {
	height			: auto;
	min-width		: 120px;
	width			: auto;
}

#menu h2 {
	color			: #fff;
	text-transform	: uppercase;
}

#menu a {
	font-size		: 11px;
	font-weight		: bold;
	color			: #c9c9c9;
	text-transform	: uppercase;
	text-decoration : none;
}

#menu a:hover {
	color			: #a00;
}

#menu a.selected {
	color			: #a00;
}

#menu li {
	position		: relative;
}

#menu ul ul {
	position		: absolute;
	top				: 16px;
	left			: -36px;
	z-index			: 10;
	border			: 1px solid #fff;
	background-color: #474747;
	padding			: 5px 0;
	opacity			: .9;
}

#menu ul ul li {
	padding			: 5px 30px 5px 10px;
}

#menu ul ul li.sub {
	background		: transparent url('../images/arrow.gif') no-repeat right;
}

#menu ul ul li a {
	font-weight		: normal;
	text-transform	: none;
}

#menu ul ul ul {
	position		: absolute;
	top				: -20px;
	left			: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}