/**************************************************************************************************
											CMS TEMPLATE

The styles on this page are the standard defaults used for the majority of the websites we produce
set default styles for the body and the font family, but NEVER the font size or line spacing


***************************************************************************************************/

/*-----------------------------------------------------------------------------------------------------*/
/*--------------------------------------- 4SITE STYLES ------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:24px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	color:#333333;	
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#485913;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	color:#333333;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0px;
	padding:0px;
	font-weight:bolder;
	color:#485913;
}


img {						/* <--- standard image type with 5 pixel padding and no border */
	padding:5px;
	border:0px;
}
img.nopadding {				/* <--- image class with no padding for all other images on the site */
	padding:0px;
}


.consecdivs{				/* <--- style for the consecutive divs on page type 2. Need to be same width as main content area*/
	width:100%;
	float:left;
}
.divider {					/* <-- style for the dividing div between each consecdiv */
	font-size:0px;
	width:100%;
	border-top:dashed 1px silver;
	margin-bottom:0px;
	margin-top:10px;
}
.item{						/* <--- Style for item titles on page type 2 */
	font-size:130%;
	/*color:#485925;*/
	color:#333333;
	
}


.menuoption{				/* <--- Style for your menu option divs*/
	float:left;
	overflow:hidden;
	height:23px;
	padding-top:2px;
	width:130px;
	padding-left:30px;
	background-color:#DDDDDD;
	border-bottom:1px solid #C1C1C1;
	/*
	background-image:url(images/framework/buttonback.gif);
	background-repeat:no-repeat;
	background-position: 10px 1px;
	*/
	position:relative;
	
	letter-spacing:0.02em;
}
.menulink{					/* <--- style for menu text links */
	color:#333333;
	font-weight:100;
	text-decoration:none;
}
.menulink:hover{			/* <--- style for menu text links rollovers */
	color:#485913;
	text-decoration:none;
}


/*@@@@@@@@@@@  2009 Styles  @@@@@@@@@@@@@@@@@@@@@@*/
.menuoption_level2{
	float:left;
	overflow:hidden;
	height:23px;
	padding-top:2px;
	width:130px;
	padding-left:30px;
	background-color:#DDDDDD;
	/*background-color:gold;*/
	border-bottom:1px solid #C1C1C1;
	position:relative;
	letter-spacing:0.02em;
}

.menuoption_level3{
	float:left;
	overflow:hidden;
	height:23px;
	padding-top:2px;
	width:110px;
	padding-left:50px;
	background-color:#DDDDDD;
	background-color:#eeeeee;
	border-bottom:1px solid #C1C1C1;
	position:relative;
	letter-spacing:0.02em;
}


/*@@@@@@@@@@@ 2009 menu styles*/


/****************************************************************************************************/
/************************************ TAG STYLES ****************************************************/

body{						/* <--- Main styles for pages. DO NOT set any font sizes in here */
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#6D6D6D;
	padding-top:20px;
}

a{							/* <--- Main defining style for anchors */
	text-decoration:underline;
	color:#000000;
}

a:hover{					/* <--- Main style for anchor rollovers */
	text-decoration:underline;
	color:#485913;
}




/****************************************************************************************************/
/************************************* ID STYLES ****************************************************/
#container{
	width:850px;
	margin:auto;
}
#leftgrad{
	/*width:764px;
	padding-left:12px;
	background-image:url(images/framework/leftgrad.gif);
	background-repeat:repeat-y;
	float:left;*/
}
#rightgrad{
	/*
	width:750px;
	padding-right:14px;
	background-image:url(images/framework/rightgrad.gif);
	background-repeat:repeat-y;
	background-position:right;
	float:left;
	*/
}
#middle{
	width:850px;
	float:left;
	position:relative;
	background-color:#6D6D6D;
}
#bottom{
	width:850px;
	background-image:url(images/framework/bottom_new.jpg);
	background-repeat:no-repeat;
	
	height:115px;
	overflow:hidden;
	float:left;
	padding-top:60px;
	line-height:18px;
}
#header{					/* <--- This should be your header div. Add styles as necessary */
	width:830px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	height:260px;
	overflow:hidden;
	float:left;
	background-image:url(images/framework/header_back.jpg);
	background-repeat:no-repeat;
}

.new_top{
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#9e9e9e;
	font-weight:normal;
}

.new_top:hover{
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#333333;
	font-weight:normal;
	text-decoration:none;
}

#mainsite{
	width:850px;
	float:left;
	padding-bottom:10px;
	/*
	background-image:url(images/framework/menucornerhome.jpg);
	background-repeat:no-repeat;
	*/
	
	/*
	background-image:url(images/framework/top.jpg);
	background-repeat:no-repeat;
	*/
	
	background-image:url(images/framework/menu_back.jpg);
	background-repeat:repeat-y;
	

}
#couvezmainsite{
	width:750px;
	float:left;
	padding-bottom:10px;
	background-image:url(images/framework/couvezmenucorner.jpg);
	background-repeat:no-repeat;
}
#baleinemainsite{
	/*width:750px;
	float:left;
	padding-bottom:10px;
	background-image:url(images/framework/baleinemenucorner.jpg);
	background-repeat:no-repeat;
	*/
	width:850px;
	float:left;
	padding-bottom:10px;
	
	
	background-image:url(images/framework/menu_back.jpg);
	background-repeat:repeat-y;
}
#saussaiemainsite{
	/*width:750px;
	float:left;
	padding-bottom:10px;
	background-image:url(images/framework/saussaiemenucorner.jpg);
	background-repeat:no-repeat;
	*/
	width:850px;
	float:left;
	padding-bottom:10px;

	background-image:url(images/framework/menu_back.jpg);
	background-repeat:repeat-y;
}
#menu{						/* <--- This should be your menu div. Add styles as necessary */
	width:160px;
	float:left;
	font-size:80%;
	letter-spacing:0.05em;
	line-height:1.7em;
	padding-left:10px;
	padding-right:10px;

	
}
#bodyholder{
	float:left;
	display:inline;
	width:490px;
	/*background-color:yellow;*/

	/*
	border-left:dashed 1px #A1AC81;
	border-right:dashed 1px #A1AC81;*/
}
#pageheader{
	width:476px;
	float:left;
	margin-bottom:5px;
}
#keepheight{
	width:1px;
	overflow:hidden;
	float:right;
	height:400px;
	/*background-color:red;*/
	
}
#body {				/* <--- This should be your main content div. Add styles as necessary */
	font-size:70%;
	line-height:1.5em;
	letter-spacing:0.02em;
	float:left;
	display:inline;
	width:484px;
	padding-left:5px;
	text-align:left;
	color:#333;
	padding-bottom:10px;
	/*background-color:orange;*/


}
#rightbar{
	width:180px;
	float:right;

}
#gallerycontainer{
	width:300px;
}
#contactsubmit{
	border:solid 1px #7F9DB9;
	margin-top:5px;
	background-color:#F5F5F5;
}

/****************************************************************************************************/
/*********************************** CLASS STYLES ***************************************************/
.rightpanel{
	width:160px;
	float:left;
	margin-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	font-size:70%;
	line-height:1.4em;
	color:#666666;
}

.rightpanel_top{
	background-image:url(images/framework/top_advert.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:160px;
	padding-bottom:10px;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}

.rightpanel_mid{
	background-image:url(images/framework/mid_advert.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:160px;
	padding-bottom:10px;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}

.rightpanel_bot{
	background-image:url(images/framework/bot_advert.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:160px;
	padding-bottom:10px;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}


.rightpanel img{
	padding:0px;
}
.sidelink{
	font-size:110%;
	font-weight:bold;
	color:#456301;
	text-decoration:none;
}
.sidelink:hover{
	color:#8FA34C;
	text-decoration:none;
}
.imagediv{
	width:94px;
	height:94px;
	padding:10px;
	float:left;
	background-image:url(images/framework/galleryback.gif);
	background-repeat:no-repeat;
	margin-left:2px;
	margin-right:5px;
	display:inline;
	

}
#contactformholder{
	width:350px;
	margin:auto;
}
.contacttitle{
	height:25px;
	float:left;
	width:100px;
}
.contactitem{
	height:25px;
	float:right;
	width:210px;
}
.contactitemenq{
	float:right;
	width:210px;
	overflow:hidden;
}
#contactenquiry{
	float:right;
	width:200px;
	height:200px;
	margin-right:5px;
}
.contactforminput{
	width:200px;
}
.contactitembut{
	text-align:right;
	width:100%;
	float:right;
	margin-right:5px;
}

.gallerynext{
	height:15px; 
	float:right; 
	text-align:right; 
	width:100px;
	font-size:70%;
	padding-right:13px;
}

.galleryprev{
	height:15px; 
	float:left; 
	width:120px;
	font-size:70%;
	padding-left:13px;
}

.gallerynextprevlink{
	text-decoration:none;
	color:#456301;
}

.gallerynextprevlink:hover{
	text-decoration:none;
	color:#8FA34C;
}

/*-----------------------------------------------------------------------------------------------------*/
/*---------------------------- CODEBRUSH FOOTER STYLES ------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/

#codebrushfooter{
	width:100%;
	height:40px;
	display:inline;
	position:relative;
	float:left;
	overflow:hidden;
	margin-top:0px;
	padding-top:0px;
}
#w3clinks{
	float:left;
	padding-left:15px;
	padding-top:0px;
}
#codebrushlinkdiv{
	float:right;
	padding-right:20px;
	font-size:70%;
	color:#333;
	margin-top:3px;
	padding-top:55px;
	text-align:right;
}
#codebrushlink{
	text-decoration:none;
	color:#666;
	font-weight:100;
}
#codebrushlink:hover{
	color:#000;
}
.codebrushfooterimage{
	border:solid 0px white;
	padding:0px;
}
#accessibilitylink{
	font-weight:100;
	font-size:70%;
	color:#666;
	height:20px;
	margin-top:3px;
	float:left;
	width:100px;
	padding-left:20px;
}
.accessibilityanchor{
	color:#666;
	font-weight:100;
}
.accessibilityanchor:hover{
	color:#333;
	text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------------*/