/***********************************************/
/* HTML TAG STYLES                             */
/***********************************************/
body {
	margin: 0px;
	padding: 0px;
	background-color: #ECEEEA;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:-20px; 
	
}


/***********************************************/
/* LAYOUT/STELETON DIVS                        */
/***********************************************/
#container {
	margin-left: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto; 
	width: 946px;
	border: 0px solid #00ff00;
}
#mainSite {				/* Website Container except AD bar */
	margin: 0px;
	padding: 0px;
	width: 819px;
	float: left;
}


#mainLinks {			/* a bar at top for main links such as Home, Contact Us, etc */
	margin: 3px 10px 0px 0px;
	padding: 0px;
	float:right;
}

#header {				/* uses header_top_cap and header_bot_cap, top and bottom respectively*/	
	background-image:url(images/bg_wide.gif);	
	background-repeat:repeat-y;			
	padding-left:22px;	
	padding-top:0px;
	padding-top:0px;
	clear:both;
	/*do not specify width as right tabs will not appear in IE*/	
}




#header_top_cap {    
    clear:both;	
    background-image:url(images/shadow_topMain.gif);
    height:22px;
    width:819px;
    /*because IE likes to resize the non-existent text in these divs! */
	font-size: 0px;
}

#header_bot_cap 	
{    
    background-image:url(images/bot_cap_wide.gif);
    background-repeat:no-repeat;   
	height:22px;
    width:819px;
	 /*because IE likes to resize the non-existent text in these divs! */
	font-size: 0px;
 
}


#contentContainer {
	clear: both;	
}
#leftNav {
	float:left;
}
#content {
	float:right;
	width: 556px;		
	background-image:url(images/blurred_bg_main.gif);
	background-repeat:repeat-y;	
		
}
#footer {				/* Footer Container */
	clear:both;
	margin: 0px 0px 10px 0px;
}

#contentBody {
	
	margin: 0px 10px 0px 22px;
	/*Is 5px instead of 10 because blurredBotCap white space is about 5px*/
	padding-bottom:5px;
	padding-top:5px;
	width: 512px;

	min-height:530px;
	/*IE 7, mozilla and all the rest of the browsers will make the height auto, IE 6 will not **/
	height:auto !important;
	height:525px;

}


/*this would would IE 6 only as an alternative to using important
/* not as clean though
* html #contentBody{
height:1000px;
}
*/



/*content top cap */
/*added by jeff */
#blurredTopCap{
	background-image:url(images/blurred_cap_top_main.gif);
	width:555px;
	height:18px;
	/*because IE likes to resize the non-existent text in these divs! */
	font-size: 0px;	
}

/*content bottom cap*/
/*added by jeff */
#blurredBotCap{
	background-image:url(images/blurred_cap_bot_main.gif);
	width:555px;
	height:18px;
	/*because IE likes to resize the non-existent text in these divs! */
	font-size: 0px;	
}

/*added by jeff */
#mainContent{
	background-image:url(images/blurred_bg_main.gif);
	background-repeat:repeat-y;
	width:555px;
	height:11px;
	
}



/*------------------------------------------------------------------------start wide box*/
/*wide box is the main content area sections in main content ie not the white surrounding boxes
but the inner boxes*/
/*added by jeff */
#wb_topcap{	
	background-image:url(images/wb_topCap.gif);
	background-position: center bottom;
	background-repeat:no-repeat;
	height:9px;	
	width:512px;
	clear:both;
	
}
#wb_botcap, #wb_botcap_white{
	background-position: center top;
	background-repeat:no-repeat;	
	width:512px;
}

#wb_botcap{
height:9px;	
background-image:url(images/wb_botcap.gif);
}

#wb_botcap_white{
height:6px;	
background-image:url(images/contentFooter_white.gif);
}

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

.wideBox{
	padding-top:10px;
	border-left: 1px solid #C6CDCF;
	border-right: 1px solid #C6CDCF;		
	width:510px;	
	background-color:#F2F2F2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.wideBoxContent{
	padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*------------------------------------------------------------------------end wide box*/



/***********************************************/
/* LAYOUT STYLES                               */
/***********************************************/
/* #mainSite  */
.link_topNav {
	padding: 0px 4px 0px 4px;
	margin: 0px;
	color: #3BA1B6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.link_topNav a:link {
	padding: 0px 0px 0px 0px;
	color: #525F61;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
    text-decoration: none;
}
.link_topNav a:visited {
	padding: 0px 0px 0px 0px;
	color: #525F61;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
    text-decoration: none;
}
.link_topNav a:hover {
	padding: 0px 0px 0px 0px;
	color: #007086;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
    text-decoration: underline;
}




/* BOX */
.bx {
	background-color:#FFFFFF;
}
.bx_r {
	background-image:url(images/bx_r.gif);
}
.bx_l {
	background-image:url(images/bx_l.gif);
}
/* FIXes */
.reduceHeight {
	font-size:xx-small; 
}
/**************** LEFT COL STYLES ***************/
#findRestaurant {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	border: 0px solid #ff0000;
}
.tblFindRes {
	background-color: #0E99B4;
	width: 219px;
}
.tblFindRes td {
	padding: 1px 0px 0px 10px;
	color:#FFFFFF;
}
.formElementFindRes {
	margin: 0PX;
	padding: 1px 0px 1px 0px;
	width: 193px;
	color:#333333;
	font-size: 10px;
}
#frmFindRes {
	margin: 0px 0px 0px 0px;
}
#memberGuideLogin {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.tblmemberGuide {
	background-color: #D7DDDE;
	width: 219px;
}
.tblmemberGuide td {
	padding: 1px 0px 0px 10px;
	border-left: 1px solid #9DABAE;
	border-right: 1px solid #9DABAE;
	color: #0E99B4;
	font-weight:bold;
}
.tblmemberGuide td p {
	color: #4C4C4C;
	font-weight:lighter;
}
.formElementMemberGuide {
	margin: 0PX;
	padding: 1px 0px 1px 0px;
	width: 193px;
	color:#333333;
	font-size: 10px;
}
#websiteByFriday {
	margin: 10px 0px 0px 10px;
	padding: 0px;
}
.Search_ButBkgd {
	margin: 0px;
	padding-right:40px;
	background-image:url(images/btnSearch2.gif);
	background-repeat:no-repeat;
	background-position:right;
}
h3 {    /* LEFT COL HEADINGS WHITE */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
}
h4 {    /* LEFT COL HEADINGS BLUE */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#0187A5;
}
.leftCol_Txt {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color:#232323;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.LeftCol_buts {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #0187A5;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 22px;
}
.LeftCol_buts a:link {
	padding: 0px 0px 0px 0px;
	color: #0187A5;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
    text-decoration: none;
}
.LeftCol_buts a:visited {
	padding: 0px 0px 0px 0px;
	color: #0187A5;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
    text-decoration: none;
}
.LeftCol_buts a:hover {
	padding: 0px 0px 0px 0px;
	color: #E5B210;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
    text-decoration: none;
}


/**************** MAIN CONTENT STYLES ***************/
h1 {     /* MAIN PAGE HEADINGS on yellow bkgds - BLUE */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#0187A5;
	line-height: 32px;
}
h2 {    /* HEADINGS BLUE */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#0187A5;
}
.yellow_HeadTxt { /* PAGE HEADINGS YELLOW */
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #D49E01;
}
.WelcomeText {
	padding: 0px 20px 3px 20px;
	background-color:#F2F2F2;
	border: 1px solid #C6CDCF;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bodyText {
	color:#232323;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.DateText {
	color:#232323;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
}
h5 {  /* featured restaurant headings */
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color:#232323;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.hpBox {
	padding: 10px 20px 0px 20px;
	border-top: 1px solid #C6CDCF;
}
.hpContentSection1 {	/* left side*/
/*	border-top: 1px solid #C6CDCF; */
	border-right: 1px solid #C6CDCF;
/*	border-bottom: 1px solid #C6CDCF; */
	border-left: 1px solid #C6CDCF;
	width: 225px;
	vertical-align:top;
}
.hpBoxShaded {
	padding: 10px 20px 0px 20px;
	border-top: 1px solid #C6CDCF;
	border-bottom: 1px solid #C6CDCF;
	background-color: #FCF9E5;
}
.hpContentSection2 {	/* rigth side */
/*	border-top: 1px solid #C6CDCF; */
	border-right: 1px solid #C6CDCF;
/*	border-bottom: 1px solid #C6CDCF; */
	border-left: 1px solid #C6CDCF;
	width: 286px;
	vertical-align:top;
}

/******* Footer Text styles *******/
#footerBody {
	margin: 0px 10px 0px 10px;
	background-color:#E5E7E8;
}
#footer_leftCol {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
#footer_RightCol {
	padding: 0px 10px 0px 10px;
}
.copyrightTxt {
	border: 0px solid #C6CDCF;
	padding: 0px 0px 0px 10px;
	color: #007086;
	font-size: 9px;
	line-height: 17px;
}
#Friday_LinkTxt {
	padding: 0px 0px 0px 10px;
	color: #D49E01;
	font-size: 9px;
}
#Friday_LinkTxt a:link {
	color: #D49E01;
	font-size: 9px;
    text-decoration: none;
}
#Friday_LinkTxt a:visited {
	color: #D49E01;
	font-size: 9px;
    text-decoration: none;
}
#Friday_LinkTxt a:hover {
	color: #D49E01;
	font-size: 9px;
    text-decoration: underline;
}
.Footer_LinkTxt {
	padding: 0px 0px 0px 0px;
	color: #525F61;
	font-size: 9px;
	line-height: 15px;
}
.Footer_LinkTxt a:link {
	padding: 0px 0px 0px 0px;
	color: #525F61;
	font-size: 9px;
    text-decoration: none;
}
.Footer_LinkTxt a:visited {
	padding: 0px 0px 0px 0px;
	color: #525F61;
	font-size: 9px;
    text-decoration: none;
}
.Footer_LinkTxt a:hover {
	padding: 0px 0px 0px 0px;
	color: #007086;
	font-size: 9px;
    text-decoration: underline;
}



/*Jeff added October 26 2006*/

/* shows a visual seperation */
.dashedline{
	border-bottom: 1px dashed #ccc;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/*ensures floated content is recognised*/
#spacer{
clear:both;

}

.yellow{
	background-color:#fcf9e5;
}
.blue{
	background-color:#0e99b4;
}


ul{
	color:#666;
	font-size: 10px;
}

ul li{
	list-style-image:url(images/bullet.gif);
	list-style-position:outside;
	vertical-align:baseline;		
}

ul b{
	color:#000;
	font-size: 10px;
}

#myList ul li{	
	list-style-image:none;
	list-style-position:auto;	
	margin-left:-20px;
}


/*appears on search page layout in content two represents 2 columns basically*/
.leftColTable{
	width:235px;
	vertical-align:top;
	padding-right: 15px;
}
.rightColTable{
	border-left: 1px dashed #ccc;
	vertical-align:top;
	width:235px;
	padding-left:10px;
}


.JSideAdvert2{
/*	background-image:url(images/j_advert2.gif);*/
	height:221px;
	margin-bottom:30px;
}
.JSideAdvert1{
	background-image:url(images/j_advert.gif);
    height:193px;
}

.JSideAdvert1, .JSideAdvert2{/*for side advertisements  must be position in html just before container end div*/
    background-position: center top;
	background-repeat:no-repeat;	

	/*for mozilla and opera etc*/
	position:relative;
	margin-left:793px;
	margin-top:0px;

	padding-left:13px;
	padding-top:7px;
	/*in IE you must align it auto to flow next to the contentContainer and footer divs*/

	/*it must then be set back into the content*/

}

/********************************************************************************************** fonts*/
/******* generic links and anchor tag styles *******/
a:visited, a:link {
	margin: 0px;
	padding: 0px;
    text-decoration: none;
	font-weight: bold;
	color: #0187A5;
}
a:hover {
	margin: 0px;
	padding: 0px;
    text-decoration: underline;
	color: #E5B210;
	font-weight: bold;
}

form{
	margin:0px;
	padding:0px;
}

.rollOverBut{
	background-image:url(images/btn-bkgd_middle.gif);
	background-repeat:repeat-x;
	height:32px;		
}

.rollOverContent{
	padding-top:8px;
	text-align:center;	
}
.rollOverContent a{
	color:#fff;
}
.rollOverContent a:visited{
	color:#fff;
}

.rollOverContent a:hover{
	color:#e5b210;
}

.butLeftCap{
	background-image:url(images/btn-bkgd_left.gif);
	float:left;
	background-repeat:repeat-x;
	margin:left: 10px;
	margin:right: 10px;
	height:32px;	
	width:15px;
}

.butRightCap{
	background-image:url(images/btn-bkgd_right.gif);
	background-repeat:repeat-x;
	margin:left: 10px;
	margin:right: 10px;	
	height:32px;
	width:15px;
	float:right;
}




.greyBox{	
	width:460px;	
	margin:3px;
	margin-bottom:0px;	
}
.greyBox .topCap{
	background-image:url(images/grey_top_cap.gif);
	background-repeat:no-repeat;			
	height:9px;
	font-size:0px;
}
.greyBox .botCap{
	background-image:url(images/grey_bot_cap.gif);
	background-repeat:no-repeat;			
	height:9px;
	font-size:0px;

}

.greyBox .boxContent{
	background-color:#f2f2f2;
	border-left: 1px solid #c6cdcf;	
	border-right: 1px solid #c6cdcf;	
	padding:15px;
}
legend{
	color:#000;
}