@charset "utf-8"; /* BOOTH SITE COLOURS: black: #1a171b;*/
@import url("body.css");
@import url("content.css");


#outer_container {width: 992px; margin: 0 auto; text-align:left; }
#inner_container { position:relative; background:#FFFFFF; border: #333 solid 1px;} 

/*INSIDE CONTAINERS*/
.mainBody #header{background:#ffffff url(../images/site/booth_logo.jpg) no-repeat; background-position:40px 18px; padding: 0 10px; height:105px;} 
/*.mainBody #header img {margin: 0; margin:20px 0 0 35px;}*/
.mainBody #header_text{ float:right; position:relative; right:0px; top:40px;  width:300px; font-size:1.4em; color:#b7b8bd;}
.mainBody #header_text a{color:#b7b8bd; text-decoration:none;}
.mainBody #header_image_home {background:  #b3b4c7 url(../images/site/home_page_image.jpg) no-repeat; padding: 0 10px; height:335px; } 


/*.mainBody #menu_container{ background-color:#7e5858; position:relative; top:0px; left:0px; height:30px;}*/

/*MENU ITEMS*/
.mainBody #menu_container{ margin-left:40px; position:relative; top:0px; left:0px; width:auto; margin-top:-25px; height:25px; font-size:.85em; z-index:1;}

.mainBody #menu_container .menu_item{ float:left; width:auto; margin-right:5px;}
.mainBody #menu_container .menu_item .menu_left_tab{ float:left; background:url(../images/site/menu_tab_left.png) no-repeat; width:5px; height:25px;}
.mainBody #menu_container .menu_item .menu_name{float:left; margin:0; width:10px; color:#FFF; }
.mainBody #menu_container .menu_item .menu_right_tab{ float:left; background:url(../images/site/menu_tab_right.png) no-repeat; width:5px; height:25px;}
.mainBody #menu_container .menu_item .menu_name a.oneLine{ display:block; height:21px;background-color:#1a171b; text-decoration:none; color:#fff; font-weight:bold; text-align:center; padding:4px 0 0;  }
.mainBody #menu_container .menu_item .menu_name a.twoLines{ display:block; height:22px;background-color:#1a171b; text-decoration:none; color:#fff; font-weight:bold; margin-bottom:-5px; text-align:center;padding:3px 0 0;  }
.mainBody #menu_container .menu_item .menu_name a:hover, .mainBody #menu_container .menu_item .menu_name a.selected{ color:#fcd80a;}

/* NEWS TICKER*/
.mainBody #news_ticker_container{ position:relative; background:#1a181d url(../images/site/news_ticker.jpg) no-repeat;  background-position:40px 18px;  margin:5px 0 3px; height:70px; color:#FFF;}
.mainBody #news_ticker{ float:right;width:660px; position:relative; top:27px;font-size:1.5em; font-weight:bold;  }
.mainBody #news_ticker a{text-decoration:none;}

/*CONTENT AREA*/
.mainBody #content_container{ position:relative; top:0px; left:0px; padding:0px; min-height:400px; height:100%;}

.mainBody #content_container #colContent {background:#ffffff url(../images/site/content_bg.jpg) repeat-x; padding:15px 40px 20px 40px; 
text-align:left;width:490px; min-height:400px; height:100%; _height:300px;} 

.mainBody #content_container #colRight {background:#ffffff url(../images/site/right_col_bg.jpg) repeat-x; background-position: bottom; 
width:370px;	padding:15px 30px 20px 20px; min-height:400px; height:100%; _height:300px; }	

/*RIGHT CONTENT*/
.mainBody #right_content{ margin-top:-5px;}


/*FOOTER*/
.mainBody #footer_container { position:relative; top:0px; left:0px; background:#2d2c2c; padding: 0 10px; margin-top:20px;} 
.mainBody #footer_container p {margin: 0; padding: 10px 0;}

.fltrt { float: right;	margin-left: 8px;}
.fltlft { float: left;	margin-right: 8px;}
.clearfloat { clear:both; height:0;font-size: 1px;line-height: 0px;}
.red_text{ color:#FF0000;}

<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.mainBody #sidebar1, .mainBody #sidebar2 { padding-top: 30px; }
.mainBody #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--