@charset "utf-8";
/* CSS Document */

html, body {
 	margin: 0;
}
 
/* Set medium text size smaller */
body {
	font-size: 85%;
	background: url(../images/sitebg.jpg) no-repeat top;
	background-color: #1a1001;
}

#page-w {
	width: 994px;
	position: relative;
	margin: 0 auto;
	z-index: 5;
}

/* outer page wrapper */
#outer-w {
	width: 100%;
	position: relative;
	margin: 0;
	z-index: 10;
}

/* header area */
#header {
	width: 100%;
	height: 162px;
	position: relative;
	margin: 0;
	z-index: 15;
}

.logo {
	width: 479px;
	height: 151px;
	position: absolute;
	left: 10px;
	top: 0;
	z-index: 20;
}

/* main nav */
#nav {
	height: 36px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: center;
	z-index: 25;
}
 
#nav ul {
	margin: 0;
	padding: 0;
}
 
#nav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 36px;
	width: 142px;
	list-style: none;
	display: block;
	float: left;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: white;
}
 
#nav ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: white;
	padding-top: 10px;
}

#nav ul li:hover, #nav ul li.active,  #nav ul li:hover a, #nav ul li.active a {
	color: black;
	background-color: rgb(251,250,246);
}

/* content area */
.inner-w {
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	margin: 0 0 0 0;
	z-index: 15;
}

.topcontent {
	width: 100%;
	height: auto;
	min-height: 120px;
	background: url(../images/topbg.jpg) repeat;
	margin: 0;
	position: relative;
}

.btmcontent {
	overflow: hidden;
	margin-top: 10px;
}

.content {
	width: 644px;
	height: auto;
	float: left;
	margin: 0 10px -5000px 0;
	padding-bottom: 5000px;
	background: white;
}

.contentr {
	width: 340px;
	height: auto;
	float: left;
	margin: 0 0 -5000px 0;
	padding-bottom: 5000px;
	background: rgb(157,35,39);
}

.contentf {
	width: 100%;
	height: auto;
	float: left;
	margin: 0 10px -5000px 0;
	padding-bottom: 5000px;
	background: white;
}

.contentr h1, .contentr h2, .contentr h3, .contentr h3 a, .contentr h4, .contentr p, .contentr a {
	color: white;
}

.eibtn {
	width: 125px;
	height: 120px;
	position: absolute;
	bottom: -67px;
	right: -15px;
}

.inner-c {
	padding: 10px;
}

.clear {
	clear: both;
}

.line {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.notop {
	padding-top: 0;
	margin-top: 0;
}

.smalltop {
	margin-top: 5px;
}

/*Quiz Answers*/
.qexplain {
	display: none;
}

/* footer area */
#footer {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 10px;
	font-size: .85em;
	text-align: left;
	z-index: 50;
}

#footcopy {
	width: 100%;
	font-size: .85em;
}

#footer p, #footer a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* hidden areas */
#header h1, #header h2, .hidden, #nav h3 {
	display: none;
}

/*gets rid of dotted line outline on links in firefox*/
a:focus { -moz-outline-style: none; }

/*gets rid of blue line around images*/
img { border-style: none;}

/* Text Style */
h1,h2,h3,h4,h5,h6, p, table, li {
	font-family: Times, "Times New Roman", Georgia, serif;
	font-weight: normal;
}

.san-serif {
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	font-size: .9em;
}

h1 {
	font-size: 2.2em;
	color: rgb(158,41,47);
	margin-bottom: 0;
	margin-top: 2px;
}

h2 {
	font-size: 2em;
	color: rgb(158,41,47);
	margin-bottom: 0;
	margin-top: 4px;
}	

h3 {
	font-size: 1.7em;
	color: rgb(158,41,47);
	margin-bottom: 0;
	margin-top: 6px;
}

h4 {
	font-size: 1.4em;
	color: rgb(158,41,47);
	margin-bottom: 0;
	margin-top: 8px;
}

h2 a, h3 a, h4 a {
	color: rgb(158,41,47);
	font-size: .8em;
	font-weight: bold;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}

p, table, li, a {
	font-size: 1em;
	color: #000;
}

a:hover {
	color: #666;
}

.reditalic {
	color: rgb(158,41,47);
	font-style: italic;
	font-weight: bold;
}

.redbold {
	color: rgb(158,41,47);
	font-weight: bold;
}

.black {
	color: black;
}

li {
	padding-bottom: 10px;
}

/* Hide field for spam protection */		
#LastName{
    position:absolute;
    text-decoration:underline;
    background-color:#CC0000;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}

/*ceebox*/
/* CeeBox CSS Document */
/* Minor change made for 2.0.6 */
/* Works with 2.0.4 and up */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;}/*
html,body{height:100%;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_closeBtn 		{ background-image: url(../images/cee-close-btn.png); }
#cee_next 			{ background-image: url(../images/cee-next-btn.png); }
#cee_prev 			{ background-image: url(../images/cee-prev-btn.png); }
* html #cee_next 	{ background-image: url(../images/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev 	{ background-image: url(../images/cee-prev-btn.gif); } /* IE6 hack */
#cee_load 			{ background-image: url(../images/AAloader.gif);}
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js  */
#cee_box			{background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* ---------->>> ceebox specific css minimized <<<-----------------------------------------------------------*/
#cee_box{font:12px Arial,Helvetica,sans-serif;color:#333;background-color:#fff}#cee_count{font:10px Arial,Helvetica,sans-serif;-moz-opacity:0.8;opacity:0.8;clear:left;float:left;padding:2px 0 4px}.cee_html #cee_title h2{float:left}.cee_html #cee_count{clear:none;padding-left:5px}* html #cee_count{zoom:1;padding-bottom:6px}#cee_next,#cee_prev{height:100%;width:49%;text-indent:-10000px;text-decoration:none;visibility:visible;background-repeat:no-repeat}#cee_box a{border:0;outline:none}#cee_box a:link{color:#666}#cee_box a:visited{color:#666}#cee_box a:hover{color:#000}#cee_box a:active{color:#666}#cee_box a:focus{color:#666}#cee_closeBtn{background-repeat:no-repeat;display:box;width:24px;height:23px;position:absolute;text-indent:-10000px} #cee_closeBtn{top:-3px;right:-3px}#cee_closeBtn,#ie8#hack{top:-10px;right:-10px}*:first-child+html #cee_closeBtn{top:-3px;right:-3px} * html #cee_closeBtn{top:-3px;right:-3px}#cee_closeBtn:hover{background-position:0px -23px}.cee_close{cursor:pointer}#cee_box{text-align:left;color:#000}#cee_box img#cee_img,#cee_vid,#cee_iframeContent,#cee_ajax{display:block;margin:15px 15px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}#cee_title{padding:7px 15px 5px 15px;overflow:hidden}.cee_html #cee_title{background-color:#e8e8e8;height:18px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}#cee_title h2{font-size:1em;font-weight:400;margin:0 0 1px}#cee_ajax{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}#cee_load{display:none;height:50px;width:50px;margin:-25px 0 0 -25px;background-position:center center;background-repeat:no-repeat}#cee_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}* html #cee_HideSelect{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}#cee_iframe{clear:both;border:none;margin-bottom:-1px;margin-top:1px}


/*	GALLERY ITEMS
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

#image_wrap {
	text-align: center;
}

#image_wrap img {
	margin: 0 auto;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 270px;
	height:135px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:5px 5px 0px 0px;
	cursor:pointer;/*

	width:105px;
	height:130px;
*/
}

/* active item 
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}*/

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:14px;
	height:34px;
	float:left;
	margin:35px 5px;
	cursor:pointer;
	font-size:1px;
}

a.right {
	background:url(../images/rarrow.png) no-repeat;
}

a.left {
	background:url(../images/larrow.png) no-repeat;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/*End Gallery*/