/* layout styles */
/* styles that affect the wysiwyg and general styling are in content.css */

/* style body tag, affects all pages, font styles, etc set in content.css */
body {
    background: url(/art/bg.jpg);
    background-repeat: repeat-x;
    margin-bottom: 0px;
    height: 100%;
    color: #000;
    font: normal 12px arial, helvetica, sans-serif;
    background-color: #e3e3e3;
    height: 100%;
    font-size: 12px;
    text-align: left;
}


img
{
    border: none;
    margin: 0px;
    padding: 0px;
    /* fix IE adding extra white space: */
    display: block;
}


/* ---------- main blocks ----------  */
/* page wraps all served pages */
#page {
    /* set width to % for flexible width, set to px for constant width */
    width: 900px;
    min-width: 760px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

/* ---------- GENERAL STYLES ---------- */
/* floatables */
.floatleft
{ 	float: left; }
.floatright
{	float: right; }
.clearfloats
{	clear: both; }
/* highlight marker style */
.hilight
{	background: #ff0; color: #000; }
/* add other styles needed within the wysiwyg editor here */


/* ---------- index page style ----------- */
/* container for content in index page */
#index
{	background: #fff; font-size: 11px; margin-left:auto;margin-right:auto; width:100%}
#index h1
{ 	color: #555; font-size: 18px; margin: 4px 4px;}
#index p
{ 	margin: 4px 0px;}


/* ---------- content pages style---------- */
/* container for content in content pages */
#content
{
    background: #480000;
    font-size: 12px;
    background-image: url(/art/contentbg.jpg);
    background-repeat: repeat-x;
    height: 100%;
    padding-top: 20px;
}

#content .featureimg
{	margin: 0px -10px; }

#content #bodyimages
{	float: right; margin-left: 10px; }

#content .bodyimage
{	margin-bottom: 10px; }

/* div or cell class for editable body text */
#content .body
{
    background: #fff;
    width: 100%;
    padding: 0px 25px;
    min-height: 400px;
    padding-bottom: 10px;
    border: 1px solid #979797;
}


/* container for header and main top nav */
#top
{ border-bottom: none; margin-top: 0px;}

/* class for the middle content div or table of both content and index pages */
.contentblock {
    height: 553px;
    background-image: url(/art/contentbg.jpg);
    background-repeat: repeat-x;
}

.contentblockIn {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    height: 553px;
    background-image: url(/art/contentbg.jpg);
    background-repeat: repeat-x;
}

/* ---------- header ---------- */
/* header container */
#header {
    width: 900px;
}
#header .logo
{	margin: 0px 10px; }
#header #searchform {
    margin: 5px;
    padding: 0px;
}
#searchform input.searchtext {
    width: 120px;
    border: 1px solid #ccc;
    margin-top: 3px;
    margin-right: 10px;
}

.headerText {
    color: #a8a8a8;
}

.headerText a:link, .headerText a:visited, .headerText a:active {
    color: #a8a8a8;
}

.headerText a:hover {
    text-decoration: none;
}

/* ---------- right bar ---------- */
#rightbar
{	margin: 0px; padding: 0px; width: 260px; background: #cde;}

/* container for header and main top nav */
#top
{ border-bottom: none; margin-top: 0px;}


/* top navigation with dropdowns */

#topnav {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
    font-weight: lighter;
    border-right: 1px solid #8C0000;
    border-left: 1px solid #8C0000;
}

#topnav .sections {
    position:relative;
    left:0px;
    top:0px;
    margin:0px;
    background: #8c0000;
    /* background: url(/images/uploaded/layout/nav_bg_default.gif);  */
    height:34px;
    padding-left: 85px;
    text-align: center;
}

#topnav .sections li.section {
    position:relative;
    list-style:none;
    float:left;
    padding:0px;
}

#topnav .sections li.section a {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    display:block;
    float:left;
    margin:0px;
    line-height:34px;
    padding: 0px 7px 0px 7px;
    color:#fff;
}

#topnav .sections a.current {
    background: url(/art/currentbg.gif);
    background-repeat: repeat-x;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

#topnav .sections li.over, #topnav .sections li.section:hover {
    background: url(/art/hoverbg.gif);
    background-repeat: repeat-x;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    margin-left: -1px;
    margin-right: -1px;
    /* background: url(/images/uploaded/layout/nav_bg_hover.gif); */
}


#topnav .sections li.section ul { display:none; }
#topnav .sections li.section:hover ul,
#topnav .sections li.over ul { display:block; }

#topnav .sections li.section ul {
    position:absolute;
    top:33px;
    left:0px;
    padding:0px;
    margin:0px;
    border-top: 1px solid #666;
    width:178px;
}

#topnav .sections li.section ul li {
    list-style:none;
    margin:0px;
    padding:0px;
    float:left;
    width:100%;
}

#topnav .sections li.section ul li a {
    color: #ffffff;
    background: #8C0000;
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    line-height: 21px;
    margin:0px;
    padding:0px;
    display:block;
    width:100%;
    height: 25px;
}


#topnav .sections li.section ul li a:hover {
    background: #340C0C;
}


/* image caption under headline image */
.imagecaption
{ text-align: right; padding: 2px 5px;font-style: italic;}

/* convenience style for stacking columns or other block elements to the left
	ensure you clear:both after the columns for proper display */
.stackleft
{ float:left; }
/* specific styles for the setup site as examples on stacking columns */
/*  with this type of stack ensure you set a clear:both after the floated elements*/


#index .col1 {
	width:570px;
	}

#index .col2 {
	width: 330px;
	}

#index .col3
{ width: 260px; background: #eee; }

.spacing {
	padding: 15px;
	}

.mainRock {
	background: url(/art/mainRock.jpg);
	background-repeat: no-repeat;
	height: 298px;
	width: 570px;
	}

.block2 {
	background: url(/art/block2col1.jpg);
	background-repeat: no-repeat;
	width: 570px;
	height: 255px;
	}

.contest {
	background: url(/art/generic_callout_bkg.gif);
	background-repeat: no-repeat;
	width: 330px;
	height: 185px;
	}

.c2r1 {
	background: url(/art/C2R1_bkg.jpg);
	background-repeat: no-repeat;
	width: 330px;
	height: 350px;
	}

.c2r1 > div > div {
	margin: 0 20px;
}

.holiday {
	background: url(/art/holiday.jpg);
	background-repeat: no-repeat;
	width: 330px;
	height: 165px;
	}

.video {
	background: url(/art/video.jpg);
	background-repeat: no-repeat;
	width: 330px;
	height: 100px;
	}

.email {
	background: url(/art/email.jpg);
	background-repeat: no-repeat;
	width: 330px;
	height: 103px;
	}

/* ---------- footer ---------- */
#footer {
	background: url(/art/footerbg.gif);
	background-repeat: repeat-x;
	text-align: center;
	color: #8a8a8a;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 1.5em;
}
#footer a:link, #footer a:visited
{	text-decoration: none;	color: #8f0000;}
#footer a:hover
{	text-decoration: underline;}



/* footer navigation without dropdowns */

#footernav {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
}

#footernav .sections {
    position:relative;
    left:0px;
    top:0px;
    margin:0px;
    background: url(/art/navbg.jpg);
    background-repeat: repeat-x;
    /* background: url(/images/uploaded/layout/nav_bg_default.gif);  */
    height:34px;
    padding-left: 85px;
    text-align: center;
}

#footernav .sections li.section {
    position:relative;
    list-style:none;
    float:left;
    padding:0px;
}

#footernav .sections li.section a {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    display:block;
    float:left;
    margin:0px;
    height:34px;
    line-height:34px;
    padding: 0px 6px 0px 6px;
    color:#fff;
}

#footernav .sections li.over, #footernav .sections li.section:hover {
    background: url(/art/hoverbg.gif);
    background-repeat: repeat-x;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    margin-left: -1px;
    margin-right: -1px;
    /* background: url(/images/uploaded/layout/nav_bg_hover.gif); */
}

#facebook {
    margin: 6px;
}

#mainWrapper img
{
	display: inline;
}
/* these table and td may cause some issues with certain layouts, remove if needed */
table
{	border: none; border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px;}
td
{	vertical-align: top;  border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px;}

/* general link style */
a
{ color: #000000; }
a:link, a:visited
{ text-decoration: underline; }
a:hover
{ text-decoration: none; }

/* horizontal rule */
hr
{border: none; border-top: 1px solid #999; width: 95%; }

/* headings */
h1
{	font-size: 28px; color: #8d0000; font-weight: lighter; margin: 20px 0px;}
h2
{	font-size: 14px; color: #8d0000; font-weight: lighter; margin: 2px 0px;}
h3
{	font-size: 12px; color: #666; font-weight: bold; margin: 4px 0px;}
h4
{	font-size: 12px; color: #669; font-weight: normal; margin: 2px 0px;}
h5
{	font-size: 11px; color: #000; }
h6
{	font-size: 9px; color: #000; }



#wrapper {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}


/*Start Header CSS*/
#header {
    width: 900px;
    height: 100px;
    position: relative;
}

#searchshare {
    position: absolute;
    left: 542px;
    bottom: 0;
    text-align: right;
    width: 398px;
}
.search-box {
    width: 275px;
    height: 36px;
    overflow: hidden;
    float: right;
    text-align: left;
}
.search { padding-top: 5px; }
.input {
    width: 135px;
    height: 16px;
    padding: 3px 2px;
    margin: 5px 10px 0 0;
    vertical-align: top;
}
.keywordSearch {
    margin: 0px;
    position: relative;
    background: url(/templates/spotlets/images/searchBg.png) 0 0 no-repeat;
    padding-left: 16px;
}
.keywordSearch img {
    margin-top: 7px;
}


/*End Header CSS*/



/*Start Main Navigation CSS*/

.mainMenu { 
    clear: left;
    width: 941px;
    text-align: left;
    margin: 0;
    padding: 0;
}
#menu, #menu * {
    list-style:	none;
}
#menu {

    width: 941px;
    height: 27px;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1.0;
}
#menu li {
    display: inline-block;
    position: relative;
    text-align: left;
    margin: 0;
    padding: 0;
    z-index: 99;
}
#menu li:hover				{ visibility:	inherit; /* fixes IE7 'sticky bug' */ }
#menu li:before				{ color: #a49e5c; content: '::'; }
#menu li:first-child:before { content:""; }
#menu li:first-child		{ background: none; }
#menu ul {
    background: #9c5a28;
    opacity: .85;
    position: absolute;
    top: -999em;
    width: 151px;
    margin: 0;
    padding: 0 12px;
    border-top: none;
    overflow: hidden;
}
#menu ul li {
    display: block;
    width: 100%;
    padding: 10px 0;
    background: transparent;
    z-index: 99;
}

#menu ul li:before			{ content:""; }

#menu a {
    font: 14px/26px Arial, Helvetica, sans-serif;
    color: #4F2316;
    text-decoration: none;
    padding: 5px 14px 6px;
}
#menu ul li a {
    display: block;
    width: 100%;
    font: 12px/16px Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 14px;
    background: transparent;
}
#menu li a:hover {
    background: #9c5a28;
    color: #fff;
}
#menu ul li a:hover {
    text-decoration:underline;
}
#menu li:hover ul,
#menu li.sfHover ul {
    left:			0;
    top:			25px;
    z-index:		99;
}
ul#menu li:hover li ul,
ul#menu li.sfHover li ul {
    top:			-999em;
}
ul#menu li li:hover ul,
ul#menu li li.sfHover ul {
    left:			175px;
    top:			0;
}
ul#menu li li:hover li ul,
ul#menu li li.sfHover li ul {
    top:			-999em;
}
ul#menu li li li:hover ul,
ul#menu li li li.sfHover ul {
    left:			175px;
    top:			0;
}



/*Sub Menu Navigation CSS */
.subMenu {
    width: 179px;
    vertical-align: top;
    text-align: center;
}

.sub-menu {
    list-style-type: none;
    width: 179px;
    margin: 0px;
    padding: 0px;
}

.sub-menu li {
    background-color: #e7e2ab;
    color: #73623d;
    border-bottom: 1px solid #b1a971;
    border-top: 1px solid #fdfcf8;
    font-size: 14px;
    padding: 0 6px;
}

.sub-menu li a {
    display: block;
    padding: 9px 0;
    color: #73623d;
    text-decoration: none;
    width: 100%;
}

.sub-menu li:hover {
    background-color: #fefdeb;
}

.sub-menu .current {
    background-color: #fefdeb;
}

.heading {
    background-color: #d2c796;
    color: #73623d;
    height: 36px;
    border-bottom: 1px solid #b1a971;
}

.heading h3 {
    margin-top: 0px;
    font-weight: normal;
    font-size: 14px;
}

.heading a {
    color: #73623d;
    text-decoration: none;
}

/*End Main Navigation CSS*/

/*Start Content CSS*/

.innerContent {
    background-color: white;
    overflow: hidden;
    padding: 0px;
    vertical-align: top;
    width: 100%;
    max-width: 598px;
    overflow: hidden;
}

.imagecaption {
    font-style: italic;
    color: #57492b;
}

.content {
    background: #eae2c2 url('/templates/spotlets/images/contentBg.gif') 0 0 repeat-x;
    color: #73623d;
    font-size: 14px;
}

.content h1 {
    color: #73623d;
    font-size: 22px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.content h2 {
    margin: 0 0 10px;
    padding: 0px;
    font-weight: normal;
}

.content h3 {
    color: #73623d;
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.content .heading h3 {
    font-size: 14px;
    padding: 10px 0 11px;
}

.contentArea {
    background: #FEFEFC url('/templates/spotlets/images/homeBg.gif') 0 0 no-repeat;
    width: 941px;
}

.contentArea h3 {
    margin: 0px;
    padding: 0px;
}

.contentArea p {
    margin: 0px;
    padding: 0px;
}

.contentArea2 {
    background: #FEFEFC url('/templates/spotlets/images/homeBg.gif') 0 0 no-repeat;
    min-height: 290px;
}

.contentArea2 a {
    font-size: 14px;
    font-weight: bold;
    color: #695c39;
    text-decoration: none;
}

.contentArea2 h1 {
    color: #5d573f;
    font-size: 25px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.contentArea2 h2 {
    color: #5d573f;
    font-size: 16px;
    font-weight: lighter;
    margin: 0px;
    padding: 0px;
}

.contentArea2 h3 {
    margin: 0px;
    padding: 0px;
}

.contentArea2 p {
    margin: 0px;
    padding: 0px;
}

.contentArea2 table, .contentArea2 tr, .contentArea2 tbody, .contentArea2 td {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-spacing: 0px;
}

.linkButton {
    background: url('/art/linkButton.gif') no-repeat;
    height: 49px;
    width: 249px;
    border: none;
}
.hcontent3, .hcontent4, .hcontent5 {
    vertical-align: top;
    min-height: 150px;
}
.hcontent3 h1, .hcontent4 h1, .hcontent5 h1 {
    font-weight: lighter;
    color: #ffffff;
    margin-top: 10px;
}
.hcontent3 h1 {
    margin-left: 25px;
}
.leftBox {
    width: 300px;
    padding: 0 0 10px;
    vertical-align: top;
}

.middleImg {
    width: 327px;
    padding: 0 0 10px;
    vertical-align: top;
}

.indexContentAds {
    margin: 15px;
    width: 275px;
    min-height: 305px;
}
/*End Content CSS*/



/*search CSS*/
.searchContent {
    background-color: #fff;
    min-height: 317px;
    padding: 0 20px;
    overflow: hidden;
    color: #4F2316;
    display: block;
}

.searchContent h2 {
    padding-top: 5px;
    text-align: center;
}

.searchContent h3, .searchContent a { color: #4F2316; }