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


body {
background:url(../images/orange/orange-background.jpg) no-repeat fixed center;
	}
	


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

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

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



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

div#bodyWrapper {
background-color:#333;
color:#fff;
}
	
div#header {
background:url(../images/orange/orange-header.gif) no-repeat top left #ff9933;
	}
	
div#topLogo #topLogoOrange a {
width:320px;
height:100px;
display:block;
}
	
div#contentWrapper {
	background-color:#333;
	color:#000;
	}


div#content {
background-color:#333;
color:#fff;
	}


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


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

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

/*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 ************/

.item82 {
	background: url(../images/orange/home_f2.gif);
}
.item82 a {
	background: url(../images/orange/home_f2.gif);
}
.item82 a:link, .item82 a:visited, .item82 a:active {
	background: url(../images/orange/home.gif) no-repeat top left;
	display:block;
	width:88px;
	height:45px;
}
#current.item82 a:link, #current.item82 a:visited, #current.item82 a:active, .item82 a:hover {
	background: url(../images/orange/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 ************/
	
	
.item81 {width:77px;
background: url(../images/orange/about_f2.gif); 
}
.item81 a {
background: url(../images/orange/about_f2.gif); 
}
.item81 a:link, .item81 a:visited, .item81 a:active {
	background: url(../images/orange/about.gif) no-repeat top left !important;
	display:block;
	height: 100%;
	width: 100%;
}
#current.item81 a:link, #current.item81 a:visited, #current.item81 a:active, .item81 a:hover {
	background: url(../images/orange/about_f2.gif) no-repeat top left !important;
	display:block;}	


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




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



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



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


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


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


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


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




/*** homepage layouts ***/

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


/*** sub layouts ***/

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

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

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



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

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




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



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




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


.moduletable_menu a:link, .moduletable_menu a:visited, .moduletable_menu a:active {
	color:#999;
}
.moduletable_menu a:hover {
color:#fff;
}



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


.contact {
	color:#999;
}

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




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


/* overide map location and style */

#content {
position:relative;
}

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

.moduletable-map-location  {
position:absolute;
top:965px;
left:560px;
}


/* Xmas ------- */

.contentheading-Christmas-Meal-Menu {
color: #fff;
    font-size: 2.2em;
    line-height: 1em;
    margin: 1em 0 0.75em 10px;
    width: 640px;}

.article-content-Christmas-Meal-Menu h1, .article-content-Christmas-Meal-Menu h2, .article-content-Christmas-Meal-Menu h3 {
color:#CC0000;
}

.article-content-Christmas-Meal-Menu #contentRight {
    border-bottom: 10px solid #990000;
    border-top: 10px solid #990000;
}

#content .article-content-Christmas-Meal-Menu a:link, #content .article-content-Christmas-Meal-Menu a:visited, #content .article-content-Christmas-Meal-Menu a:active {
    color: #CC0000;
}