/* -------------------------- <revisions> ---------------------------

Bayshore Solutions CSS Standard 

All non-general elements should be specified in their respective sections
and labeled appropriatly according to Design Standards Guide.

Latest Revisions: 
	- 7/31/06 :: DAB

-------------------------- </revisions> --------------------------- */
html,body{
	width:100%;
	height:100%;
	
	}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	background-color:#ececec;
	border: none;
	padding: 0;
	margin: 0;
	}



/*You May Have to Add this Code to make the alignment work correctly.*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	}
	

p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	}
	
h1 {
	font-weight: normal;
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0 0 10px;
	text-transform: uppercase; /* Optional */
	}
	
	h1.red{
	
	font-weight: bold;
	font-size: 14px;
	color: #ee3a42;
	text-transform:none;
	
	}

h2 {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

h3 {
	font-weight: normal;
	font-size: 11px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}
	
	h4 {
	font-weight: bold;
	font-size: 12px;
	color: #ee3a42;
	padding: 0;
	margin: 0;
	}

p {
	margin: 0;
	padding: 0;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: #1988b5;
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: #1988b5;
	}

/* ----------------------- <genClasses> --------------------------- */
table.Main{
	width:1008px;
	background:url(images/Home_BG.jpg) repeat-y;
	margin-top: 15px;
	margin-left: 8px;
	}

td.Top{
	background:url(images/Home_Top_BG.jpg) no-repeat;
	height:146px;
	}

table.Nav{
	width:806px;
	}	
	
td.hme_nav{
	vertical-align:bottom;
	height:91px;
	}	

td.hme_search{
	vertical-align:middle;
	padding:0px 0px 0px 0px;
	height:33px;
	}	

.go_btn{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	width:75px;
	color:#888888;
	border:1px solid #888888;
	padding:2px;
	background:#ffffff;
	}	
	
table.footer{
	width:1008px;
	background:url(images/Home_Footer_BG.jpg) repeat-y;
	height:78px;
	vertical-align:top;
	}
	
td.footer_btm{
	height:48px;
	}

td.footer_btm_sub
{
	height:48px;
	padding-right: 25px;
	text-align: right;
}
	
span.email_box_area{
	font:7px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0px 0px 25px;
	display: block;
	height: 24px
/*	border:1px solid black;*/
	}

.email_box{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	border:1px solid #888888;
	padding:3px;
	}
	
.subscribe_btn{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	color:#888888;
	border:1px solid #888888;
	padding:2px;
	background:#ffffff;
	}	
	
td.sub_content{
	background:url(images/sub_runningwatermark_bg.jpg) top right no-repeat ;
	width:761px;
	padding-right:20px;
	padding-bottom:20px;
}

td.sub_alt_content{
	background:url(images/sub_alt_runningwatermark_bg.jpg) top right no-repeat ;
	width:761px;
	padding-right:20px;
	padding-bottom:20px;
}		
/* ----------------------- </genClasses> --------------------------- */

/* ----------------------- <imgRollOver> --------------------------- */
/* this is the super-duper "rollOver" technique for 
creating dynamic subnavs with the same background images 7/31/06 */

/* <table cellpadding="0" cellspacing="0" border="0" class="imageSwap">
    <tr>
        <td><a href="#" ><span>Lorem Ipsum 1</span></a>
			<a href="#" ><span>Lorem Ipsum 2</span></a>
			<a href="#" ><span>Lorem Ipsum 3</span></a>
			<a href="#" ><span>Lorem Ipsum 4</span></a>
			<a href="#" ><span>Lorem Ipsum 5</span></a>
			<a href="#" ><span>Lorem Ipsum 6</span></a></td>
    </tr>
    </table> the HTML code to make this work */

.subNav a:link, .subNav a:visited {
	font:  9px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #0083c6;
	text-decoration: none;
	text-transform:uppercase;
	/*width: 150px;*/
	width:200px;
	height: 20px;
	margin: 0;
	padding: 0;
	}

.subNav a:hover, .subNav a:active {

	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #0083c6;
	text-decoration: none;
	text-transform:uppercase;
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 0;
	}

/* this positions the text within the cell. must use a p tag around the dynamic text */

.subNav span {
	display: block;
	padding: 8px 3px 10px 22px;
	margin: 0;
	}
	
a.subnavselected:visited, a.subnavselected:link
{
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #0083c6;
	text-decoration: none;
	text-transform:uppercase;
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 0;
}


.disclaimer {
	text-align: right;
	width: 1000px;
	font-size: 10px;
	color: #7f7f7f;
	}

/* ----------------------- </imgRollOver> --------------------------- */

/* Content Manager - Text Class Options */

.clsArial_8{font-family:Arial, Helvetica, sans-serif; font-size:8px;}
.clsArial_10{font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.clsArial_12{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.clsArial_14{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.clsArial_16{font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.clsArial_24{font-family:Arial, Helvetica, sans-serif; font-size:24px;}


.clsGaramond_8{font-family:Garamond, serif; font-size:8px;}
.clsGaramond_10{font-family:Garamond, serif; font-size:10px;}
.clsGaramond_12{font-family:Garamond, serif; font-size:12px;}
.clsGaramond_14{font-family:Garamond, serif; font-size:14px;}
.clsGaramond_16{font-family:Garamond, serif; font-size:16px;}
.clsGaramond_24{font-family:Garamond, serif; font-size:24px;}

.clsTimes_8{font-family:Times New Roman, Times, serif; font-size:8px;}
.clsTimes_10{font-family:Times New Roman, Times, serif; font-size:10px;}
.clsTimes_12{font-family:Times New Roman, Times, serif; font-size:12px;}
.clsTimes_14{font-family:Times New Roman, Times, serif; font-size:14px;}
.clsTimes_16{font-family:Times New Roman, Times, serif; font-size:16px;}
.clsTimes_24{font-family:Times New Roman, Times, serif; font-size:24px;}

.clsVerdana_8{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px;}
.clsVerdana_10{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.clsVerdana_12{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.clsVerdana_14{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.clsVerdana_16{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;}
.clsVerdana_24{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px;}	
	
	
/* -----------------.emailListSignup--------------------------------------------*/
.emailListSignupDetail 
{
    
}

.emailListSignupDetail span
{
    color: #FF0000;
}

.labelText
{
    background-color: #EEE;
    border: solid 1px #000;
    text-align: right;
}


.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	-moz-opacity:.70;
	opacity: .70;
}  

sup {
	font-size: .6em;
	} 
	
#couponDisplay 
{
    background: url('/userfiles/images/Coupon.jpg') no-repeat top;
    height: 396px;
    width: 940px;
    font: bold 16px 'Arial';
    float: left;
    z-index: 999;
}
#couponTopArea { height: 346px; }
.coupontext { height: 17px; text-align: right; float: left; z-index: 999; }
#couponExpDate { width: 195px; }
#couponCstNum  { width: 500px; }
.clear { clear: both; }



.columns {
width:968px;
float:left;
overflow:auto;
margin: 0 0 20px 20px;
}
.col1{
	width:314px;
	float:left;
	
	padding:0 20px 0 0;
}
.col2{
	width:314px;
	float:left;
		
		padding:0 20px 0 0;
}

.col2  .img-border{
	border:2px solid #3c8cc9;
	margin: 0 0 10px;
}

.col2  p{
	
	margin: 0 0 10px;
}


.col3{
	width:300px;
	float:left;
		
}


/*EVERYTHING PRIOR TO THIS LINE IS EXISTING CODE EXCEPT THAT WHICH IS MARKED. YOU MAY HAVE TO ADD THAT. The part that I'm talking about says this: "You May Have to Add this Code to make the alignment work correctly."*/

/* ----------------------- <Jquery> --------------------------- */
	
	#photos {
		width:968px;
		height:378px;
		overflow:hidden;
		margin: 0 20px 0 0;
		padding: 0;
		background:url(/App_Themes/Festival/images/flash_background.jpg) top left no-repeat #000;
		
		}
	
	#slider_container {
		padding: 23px 0 0 24px;
		}
	
	#slider {
		width:534px;
		height:331px;
		overflow:hidden;		
		}
		

	/* ----------------------- <Jquery Background Images> --------------------------- */
	
	.section {
		width:968px;
		height:378px;
		margin: 0;
		padding: 0;
		}
	
	#section_img01 {
		background:url(/images/HomePageImages/img_flash_01.jpg) top left no-repeat;
		}
	
	#section_img02 {
		background:url(/images/HomePageImages/img_flash_02.jpg) top left no-repeat;
		}
	
	#section_img03 {
		background:url(/images/HomePageImages/img_flash_03.jpg) top left no-repeat;
		}
	
	#section_img04 {
		background:url(/images/HomePageImages/img_flash_04.jpg) top left no-repeat;
		}
	
	
	/* ----------------------- <Jquery Text> --------------------------- */
	
	#overlay_wrap {
		width:968px;
		height:378px;
		background: url(/App_Themes/Festival/images/overlay.gif) top left no-repeat;
		position:absolute;
		top: 163px;
		left: 27px;
		}
	
	.thumbnail_box {
		position: absolute;
			width: 65px;
			height: 65px;
			overflow: hidden;
			z-index: 12;
			border: solid #fff 1px;
			background: url(/App_Themes/Festival/images/thumb_overlay.png) top left no-repeat;
		}	
	
	#thumbnail_01 {
		position: absolute;
		width: 67px;
		height: 67px;
		overflow: hidden;
		margin: 298px 0 0 57px;
		z-index: 10;
		}
	
	#thumbnail_02 {
		position: absolute;
		width: 67px;
		height: 67px;
		overflow: hidden;
		margin: 298px 0 0 134px;
		z-index: 10;
		}
	
	#thumbnail_03 {
		position: absolute;
		width: 67px;
		height: 67px;
		overflow: hidden;
		margin: 298px 0 0 211px;
		z-index: 10;
		}
	
	#thumbnail_04 {
		position: absolute;
		width: 67px;
		height: 67px;
		overflow: hidden;
		margin: 298px 0 0 288px;
		z-index: 10;
		}

	.gallery {
		overflow:hidden;
		margin:0 0 9px 18px;
		padding:0;
	}
	
	.gallery img {
		display:block;
		margin:0;
	}
		
#overlay {
	width:375px;
	height:378px;	
	position:absolute;
	overflow:hidden;
	line-height: 1.5em;
	margin: 0 0 0 592px;
	padding: 0;	
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	}
		
	#overlay p {
		margin: 0;
		padding: 0 0 10px 0;
		color: #fff;
		font-weight: normal;
		font-size: 11px;
		}
		
	#overlay h1 {
		font-family: Arial, "Trebuchet MS", sans-serif;
		font-size: 24px;
		font-weight: normal;
		color: #1988b5;
		margin: 0;
		padding: 0 0 10px 0;
		}		
	
	#overlay a:link, #overlay a:visited {
		text-decoration: underline;		
		}
	
	#overlay a:hover, #overlay a:active {
		text-decoration: none;		
		}

#overlay_content01, #overlay_content02, #overlay_content03, #overlay_content04 {
	width:346px;
	height:327px;
	margin:0;
	padding: 51px 29px 0 0;
	}