/**************************************************************************************************************************/
/* HTML Tag redefinitions *************************************************************************************************/
/**************************************************************************************************************************/

body									{ font-family: Verdana, Arial; font-size: .7em; margin: 0px; color:#333; margin-bottom: 10px; background: #FFF; }

label									{ display: block; float: left; width: 125px; }

p										{ line-height: 20px; margin: 0px 0px 10px 0px; }

h1, h2									{ font-size: 1.1em; clear: both; display:block; }

h1										{ color: #4A4D6A; font-size: 1.2em; margin: 10px 0px 0px 0px; }

h2										{ padding: 0px 0px; margin: 15px 0px 0px 0px; color: #465300; font-size: 1.3em; }

a img									{ border: 0px; }

.inputBox								{ width: 330px; }

.selectBox								{ width: 334px; }

form									{ margin: 0px; }

/**************************************************************************************************************************/
/* IDs ********************************************************************************************************************/
/**************************************************************************************************************************/

#main									{ width: 970px; background-color: #FFF; margin: 0px auto; }

#head, #head2							{ float: left; display: inline; width: 970px; height: 144px; background:#FFF url(../images/headbg2.jpg); border-bottom: 2px solid #FFF; }

#head2									{background:#FFF url(../images/headbg.jpg); height: 224px; border-bottom: 0px; }

#head img								{ float: right; }

#sidebar								{ float: left;width: 400px; background-color:#FFF; }

#content								{ float: left;width: 560px; background:#FFF; margin: 0px 0px 0px 0px; }

#contentLarge							{ float: left;width: 970px; background:#FFF; margin: 0px 0px 0px 0px; }

#splash									{ float: left; margin: 0px 0px 0px 0px; width: 770px; height: 230px; text-align: center; }
	
#footer									{ float: left; width: 970px; height: 60px; background:#97A910; margin: 10px 0px 3px 0px;  background:#FFF url(../images/evo_logo.png) no-repeat right; }

#nav									{ float: left;height: 40px; width: 600px; margin-top: 104px; font-size: 0.9em; }

#head2 #nav								{ margin-top: 182px; }

#contentLeft, #contentRight				{ float: left; border-bottom: 3px solid #8E5236; }

div.scrollable							{ height: 545px; width: 540px; overflow: auto; margin-right: -20px; padding-right: 20px; }

/****************************/
/* Food Page Styles *********/


div.foodLeft							{ height: 590px; width: 400px; background: #BCCE4F url(../images/food_left.jpg) no-repeat; }

div.foodNewLeft							{ height: 590px; width: 400px; background: #BCCE4F url(../images/food_new_left.jpg) no-repeat; }

div.foodRight							{ height: 545px; width: 540px; background: #BCCE4F url(../images/food_right.jpg) no-repeat; padding: 45px 20px 0px 10px; }

div.sandwichMenu						{ color: #FFF; margin-top: 175px; font-size: 0.8em; line-height: 1.5em; }

div.curryMenu							{ color: #FFF; margin-top: 195px; font-size: 0.8em; line-height: 1.5em; }
				
div.toastieMenu							{ color: #FFF; margin-top: 290px; font-size: 0.8em; line-height: 1.5em; }

div.food p								{ color: #505E08; }

/****************************/
/* News Page Styles *********/


div.newsLeft							{ height: 590px; width: 400px; background: #BCCE4F url(../images/news_left.jpg) no-repeat; }

div.newsLeft h2							{ color: #FFF; margin-top: 300px; margin-left: 10px; }

div.newsLeft p strong					{ color: #BCCE4F; }

div.newsLeft p							{ color: #FFF; margin-left: 10px; }

div.newsLeft a							{ color: #FFF; }

div.newsRight							{ height: 545px; width: 540px; background: #BCCE4F url(../images/news_right.jpg) no-repeat; padding: 45px 20px 0px 10px; }


/****************************/
/* Webcam Page Styles *******/

div.webcam							{ width: 950px; height: 400px; background: #BCCE4F url(../images/webcam_left.jpg) no-repeat; padding: 45px 10px 0px 10px; }

div.webcamMenu						{ float: left; width: 350px; margin: 10px 0px 0px 10px; }

div.webcamApplet					{ float: left; width: 320px; height: 240px; margin:  80px 0px 0px 80px; border: 10px; }

div.galleryInfo h2					{ margin-top: 0px; }


/****************************/
/* Gallery Page Styles ******/

div.gallery							{ width: 950px; background: #BCCE4F url(../images/gallery_left.jpg) no-repeat; padding: 45px 10px 0px 10px; }

div.galleryItem						{ float: left; width: 450px; height: 200px; margin: 10px 0px 0px 10px; }

div.galleryInfo						{ float: left; width: 300px; height: 200px; margin:  0px 0px 0px 10px; }

div.galleryInfo h2					{ margin-top: 0px; }


/****************************/
/* Gallery Page Styles ******/

div.penguin							{ width: 950px; height: 545px; background: #BCCE4F url(../images/penguin_left.jpg) no-repeat; padding: 45px 10px 0px 10px; }

#penguingame						{ width: 650px; height: 400px; border: 5px solid #FFF; margin: 10px auto; }

/****************************/
/* Letting Page Styles ******/

div.letting							{ width: 940px; height: 400px; background: #BCCE4F url(../images/letting_left.jpg) no-repeat; padding: 45px 20px 0px 10px; }

div.letting div.content				{ width: 650px; margin: 250px 0px 0px 0px; }

/****************************/
/* Pool Page Styles *********/

div.pool							{ width: 940px; height: 447px; background: #BCCE4F url(../images/pool_left.jpg) no-repeat; padding: 0px 20px 0px 10px; }

div.pool div.content				{ margin: 300px 0px 0px 330px; }

/****************************/
/* function Page Styles *****/

div.function						{ width: 940px; height: 447px; background: #BCCE4F url(../images/function_left.jpg) no-repeat; padding: 0px 20px 0px 10px; }

div.function div.content			{ width: 630px; margin: 280px 0px 0px 0px; }


/****************************/
/* function Page Styles *****/

div.civil							{ width: 940px; height: 447px; background: #BCCE4F url(../images/civil_left.jpg) no-repeat; padding: 0px 20px 0px 10px; }

div.civil div.content				{ width: 560px; margin: 250px 0px 0px 0px; }


/****************************/
/* contact Page Styles ******/

div.contact							{ width: 940px; height: 477px; background: #BCCE4F url(../images/contact_left.jpg) no-repeat; padding: 0px 20px 0px 10px; }

div.contact p						{ color: #000; }

#contactForm						{ float: right; width: 470px; margin: 130px 10px 0px 0px; }

#mapWrapper							{ float: left; width: 430px; height: 385px; border: 3px solid #FFF; margin-top: 50px; }

.contactInstructions				{ width: 270px; }

/**************************************************************************************************************************/
/* Classes ****************************************************************************************************************/
/**************************************************************************************************************************/

.longInput								{ width: 430px; }
select.longInput						{ width: 424px; }
select.smallerInput						{ width: 255px; }

.smallPrint								{ font-size: 0.8em; }

.formP									{ margin: 4px 0px 4px 0px; }

.halfButton								{ width: 150px; }
.galleryThumb							{ width: 102px; height: 102px; text-align: center; float: left; padding: 0px; border: 4px solid #FFF; background-color: #DDEB7F; margin: 0px 10px 10px 0px; padding: 5px; }

.galleryThumb img						{ display: block; border: 1px solid #CDDD60; margin: auto auto; }

/**************************************************************************************************************************/
/* Link Definitions *******************************************************************************************************/
/**************************************************************************************************************************/

a:link, a:visited, a:hover, a:active	{ color: #000; text-decoration: none; }

#content h1 a							{ color: #4A4D6A; }

/**************************************************************************************************************************************************************************/
/* Navigation Styles ******************************************************************************************************************************************************/

#nav ul, .menuli							{ list-style-type:none; margin: 0px; padding:0px; margin-bottom:0px; float: left;  }

#nav .menutitle								{ display:block; float: left; height: 26px; background: #465300; padding:5px 8px; margin: 2px; }

#nav #menu .menutitle						{ color: #FFF; text-align: center; vertical-align:middle; }

#nav #menu a.menutitle						{ text-align: center; vertical-align:middle; }

#nav #menu a:hover							{ background: #91A300; }

/**************************************************************************************************************************/
/* End CSS ****************************************************************************************************************/
/**************************************************************************************************************************/