/* CSS Document */
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Levé CSS Styles
Author : Josh Hemsley	
Email : josh.hemsley@phoogoo.com
We Are : Phoogoo(www.phoogoo.com)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/



p {margin-top:10px;}
.base a {
	color:#B87438;
	letter-spacing:-1px;
	
	
	font-weight:bold;
	text-decoration:none;

}
.basea:hover {color:#a55610; text-decoration:underline;}
.base h3 a, .base h2 a, .base h1 a{color:#67803d; letter-spacing:2px;}


.base h2 {
	font-size:16px;
	letter-spacing:2px;
}


/****************************************************** 
					BODY/STRUCTURE
******************************************************/	

html {
background:url("../images/bg_html.jpg") repeat-x center top #f4f7f1;
}
	
body {
padding: 0;
margin: 0;
background: url("../images/bg_body.jpg") no-repeat top center;
height: 1200px;
width: 100%;
display: table;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#727272;
line-height:18px;
}

.container{margin-left:auto;margin-right:auto;width:960px}
.container img{padding:2px; }


.base {
width:990px;
margin:auto;
padding-top:10px;
background: url("../images/bg_baseshadowed.png") repeat-y top center;
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg_baseshadowed.png",
sizingMethod='scale');

}

.bottom_shadow {	
clear:both;
width:990px;
height:32px;
margin:0px auto;
background: url("../images/bg_bottomshadow.jpg") no-repeat center center;
margin-bottom:15px;
}


/****************************************************** 
					HEADER
******************************************************/	

h1.logo a{
display:block;
position:relative;
float:left;
margin:75px 0px 0px 18px;
text-indent:-9999px;
height:102px;
width:199px;
background: url("../images/logo.png") no-repeat center center;
}










/****************************************************** 
					HOMEPAGE
******************************************************/	
.home_feature_bg .pad{padding:15px 15px 10px 15px;}
.home_feature_bg {
margin: 0px auto;
width:940px;
height:225px;
background:url("../images/home_feature_bg.jpg") no-repeat center center;
}
.home_feature_bg .image{
float:left;
width:400px;
height:200px;
background: url("../images/img_homefeature.png") no-repeat center center;
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img_homefeature.png",
sizingMethod='scale');
}
.home_feature_bg .content{
float:right;
width:392px;
height:200px;
color:#edebe7;
font-size:14px;
margin-right:35px;
line-height:21px;
}

.home_feature_bg .title {
width:392px;
height:75px;
text-align:right;
font-size:12px;
font-weight:bold;
color:#e7e0af;
line-height:40px;
background: url("../images/img_featuretitle.png") no-repeat center center;
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/img_featuretitle.png",
sizingMethod='scale');
}




table.detailstable { 
font-family:arial;
font-size:10pt;
width:100%;
}
th.detailstable{font-size:10pt; color:white;}
tr.detailstable{vertical-align:center;}
td.detailstable  {  
font-size:14px;
background-color:#f2f2f2;
border-style:solid;
border-width:0px;
text-align:right;
padding-right:4px;
font-weight:bold;
}
td.detailstable_l  {
font-size:14px;
background-color:#f2f2f2;
border-style:solid;
border-width:0px;  
text-align:left;
padding-left:4px;
padding-top:4px;
padding-bottom:4px;
}








/****************************************************** 
					Title Bars
******************************************************/	

.titlebar {
height:45px;
width:939px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
padding:0px 0px 0px 20px;
line-height:47px;
color:#edebe7;
font-family:Helvetica,Arial, sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
}

.titlebar_split_l {
width:471px;
float:left;
height:45px;
margin-top:10px;
margin-bottom:10px;
padding:0px 0px 0px 20px;
line-height:47px;
color:#edebe7;
font-family:Helvetica,Arial, sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
}
.titlebar_split_r {
width:448px;
float:left;
height:45px;
margin-top:10px;
margin-bottom:10px;
padding:0px 0px 0px 20px;
line-height:47px;
color:#edebe7;
font-family:Helvetica,Arial, sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
}


.titlebar span, .titlebar_split_r span, .titlebar_split_l span{
font-family:Helvetica,Arial, sans-serif;
font-size:14px;

font-weight:normal;
letter-spacing:0px;
}

.redbg {
background:url("../images/titlebar_red.jpg") repeat-x top center;
}
.purplebg {
background:url("../images/titlebar_purple.jpg") repeat-x top center;
}
.greenbg {
background:url("../images/titlebar_green.jpg") repeat-x top center;
}
.brownbg {
background:url("../images/titlebar_brown.jpg") repeat-x top center;
}







/****************************************************** 
				Global Strucutre Elements
******************************************************/	

.splt_col {width:415px;}

.left {float:left; margin-left:40px;}
.right {float:right; margin-right:40px;}

.col_title {
font-size:22px;
line-height:22px;
color:#7c6c59;
font-family:Arial, Helvetica, sans-serif;
letter-spacing: 0px;
font-weight:bold;
margin-bottom:10px;
}



.col_title span {
color:#7c935b;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;

letter-spacing:0px;
font-weight:normal;
line-height:40px;
}

.sponsors_phoogoo {
width:959px;
background:url("../images/sponsors_bg.jpg") repeat-x center center;
height:139px;
margin-top:25px;
margin:auto;
}
.sponsors_phoogoo .pad{padding:10px 35px 10px 35px;}

.sponsors_phoogoo a.logo{
width:263px;
height:110px;
display:block;
background: url("../images/phoogoo_logo.png") no-repeat center center;
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/phoogoo_logo.png",
sizingMethod='scale');
float:right;
text-indent:-9999px;
}
.sponsors_phoogoo .content{
float:left;
width:595px;
color:#BBD7E1;
line-height:18px;
padding-top:15px;
}

.sponsors_phoogoo .content .title{
background-color:#316B80;
color:#EAF3F01;
font-size:14px;
font-weight:bold;
padding:4px 10px;
}

a.phoogoo_banner {
width:960px;
margin:auto;
height:192px;
background: url("../images/phoogoo_footerbanner.jpg") no-repeat center center;
display:block;

}




/****************************************************** 
					SUBPAGE STRUCTURE
******************************************************/	
.sub_maincol{
width:675px;
float:left;
border-left:2px solid #eff1ec;
line-height:24px;
font-size:14px;
}
.sub_maincol .pad{
padding:35px 45px 35px 45px;
}

.sub_maincol h1{
color:#84735f;
font-size:28px;
font-weight:bold;
letter-spacing:-2px;
text-transform:uppercase;
}
.sub_maincol h3{
color:#7c935b;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
margin-top:25px;
}
.sidebar {
width:210px;
float:left;
background:url("../images/bg_sidebar.jpg") no-repeat top left;
}
.sidebar .pad{
padding:35px 15px 15px 15px;
}
.sidebar h2{
margin:auto;
color:#7c935b;
font-size:24px;
font-weight:bold;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-2px;
}

.sidebar ul {list-style:none; padding-left:25px; padding-right:25px; margin-top:12px;}
.sidebar ul li{padding:11px 0px 0px 0px;}

.sidebar ul li a{
list-style:none;
font-size:16px;

color:#7c6c59;
font-weight:normal;
}
.sidebar ul li a:hover{
list-style:none;
font-size:16px;

color:#88a5a0;
}
.sidebar ul li.current a{
list-style:none;
font-size:16px;

color:#9D8A72;
font-weight:bold;
}






/****************************************************** 
				    	FORMS
******************************************************/	
.newsletter_input {
	background:#383948;
	width:190px;
	height:25px;
	border:0px;
	line-height:25px;
	text-indent:10px;
	color:#FFFFFF;
	fonts-size:12px;
	}
.submit_btn {
	border:0px;
	cursor:pointer;
	color:#B87438;
	background:transparent;
	letter-spacing:-1px;
	
	font-size:14px;
	text-align:right;
	font-weight:bold;
	}	
.submit_btn:hover {color:#a55610; text-decoration:underline;
	}


/****************************************************** 
				    	SCROLLER
******************************************************/	
.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #EAF3F0;
overflow: scroll; /*leave this value alone*/
width: 865px; /*Width of Carousel Viewer itself*/
height: 130px; /*Height should enough to fit largest content's height*/
background-color:#EAF3F0;
margin:auto;
border:1px solid #d8e5e1;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/****************************************************** 
				    	COUNTER
******************************************************/	
.countdown{
position:relative;
float:right;
margin:0px 0px 0px 0px;
background:#252525;
padding:10px 6px 10px 6px;
}

.counter_numbers{ /*EDIT LAYOUT IN JAVASCRIPT*/
background-color:transparent;
color:#edebe7;
font: bold 20px Arial, Helvetica, sans-serif;
padding: 1px;
float:left;
text-align:center;
width:45px;
letter-spacing:-1px;
}
.counter_colon{
background-color:transparent;
color:white;
font: bold 20px Arial, Helvetica, sans-serif;
padding-top: 0px;
padding-bottom:1px;
float:left;
text-align:center;
letter-spacing:-1px;
}

.counter_numbers span{
font-size: 11px;
color:#D6C093;

text-align:center;
letter-spacing:0px;
}

.counter_eventtitle{ /*Example CSS to create LCD countdown look*/
background-color:transparent;
padding: 3px;
float:left;
text-align:left;
margin-left:4px;
color:#D6C093;
line-height:12px;
letter-spacing:-1px;
padding-top:10px;
}
.counter_eventtitle .sm{font-size: 12px; }
.counter_eventtitle .lg{font-size: 14px; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
















/****************************************************** 
					NAVIGATION
******************************************************/

#nav {/* nav holder */
width:100%;
height:48px;
margin:51px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;

}

#nav ul { /* all ul*/
display: block;
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
display: block;
float:right;
height:48px;
list-style: none;	
}

#nav li { /* all li */
float: left;
display: inline;
list-style-type: none;
text-align: left;
width: auto;
}

#nav ul li.divider{
display:block;
float:left;
background: url("../images/nav_divider.jpg") no-repeat bottom center;
height:47px;
width:2px;
}

#nav ul li a{
display:block;
height:48px;
width:auto;
padding:0px 16px 0px 16px;
line-height:58px;
text-shadow:#171717 0px 1px;
color:#f4f6f7;
font-size:14px;
font-weight:normal;
text-align:center;
text-decoration:none;

}

#nav ul li a:hover, #nav ul li.current a{
background: url("../images/nav_hover.jpg") repeat-x bottom center;
color:#878787;
text-shadow:#1e1e1e 0px 1px;
}

  
#nav li ul { /* second-level ul */
position: absolute;
left: -999em;
height:auto;
z-index:3000;
background:url("") repeat-x top #202020;
}

#nav li li {/* second-level li */
padding:0;
margin:0;
width:175px;
height:35px;
line-height:35px;
text-align:left;
float:none;
font-size: 14px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
padding-top:10px;
}

#nav li li a, #nav ul li.current li a{
text-indent:8px;
margin:0;
height:27px;
display:block;
text-decoration: none;
text-align:left;
background:none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 27px;
font-weight: normal;
border-bottom: 0px dashed #660000;
width: 250px;
padding: 0;
color:#fefdf9;
text-shadow:0px 0px;
font-style:normal;
font-size:12px;
 }

#nav li li a:hover, #nav ul li.current li a:hover {
text-indent:10px;
font-weight: bold;	
color: #f1f5ec;
background-color:#0e0e0e;
text-shadow:#841e27 0px 0px;
font-style:normal;
font-size:12px;
width:200px;
background-image:none;
}

#nav li:hover ul,  #nav li li:hover ul,  #nav li li li:hover ul,  #nav li.sfhover ul,  #nav li li.sfhover ul, #nav li li li.sfhover ul  { /* lists nested under hovered list items */	
width: 200px;
padding: 0px;
z-index:3002;
margin-top:0px;	
left: auto;
}







/****************************************************** 
					CLEARS & FIXES
******************************************************/	


/*-  IE FIXES--------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-  CLEARS--------------------------- */
.clearboth{clear:both;}