/*
Welcome to the !
Authored by the Tombras Group, www.tombras.com */

/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/


html { 
height: 100%; margin-bottom: 1px; 
background: #E6E6E6 url(../_images/bg-gradient.jpg) repeat-x left top;
}
body {
	margin: 0;
	padding: 0 0 0 0;
	font: 12px/20px Arial, Verdana, Arial, sans-serif;
	color: #363636;
	background: url(../_images/global-bg.jpg) no-repeat center top;
border-top: 1px solid #FFF;
height: 100%; /* this makes the bg visible below footer... check IE6 for compatability */
	}

body * {margin: 0;padding: 0;}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 12px; font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #6D231A;text-decoration: none;}
a:visited {color: #854B40;}
a:hover {color: #710101; text-decoration: underline;}

a.external{
background: url(../_images/external.gif) no-repeat right center;
padding-right: 12px;
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

a.print-me{
background: url(../_images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url(../_images/pdf-icon.gif) no-repeat right center;
padding-right: 20px;
}

.flt-right{
float: right;
}

.flt-left{
float: left;
}


/* 
main-content : this div centers and restrains content to a static width
---------------------------------------------------- */

/***  HACK IE ***/
* html div#global-bg{
background: url(../_images/stripe-bg.gif) repeat-x 0 35px;
}

div#global-bg{
background: url(../_images/stipe-bg.png) repeat-x 0 35px;
}

/* 
content-wrapper : this div contains the semi-transparent png grunge on red stripe
---------------------------------------------------- */

/***  HACK IE ***/
* html div#content-wrapper{
background: none;
border-top: 1px solid #FFF;
margin-bottom: 20px;
}

div#content-wrapper{
background: url(../_images/stripe-splatter.png) no-repeat center top;
border-top: 1px solid #FFF;
margin-bottom: 20px;
}

/* 
main-content : this div centers and restrains content to a static width
---------------------------------------------------- */

div#main-content{
width: 960px;
margin: 0 auto;
position: relative;
}



/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
display: block;
background: #FFF;
margin-top: 17px;
border-top: 1px solid #D0D1D4;
height: 74px;
}


div#header img#logo{
margin: 16px 0 0 27px;
}

* html div#header ul#primary-nav{
background: url(../_images/primary-nav-bg.gif) no-repeat left top;
position: absolute;
width: 796px;
height: 58px;
top: 34px;
right: 0;
padding: 0 0 0 45px;
}


div#header ul#primary-nav{
background: url(../_images/primary-nav-bg.gif) no-repeat left top;
position: absolute;
width: 796px;
height: 58px;
top: 17px;
right: 0;
padding: 0 0 0 45px;
}

div#header ul#primary-nav li{
float:left;
display: block;
}

div#header ul#primary-nav li a{
display: block;
float:left;
font-weight: bold;
font-size: 16px;
color: #FFF;
letter-spacing: -1px;
padding: 18px 22px;
}

div#header ul#primary-nav li a:hover{
background: url(../_images/active-bg-alt.gif) no-repeat center top;
text-decoration: none;
}

div#header ul#primary-nav li a.active{
background: url(../_images/active-bg.gif) no-repeat center top;
}

body.subpage ul#breadcrumb{
display: block;
background: #FCD543;
margin: 33px 0 0 0;
height: 33px;
padding-left: 72px;
}

body.subpage ul#breadcrumb li{
float:left;
}

body.subpage ul#breadcrumb li a{
padding: 6px 4px;
display: block;
font-size: 20px;
color: #000;
text-transform: lowercase;
}

body.subpage ul#breadcrumb li a#active{
font-weight: bold;
}

/* 
inner-content-wrapper : this div contains most homepage content, plus has transparent bg
---------------------------------------------------- */

/***  HACK  height IE ***/
* html div#inner-content-wrapper{
background: #f3f3f3;
padding: 42px 46px 18px 46px;
height: 100%;
background-image:url(../_images/iehack.gif);
background-repeat:repeat-x;
}

div#inner-content-wrapper{
background: url(../_images/content-bg.png);
padding: 42px 46px 18px 46px;
height: 100%; /* HACK fo IE 7 */
}

body.subpage div#inner-content-wrapper{
padding: 32px 53px 18px 0;
height: 100%; /* hack for IE7 */
}

div#inner-content-wrapper:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
}

/*
----------------------------------------------------------------------------- 
Content
-----------------------------------------------------------------------------*/

/* 
primary-content : contains main content for the page
---------------------------------------------------- */

/*** HACK ***/
* html h1#tagline{
position: absolute;
top: 103px;
left: 75px;
background: url(../_images/h1-tagline.gif) no-repeat left top;
width: 192px;
height: 59px;
text-indent: -8000px;
overflow: hidden;
}


h1#tagline{
position: absolute;
top: 103px;
left: 75px;
background: url(../_images/h1-tagline.png) no-repeat left top;
width: 192px;
height: 59px;
text-indent: -8000px;
overflow: hidden;
}

div#primary-content h3{
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
margin: 0 0 5px 0;
}

div#primary-content{
width: 536px;
float:left;
}

div#alpha-img{
margin-bottom: 11px;
}

/* html .iebox{
background-color: #efefef;
padding: 4px;
}*/

/***  HACK  height IE ***/
* html div#subcolumn-container{
background: #FFF;
border: 1px solid #DFDFDF;
padding: 10px;
position: relative;
height: 100%;
}

div#subcolumn-container{
background: #FFF;
border: 1px solid #DFDFDF;
padding: 10px;
height:100%;
}

div#subcolumn-container:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
}

div#primary-content div.subcolumn{
width: 48%;
float:left;
}

div#primary-content div.subcolumn.last{
float: right;
}

div#primary-content div.subcolumn.last p{
font-size: 10px;
line-height: 13px;
}

div#scroll-list{
background: #F5F5F5;
border: 1px solid #DCDCDC;
padding: 10px;
height: 200px;
width: 224px;
overflow: auto;

}

div#scroll-list ul li{
font-size: 10px;
line-height:11px;
margin: 0 8px 10px 8px;
padding: 0 0 0 20px;
background: url(../_images/bullet.gif) no-repeat 0 2px;
}

div#scroll-list span.date{
display: block;
font: bold italic 9px/16px Arial, Verdana, Arial, sans-serif;
} 

div#scroll-list span.date a{
color: #b51a1a;
}

div#scroll-footer {
background: #FBE58A;
text-align: center;
}

div#scroll-footer p{
margin: 0;
font-size: 10px;
line-height: 16px;
}

div#promotional-visual{
width: 99px;
float: right;
margin: 20px 0 0 8px;
}

div#promotional-visual h4{
font-size: 10px;
line-height: 11px;
margin: -4px 0 0 4px;
}
.home-stuff{
background-image:url(../_images/promotional-template-2.gif);
background-repeat:no-repeat;
height: 261px;
padding:0 30px 0 0;


}
.home-stuff-content{

text-align: left;
padding: 42px 0 0 28px;


}

.cool-stuff{
padding-bottom: 8px;
line-height: 22px;

} 



/* Primary Content - Subpage
---------------------------------------------------- */

body.subpage div#primary-content{
float: right;
width: 750px;
}

body.subpage div#primary-content div.content-block{
margin: 0 0 40px 0;
float:left;
}

body.subpage div#primary-content h2.tab-header{
background: red;
width: 90px;
text-align: right;
line-height: 12px;
text-transform: uppercase;
padding: 12px 0 0 0;
background: url(../_images/tab-header-people.gif) no-repeat right top;
float: left;
margin: 20px 10px 0 0;
}

body.subpage div#primary-content h2.tab-header.products{
background-image: url(../_images/tab-header-products.gif);
}

body.subpage div#primary-content h2.tab-header.community{
background-image: url(../_images/tab-header-community.gif);
}

body.subpage div#primary-content h2.tab-header.favorites{
background-image: url(../_images/tab-header-favorites.gif);
}

body.subpage div#primary-content h2.tab-header.kids{
background-image: url(../_images/tab-header-kids.gif);
}

body.subpage div#primary-content h2.tab-header.register{
background-image: url(../_images/tab-header-register.gif);
}

body.subpage div#primary-content h2.tab-header.register{
background-image: url(../_images/tab-header-register.gif);
}

body.subpage div#primary-content h2.tab-header.join{
background-image: url(../_images/tab-header-join.gif);
}

body.subpage div#primary-content h2.tab-header.locations{
background-image: url(../_images/tab-header-locations.gif);
}

body.subpage div#primary-content h2.tab-header.privacy{
background-image: url(../_images/tab-header-privacy.gif);
}

body.subpage div#primary-content h2.tab-header.feedback{
background-image: url(../_images/tab-header-feedback.gif);
}

body.subpage div#primary-content h2.tab-header.photos{
background-image: url(../_images/tab-header-photos.gif);
}
body.subpage div#primary-content h2.tab-header.promotions{
background-image: url(../_images/tab-header-promotions.gif);
}
body.subpage div#primary-content h2.tab-header.community-notes{
background-image: url(../_images/tab-header-community.gif);
}
body.subpage div#primary-content h2.tab-header.notes{
background-image: url(../_images/tab-header-notes.gif);
}

body.subpage div#primary-content h2.tab-header.map{
background-image: url(../_images/tab-header-map.gif);
}

body.subpage div#primary-content h2.tab-header.empty{
background-image: url(../_images/tab-header-map.empty);
}

body.subpage div#primary-content div.content-body{
float:left;
width: 600px;
background: #FFF;
padding: 20px;
}
/** style the sub content blocks only **/
.sub-content-block h1{
font-size: 16px;
font-weight:bold;
}
.sub-content-block h2{
font-size: 14px;
font-weight:bold;
}
.sub-content-block h2{
font-size: 14px;
font-weight:bold;
}
/** inline images**/
.floater-right{
float: right;
margin-left: 12px;
padding-left: 12px;
}
.floater{
float: left;
margin-right: 12px;
padding-right: 12px;
}
.sub-content-block li{
list-style:disc;
list-style-position:inside;
padding-top: 6px;
padding-bottom: 0px;

}
/*** form styles **/
#registration{
margin: 0px;
padding: 12px;
border: 1px solid #efefef;
}
.copy{
font-size: 10px;
display: inline;
padding: 0 8px;
font-weight: bold;
line-height: 28px;
color:#333333;
}

/* Secondary Content
---------------------------------------------------- */

div#secondary-content{
width: 300px;
float:right;
text-align: center;
margin: 10px 0 0 0;
}

body.subpage div#secondary-content{
float:left;
width: 136px;
text-align: right;
}

body.subpage div#secondary-content ul#secondary-nav{
margin: 0;
border-right: 1px solid #CFCFCF;
padding-right: 8px;
}

body.subpage div#secondary-content ul#secondary-nav li{
margin-bottom: 10px;
}

body.subpage div#secondary-content ul#secondary-nav li a{
display: block;
padding-right: 18px;
background: url(../_images/subpage-bullet.gif) no-repeat right top;
text-transform: uppercase;
line-height: 12px;
}

body.subpage div#secondary-content ul#secondary-nav li a:hover{
/*background: #FCD543 url(/_images/subpage-bullet-alt.gif) no-repeat right top;*/
}

div#secondary-content h3{
font-weight: bold;
font-size: 12px;
line-height: 14px;
text-transform: none;
margin: 0 0 0 0;
}

.index div#secondary-content h3{
font-weight: bold;
font-size: 11px;
line-height: 9px;
text-transform: none;
margin: 0 0 6px 0;
text-decoration: underline;
list-style-type:disc;
l

}

/***** HACK ****/
* html div#promotional-register a{
position: absolute;
top: 92px;
right: 75px;
width: 248px;
height: 36px;
background-image: url(../_images/vip-register.gif);
background-repeat:no-repeat;
background-position:top;
text-indent: -8000px;
overflow: hidden;
}

/*div#promotional-register a{
position: absolute;
top: 75px;
right: 75px;
width: 248px;
height: 36px;
 background: url(../_images/vip-register.gif)no-repeat left top;
text-indent: -8000px;
overflow: hidden;
}*/

div#promotional-register a{
position: absolute;
top: 75px;
right: 75px;
width: 248px;
height: 36px;
background-image: url(../_images/vip-register.gif);
background-repeat:no-repeat;
background-position:top;
text-indent: -8000px;
overflow: hidden;
}

.kids-bg{
background-image:url(../_images/kids-bg-1.jpg);
background-position:right;
background-repeat:no-repeat;


}
.mcd{
text-transform:none;
}

/* forms  */
.lbl{
width: 100px;

margin-top: 12px;

}
.validation-advice{
color: red;
margin-bottom: 0px;
padding: 0px;
}
/* voting */

#vote li{

list-style-type:none;
background-position:left;
}

.underline{
text-decoration:underline;

}

/* 
content footer : this div contains the semi-transparent rounded footer
---------------------------------------------------- */

/*** HACK ***/

* html div#content-footer{
display: block;
height: 18px;
background: #f3f3f3;
}

div#content-footer{
display: block;
height: 18px;
background: url(../_images/content-bottom-cap.png);
}


/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
background: url(../_images/global-footer-bg.gif) repeat-x left top;
text-align: center;
height: 29px;
}

div#footer{
margin: 0;

}

div#footer ul li{
display: inline;
}

div#footer ul li a{
display: inline;
padding: 0 8px;
font-weight: bold;
line-height: 28px;
color: #b51a1a;
}

div#footer address{
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

form fieldset{
border: 1px solid #DDD;
width: 95%;
margin: 0 0 30px 0px;
padding: 15px 30px 40px 50px;
background: #FFF;
}

form legend{
padding: 0 10px;
text-transform: uppercase;
font-size: 10px;
}

form p{
margin-bottom: 10px;
clear; both;
}

form label{
display: block;
font-size: 14px;
text-transform: uppercase;
color: #696055;
letter-spacing: -1px;
}

form textarea{
height: 300px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;

}

form p input,
form textarea{
width: 90%;
border-top: 2px solid #999;
border-left: 2px solid #999;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
font-size: 18px;
}

form p.short input{
width: 155px;
}

form p.checkbox input{
width: auto;
}

form p.submit input{
width: auto;
background: #333;
color: #FFF;
padding: 3px 9px;
display: block;
margin: 0 auto;
}

form address{
font-style: normal;
font-size: 14px;
}

div.success{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div.failure{
background: #FFF;
padding: 10px;
text-align:center;
height: 300px;
}

div#content div.success h1{
font-size: 24px;
}

div#content div.failure h1{
color: red;
font-size: 24px;
}

form em{
color: #8F3023;
}

form select option{
margin-right: 5px;
}

/*
----------------------------------------------------------------------------- 
Table Styles
-----------------------------------------------------------------------------*/


/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/