/*********************************************************/
/*** additional css formatting for lovely root website ***/
/*********************************************************/


body {
background:url(../images/crabmill/crabmill-background.jpg) repeat-x top fixed;
	}
	


/*****************************************/
/*** Headers ***/
/*****************************************/

h1, h2, h3 {
color:#CC9966;
}

.contentheading, .componentheading-contactPage, .componentheading-gallery, .componentheading {
color:#CC9966;
}



	
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

div#bodyWrapper {
background-color:#301406;
color:#fff;
}
	
div#header {
background:url(../images/crabmill/crabmill-header.gif) no-repeat top left #fff;
	}
	
div#topLogo #topLogoCrabmill a {
width:440px;
height:120px;
display:block;
}
	
div#contentWrapper {
	background-color:#301406;
	color:#fff;
	line-height:1.4em;
	}
	
div#content {
background-color:##301406;
color:#fff;
	}


/*****************************************/
/*** Top Nav and image replacement ***/
/*****************************************/


div#topNav {
background-color:#fbfaf3;
border-top: #CC9966 solid 10px;
color:#222;
	}

#topNav a:link, #topNav a:visited, #topNav a:active {
color:#222;
}
#topNav a:hover {
color:#301406;
}


/*first one below does not have width for item otherwise it would hide items in ul below that - thereafter width for all items is fine ************/

.item92 a {
	background: url(../images/crabmill/home_f2.gif); /*image preload*/
}
.item92 a:link, .item92 a:visited, .item92 a:active {
	background: url(../images/crabmill/home.gif) no-repeat top left;
	display:block;
	width:88px;
	height:45px;
}
#current.item92 a:link, #current.item92 a:visited, #current.item92 a:active, .item92 a:hover {
	background: url(../images/crabmill/home_f2.gif) no-repeat top left;
	display:block;}
	
/* as top level link has no unique id that doesn't affect those below - width and height settings below overide above and important is needed to overide the home image showing on all on home page - and line after hover important to overwrite the previous line important ************/
	
	
.item91 {width:77px;
background: url(../images/crabmill/about_f2.gif); 
}
.item91 a:link, .item91 a:visited, .item91 a:active {
	background: url(../images/crabmill/about.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item91 a:link, #current.item91 a:visited, #current.item91 a:active, .item91 a:hover {
	background: url(../images/crabmill/about_f2.gif) no-repeat top left !important;
	display:block;}	


	
	
.item93 {width:72px;
background: url(../images/crabmill/food_f2.gif);
}
.item93 a:link, .item93 a:visited, .item93 a:active {
	background: url(../images/crabmill/food.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item93 a:link, #current.item93 a:visited, #current.item93 a:active, .item93 a:hover {
	background: url(../images/crabmill/food_f2.gif) no-repeat top left !important;
	display:block;}	




.item94 {width:71px;
	background: url(../images/crabmill/drink_f2.gif);
}
.item94 a:link, .item94 a:visited, .item94 a:active {
	background: url(../images/crabmill/drink.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item94 a:link, #current.item94 a:visited, #current.item94 a:active, .item94 a:hover {
	background: url(../images/crabmill/drink_f2.gif) no-repeat top left !important;
	display:block;}	



.item138 {width:135px;
background: url(../images/crabmill/dining_f2.gif);
}
.item138 a:link, .item138 a:visited, .item138 a:active {
	background: url(../images/crabmill/dining.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item138 a:link, #current.item138 a:visited, #current.item138 a:active, .item138 a:hover {
	background: url(../images/crabmill/dining_f2.gif) no-repeat top left !important;
	display:block;}	
	



	
.item137 {width:67px;
background: url(../images/crabmill/events_f2.gif);
}
.item137 a:link, .item137 a:visited, .item137 a:active {
	background: url(../images/crabmill/events.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item137 a:link, #current.item137 a:visited, #current.item137 a:active, .item137 a:hover {
	background: url(../images/crabmill/events_f2.gif) no-repeat top left !important;
	display:block;}	


	
	
	
.item95 {width:99px;
background: url(../images/crabmill/partners_f2.gif);
}
.item95 a:link, .item95 a:visited, .item95 a:active {
	background: url(../images/crabmill/partners.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item95 a:link, #current.item95 a:visited, #current.item95 a:active, .item95 a:hover {
	background: url(../images/crabmill/partners_f2.gif) no-repeat top left !important;
	display:block;}	
	


	
	
.item139 {width:93px;
background: url(../images/crabmill/gallery_f2.gif);
}
.item139 a:link, .item139 a:visited, .item139 a:active {
	background: url(../images/crabmill/gallery.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item139 a:link, #current.item139 a:visited, #current.item139 a:active, .item139 a:hover {
	background: url(../images/crabmill/gallery_f2.gif) no-repeat top left !important;
	display:block;}	
	
	


	
.item96 {width:131px;
background: url(../images/crabmill/recruit_f2.gif);
}
.item96 a:link, .item96 a:visited, .item96 a:active {
	background: url(../images/crabmill/recruit.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item96 a:link, #current.item96 a:visited, #current.item96 a:active, .item96 a:hover {
	background: url(../images/crabmill/recruit_f2.gif) no-repeat top left !important;
	display:block;}	
	
	


	
.item122 {width:107px;
background: url(../images/crabmill/contact_f2.gif);
}
.item122 a:link, .item122 a:visited, .item122 a:active {
	background: url(../images/crabmill/contact.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item122 a:link, #current.item122 a:visited, #current.item122 a:active, .item122 a:hover {
	background: url(../images/crabmill/contact_f2.gif) no-repeat top left !important;
	display:block;}	
	
		
/*** end of nav *****************************/




/*** homepage layouts ***/

#leftColLarge {
	background:url(/venues/images/stories/crabmill/crabmill-home-left.gif) no-repeat top left #301406;
	color:#fff;
	height:494px;
	width:445px;
	float:left;
}
#rightColLarge {
	background:url(/venues/images/stories/crabmill/crabmill-home-right.jpg) no-repeat top right #301406;
	height:494px;
	width:495px;
	float:right;}	
	


/*** sub layouts ***/

#content a:link, #content a:visited, #content a:active {
	color:#fff;
}
#content a:hover {
	color:#CC9966;
}

#contentRight {
border-top: #fff solid 10px;
border-bottom: #fff solid 10px;
}

	
/*****************************************/
/*** footer ***/
/*****************************************/



div#footer {
	background:#fcf9e8 url(../images/crabmill/crabmill-footer.gif) no-repeat top right;
	color:#222;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:#666;
}
#footer a:hover {
	color:#222;
}




/* META
--------------------------------------------------------- */



/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #CC9966;
}




/* ------- links in moduletable_menu  - as seen in client login area ------------------------- */


.moduletable_menu a:link, .moduletable_menu a:visited, .moduletable_menu a:active {
	color:#301406;
}
.moduletable_menu a:hover {
color:#996666;
}



/* ------- styling also for client - paste into editor css file ------------------------- */


.contact {
	color:#301406;
}

.contact a:link, .contact a:visited, .contact a:active {
	color:#996666;
}


#google-map iframe 
{
border: 2px solid #CC9966;
}*


/* alt for ie all ie6 and ie7 */
#topNav ul.menutop ul {
*width: 852px;
*margin: 0 0 0 88px;
_margin: -45px 0 0 88px;
}