/***********************************************/

/* emx_nav_left.css                            */

/* Use with template Halo_leftNav.html         */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/

body{

	font-family: Arial, sans-serif;

	color: #333333;

	line-height: 1.166;

	margin: 0px;

	padding: 0px;

	background: #FFFFFF;

	font-size: 9pt;

	text-align: center;

}



/******* div tages *****************************/
div.container {
	width: 670px;
	text-align: left;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
}

div.header {

	position: absolute;

	height: 150px;

	width: 970;

	background-image: url(http://www.813area.com/includes/styles/includes/images/813title_spacer.jpg);

	left: 0px;

	top: 0px;

	right: 0px;

	bottom: 0px;

}

div.left {
	left:2px;
	width: 140px;
	float:left;
}

div.main {		
	background:#fff;
	float:left;
	width:670px;
}

div.right {
	position: absolute;
	right:2px;
	width: 160px;
	float:left;
}



div.footer {

	position: absolute;

	bottom:0px;

}



/******* hyperlink and anchor tag styles *******/



a:link, a:visited{

	color: #005FA9;

	text-decoration: none;

}



a:hover{

	text-decoration: underline;

}



/************** header tag styles **************/



h1{

 font: bold 120% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font: bold 114% Arial,sans-serif;

 color: #006699;

 margin: 0px;

 padding: 0px;

}



h3{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font: 100% Arial,sans-serif;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font: 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



/*************** Table tages *******************/





/*************** list tag styles ***************/



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



/********* form and related tag styles *********/



form {

	margin: 0;

	padding: 0;

}



label{

 font: bold 1em Arial,sans-serif;

 color: #334d55;

}

				

input{

font-family: Arial,sans-serif;

}



/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#pagecell1{

	position:absolute;

	top: 112px;

	left: 2%;

	right: 2%;

	width:95.6%;

	background-color: #ffffff;

}



#tl {

	position:absolute;

	top: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#tr {

	position:absolute;

	top: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#masthead{

	position: absolute;

	top: 0px;

	left: 2%;

	right: 2%;

	width:95.6%;

	

}



#pageNav{

	float: left;

	width:178px;

	padding: 0px;

	background-color: #F5f7f7;

	border-right: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	font: small Verdana,sans-serif;

}



#content{

	padding: 0px 10px 0px 0px;

	margin:0px 0px 0px 178px;

	border-left: 1px solid #ccd2d2;

}





/***********************************************/

/* Component Divs                              */

/***********************************************/

#siteName{

	margin: 0px;

	padding: 16px 0px 8px 0px;

	color: #ffffff;

	font-weight: normal;

}



/************** utility styles *****************/



#utility{

	font: 75% Verdana,sans-serif;

	position: absolute;

	top: 16px;

	right: 0px;

	color: #919999;

}



#utility a{

	color: #ffffff;

}



#utility a:hover{

	text-decoration: underline;

}



/************** pageName styles ****************/



#pageName{

	padding: 0px 0px 14px 10px;

	margin: 0px;

	border-bottom:1px solid #ccd2d2;

}



#pageName h2{

	font: bold 175% Arial,sans-serif;

	color: #000000;

	margin:0px;

	padding: 0px;

}



#pageName img{

	position: absolute;

	top: 0px;

	right: 6px;

	padding: 0px;

	margin: 0px;

}



/************* globalNav styles ****************/



#globalNav{

position: relative;

width: 100%;

min-width: 640px;

height: 32px;

color: #cccccc;

padding: 0px;

margin: 0px;

background-image:  url("http://www.813area.com/includes/styles/glbnav_background.gif");

}



#globalNav img{

	margin-bottom: -4px;

 

}



#gnl {

	position: absolute;

	top: 0px;

	left:0px;

}



#gnr {

	position: absolute;

	top: 0px;

	right:0px;

}



#globalLink{

	position: absolute;

	top: 11px;

	height: 22px;

	min-width: 640px;

	padding: 0px;

	margin: 0px;

	left: 14px;

	z-index: 100;

}





a.glink, a.glink:visited{

  	font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 2px 5px 4px 5px;

	border-right: 1px solid #8FB8BC;

}



a.glink:hover{

  	background-image:  url("http://www.813area.com/includes/styles/glblnav_selected.gif");

	text-decoration: none;

}



.skipLinks {display: none;}



/************ subglobalNav styles **************/



.subglobalNav{

	position: absolute;

	top: 84px;

	left: 0px;

	/*width: 100%;*/

	min-width: 640px;

	height: 20px;

	padding: 0px 0px 0px 10px;

	visibility: hidden;

	color: #ffffff;

}



.subglobalNav a:link, .subglobalNav a:visited {

	font-size: 80%;

	color: #ffffff;

}



.subglobalNav a:hover{

	color: #cccccc;

}



/*************** search styles *****************/



#search{

	position: absolute;

	top: 5px;

	right: 10px;

	z-index: 101;

}



#search input{

  font-size: 70%;

  margin: 0px  0px 0px 10px;

 }

 

#search a:link, #search a:visited {

	font-size: 80%;

	font-weight: bold;

	

}



#search a:hover{

	margin: 0px;

}





/************* breadCrumb styles ***************/



#breadCrumb{

	padding: 5px 0px 5px 10px;

	font: small Verdana,sans-serif;

	color: #AAAAAA;

}



#breadCrumb a{

	color: #AAAAAA;

}



#breadCrumb a:hover{

	color: #005FA9;

	text-decoration: underline;

}





/************** feature styles *****************/



.feature{

	padding: 0px 0px 10px 10px;

	font-size: 80%;

	min-height: 200px;

	height: 200px;

}

html>body .feature {height: auto;}



.feature h3{

	font: bold 175% Arial,sans-serif;

	color: #000000;

	padding: 30px 0px 5px 0px;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

}





/*************** story styles ******************/



.story {

	padding: 10px 0px 0px 10px;

	font-size: 80%;

}



.story h3{

	font: bold 125% Arial,sans-serif;

	color: #000000;

}



.story p {

	padding: 0px 0px 10px 0px;

}



.story a.capsule{

	font: bold 1em Arial,sans-serif;

	color: #005FA9;

	display:block;

	padding-bottom: 5px;

}



.story a.capsule:hover{

	text-decoration: underline;

}



td.storyLeft{

	padding-right: 12px;

}





/************** siteInfo styles ****************/



#siteInfo{

	clear: both;

	border-top: 1px solid #cccccc;

	font-size: small;

	color: #cccccc;

	padding: 10px 10px 10px 10px;

	margin-top: -1px;

}



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

}





/************ sectionLinks styles **************/



.sectionLinks{

	margin: 0px;

	padding: 0px;



}



.sectionLinks h1{

	padding: 2px 2px 2px 2px;

	border-bottom: 1px solid #cccccc;

	color: #FFFFFF;

	background-image:  url(../../images/style/813navbar_bg.jpg);

	font-size: 10pt;

}



.sectionLinks a:link, .sectionLinks a:visited {

	display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #cccccc;

	background-image:  url(../../images/style/813bg_nav.jpg);

	font-size: 9pt;

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

}



.sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #DBEBFF;

	background-image: none;

	font-weight: bold;

	text-decoration: none;

}





/************* relatedLinks styles **************/



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	border-bottom: 1px solid #cccccc;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a{

	display: block; 

}





/**************** advert styles *****************/



#advert{

	padding: 10px;

}



#advert img{

	display: block;

}



/**************** footer styles *****************/

#footer{

	font-size: small;

}



#footer2{

	font-size: xx-small;



}



/**************** Box Contents *******************/



.boxcontents{

	font-size: 10pt;

}



/***************** Form Labels *******************/



#form_labels{

	font-size: 9pt;

	font-weight: bold;

}



#description{

	text-align: justify;

}



/***************** Other ***************************/

.floatright{

	float: right;

	margin: 0 0 10px 10px;

}



.featured{

	float: left;

	margin: 0px;

	clear: both;

	width: auto;

	border: thin solid #153D75;

	padding: 0px;

}



.featured h1{

	font: bold 120% Arial, sans-serif;

	color: #FFFFFF;

	margin: 0px;

	padding: 0px;

	background-color: #153D75;

}



.box{

	float: left;

	clear: both;

	margin: 3px 2px;

	width: 315px;

	border: thin solid #153D75;

	padding: 3px 2px;

	text-align: left;

	font-size: 9pt;

}



.box h1{

	font: bold 100% Arial, sans-serif;

	color: #FFFFFF;

	margin: 0px;

	padding: 3px;

	background-color: #153D75;

	font-size: 10pt;

}



.box_right{

	float: right;

	margin: 3px 2px;

	width: 315px;

	border: thin solid #153D75;

	padding: 3px 2px;

	text-align: left;

	font-size: 9pt;

}



.box_right h1{

	font: bold 100% Arial, sans-serif;

	color: #FFFFFF;

	margin: 0px;

	padding: 3px;

	background-color: #153D75;

	font-size: 10pt;

}



.box_contents{

	padding: 3px;

	vertical-align: top;

	font-size: 9pt;

	text-align: left;

}



.box_contents h1{

	font: bold 120% Arial,sans-serif;

	color: #000000;

	text-align: left;

	

}



.video{

	float: left;



	margin: .2em;

}



.image{

	float: right;



	margin: 3px;

}



.nh_image{
	width: 300px;
	border: thin silver solid;
	margin: 5px;
	padding: 7px;
}

.nh_listings {
	background-color: #F2EDE6;

}

.nh_listings h1{
	background-color: #FFDC9F;
}

.get_connected {
	background-color: #CDFFA8;
	border: thin silver solid;
	text-align: center;
}

.get_connected {
	background-color: #CDFFA8;
	border: thin silver solid;
	text-align: center;
}

.box_image{

	float: right;

	clear: both;

	margin: .2em;

	border: none;

}



table.main{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

}



table.nightly_specials{

	font-size: 9pt;

	width: 95%;

	align: center;

}



table.nightly_specials td{

	border-bottom-width: medium;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	padding-top: 2px;

	padding-bottom: 3px;

	font-size: 9pt;

}



.small_text{

	font-size: 9pt;



}



.story{

	text-align: justify;

	padding: 8px;

}



.news_links{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9pt;

	list-style-type: square;

	padding: 4px;

	text-align: left;



}



table.box_contents{

	font-size: 9pt;

	width: 95%;

	align: center;

}



table.box_contents td{
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 2px;
	padding-bottom: 3px;
}

.premier_listings {
	border-bottom-style: ridge;
	border-top-style: ridge;
}

.premier_listings_label {
	font-size: x-small;
	font-style: italic;
	font-weight: bold;
}

.premier_listings {
	border-bottom-style: ridge;
	border-top-style: ridge;
}

.premier_listings_label {
	font-size: x-small;
	font-style: italic;
	font-weight: bold;
}

.container {

	margin: 5px;

	padding: 5px;

	text-align: left;

}



.container h1 {

	font-size: 11pt;

}



.error {

	font-size: 10pt;

	color: #FF0000;

}

/********************* end **********************/	



/********************* Tabbed Content ***********/

.shadetabs{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: bold 12px Verdana;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}



.shadetabs li{

display: inline;

margin: 0;

}



.shadetabs li a{

text-decoration: none;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid #778;

color: #F6F6F6;

background: white url("../../images/navbar_bg.jpg") top left repeat-x;

}



.shadetabs li a:visited{

color: #F6F6F6;

}



.shadetabs li a:hover{

text-decoration: underline;

color: #F6F6F6;

}



.shadetabs li.selected{

position: relative;

top: 1px;

}



.shadetabs li.selected a{ /*selected main tab style */

background-image: url("../../images/navbar_bg_over.jpg");

border-bottom-color: white;

text-decoration: none;

color: #1C4A7C;

}



.shadetabs li.selected a:hover{ /*selected main tab style */

text-decoration: none;

}



.tabcontentstyle{ /*style of tab content oontainer*/

border: 1px solid gray;

width: 450px;

margin-bottom: 1em;

padding: 10px;

float: left;

}



.tabcontent{

	display:none;

}



/*Tabbed Photos on profile*/

/********************* Tabbed Content ***********/

.photo_shadetabs{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: bold 12px Verdana;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}



.photo_shadetabs li{

display: inline;

margin: 0;

}



.photo_shadetabs li a{

text-decoration: none;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid #778;

color: #F6F6F6;

background: white url("http://www.813area.com/includes/images/navbar_bg.jpg") top left repeat-x;

}



.photo_shadetabs li a:visited{

color: #F6F6F6;

}



.photo_shadetabs li a:hover{

text-decoration: underline;

color: #F6F6F6;

}



.photo_shadetabs li.selected{

position: relative;

top: 1px;

}



.photo_shadetabs li.selected a{ /*selected main tab style */

background-image: url("http://www.813area.com/includes/styles/images/navbar_bg_over.jpg");

border-bottom-color: white;

text-decoration: none;

color: #1C4A7C;

}



.photo_shadetabs li.selected a:hover{ /*selected main tab style */

text-decoration: none;

}



.photo_tabcontentstyle{ /*style of tab content oontainer*/

border: 1px solid gray;

width: 300px;

margin-bottom: 1em;

padding: 10px;

float: left;

}

.photo_tabcontent{
	display:none;
}


/********************* Box Tabbed Content ***********/
.box_left_tabs{
	float: center;
	clear: both;
	margin: 3px 2px;
	width: 315px;
	text-align: left;
	font-size: 9pt;
}

.box_right_tabs{
	float: center;
	margin: 3px 2px;
	width: 315px;
	text-align: left;
	font-size: 9pt;
}

.box_right_tabcontentstyle{ /*style of tab content oontainer*/
	border: 1px solid gray;
	width: 315px;
	float: left;
}

.box_tabcontent{
	display:none;
}


/************ profile_navbar styles **************/



.profile_navbar{
	margin: 0px;
	padding: 2px;
}



.profile_navbar a:link, .profile_navbar a:visited {
	display: inline;
	background-image:  url("../../images/style/813bg_nav.jpg");
	font-size: 9pt;
	font-weight: bold;
	padding: 7px 7px 7px 7px;
	color: #21536A;
}



.profile_navbar a:hover{

	background-color: #DBEBFF;

	background-image: none;

	font-weight: bold;

	text-decoration: none;

}



@media print {

.tabcontent {

display:block!important;

}

}