/*  	Site stylesheet for Ventnor 2010 and Ventnor Festival.

	Three letter class name prefixes define related document names; 'rcv_xxxxx' relates to Ref_Colour values.html  
____________________________________________________________________________________________________________________ */


.right {text-align: right; }
h1	{line-height: 1.1em; padding: 15px 0px; font-size: 22px; }

body { font-family: Verdana, Sans-Serif; 
	font-size: 0.8em;
	margin: 0;
	color: rgb(51,51,102);  
}

div#body { height: auto; 
	min-height: 24em;
	width: 984px;
	margin: auto;
	padding: 0 8px 200px 8px; 

}

div.hdr		{ margin: 50px 0 0 170px; }
div#maintxt		{ width: 450px; margin: 20px; line-height: 20px; padding: 0 5px; height: auto; float: right; z-index: 1; }
div#maintxt a	{ text-decoration: none; color: navy; }
div#maintxt a:hover { text-decoration: underline; }
div#pagetxt		{ width: 600px; margin: 20px 20px 20px 170px; line-height: 20px; padding: 0 5px 5px 5px; background-color: white; }
div#cu1		{ width: 650px; margin: 0px 20px 0px 170px; line-height: 20px; padding: 0 20px 50px 20px; z-index: 1; } 

div#odalisque 	{ position: fixed; bottom: 10px; left: 5px; }
div#seascape 	{ position: fixed; bottom: 10px; left: 100px; z-index: -1;}
div#seascape2 	{ position: fixed; bottom: 10px; left: 5px; z-index: -1;}
div#clamshell 	{ position: fixed; bottom: -20px; right: 20px; }
div#trumpet 	{ position: fixed; bottom: -5px; right: 90px; }
div#phone	 	{ position: fixed; bottom: 80px; left: 60px; }
div#book	 	{ position: fixed; bottom: 0px; left: 10px; }


img#poster	{ position: fixed; top: 0; right: 0; border: none; margin: 0; padding; 0; outline: none; }
 

/* ----------------------------------- Main Menu ----------------------------------------------------------------------------------- */
div.mainmenu	{ position: fixed; top: 5px; bottom: 10px; left: 5px; width: 134px; background-color: #C0C0C0; height: auto; }
div.mainmenu ul 	{ list-style-type: none; margin: 0; padding: 50px 0 0 0; border: 0; }						/* main menubar */
div.mainmenu ul a { 
	font-family: century gothic, sans-serif; 
	font-size: 0.9em;
	color: #2F4F4F;
	display: block; 
	text-decoration: none;
	font-weight: bold; 
	text-align: center; 
	background-color:  #DCDCDC;
	padding: 1px 5px;
	margin: 2px 0; 
	width: 124px;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
}
div.mainmenu ul a:hover { background-color: #D0D0D0; }
div.mainmenu ul a.current { background-color: #D0D0D0; color: #8F8F8F; } 

/* ----------------------------------- end ----------------------------------------------------------------------------------------- */