/*	Chateau de Bossey CSS styles
	uses only one stylesheet for home and pages, hacks and special cases commented.
	all images are in the "img" subfolder.
*/

/* GENERAL STRUCTURE */

body	{
	font-family: verdana, arial, helvetica, "bitstream vera sans", sans;
	background: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

#wrapper	{
	background: #fff;
	margin: 0 auto;
	width: 955px;
	text-align: left;
	}

/* - - - BACKGROUND */

#background_left	{
	width: 40%;
	background: url(img/background_left.png) top right repeat-y;
	}

#background_right	{
	width: 40%;
	background: url(img/background_right.png) top left repeat-y;
	}

#container	{
	width: 955px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	}

/* - - - HEADER */

#head	{
	height: 135px;
	width: 100%;
	background: url(img/head.png) bottom center no-repeat;
	font-size: 10px;
	line-height: 16px;
	color: #666;
	position: relative;
	}

#head ul	{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 8px;
	right: 31px;
	}

.tx-srlanguagemenu-pi1 {
	margin:0; padding:0px;
}

#head ul li	{
	float: left;
	display: inline;
	margin-left: 20px;
	}
	
input, textarea	{ /* search bar */
	border: 1px solid #690;
	font-size: 9px;
	color: #666;
	}

#switcher_small	{
	font-size: 9px;
	}

#switcher_medium	{
	font-size: 12px;
	}

#switcher_large	{
	font-size: 15px;
	}

.switcher_active	{
	font-weight: bold;
	}

#head a:link, #head a:visited	{
	color: #666;
	text-decoration: none;
	}

#head a:hover	{
	color: #690;
	text-decoration: none;
	}

/* - - - NAVIGATION */

#navigation	{
	height: 24px; /* ie hack. using background instead of bottom border to correct display issue */
	width: 100%;
	/* font-size: 0px; */
	font-size: 12px;
	color:#ffffff;
	line-height: 0px;
	background: #45690f url(img/navigation.png) top left repeat-x; /* ie hack. same as above */
	position: relative;
	}

#navigation img	{
	border: 0;
	}

#navigation_images	{
	padding-left: 25px; padding-top:5px; 
	}

#navigation_wcc	{
	position: absolute;
	top: 4px;
	right: 50px; 
	}

#navigation a:link, #navigation a:visited, #navigation a:hover	{
	padding-left: 10px; 
padding-top:5px; 
padding-bottom:6px;
padding-right:10px;
color: white;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 11px;
	line-height: 12px;
	}

/* - - - - - HOME PAGE ONLY */

#home_top	{ /* top image */
	height: 149px;
	width: 100%;
	background: #690 url(img/home_top.jpg) center center no-repeat; 
	}

#banner_left_title {
	position:relative;
	top:115px;
	left:81px;
	width: 405px;
	}

#banner_right_title {
	position:relative;
	top:85px;
	left:600px;
	width: 380px;
	}

#home_middle	{ /* 3 content boxes*/
	margin-top: 50px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	}

#home_middle img	{
	margin-bottom: 0;
	}

#home_middle p	{
	margin-top: 4px;
	}

#home_middle_center	{
	float: left;
	width: 250px;
	margin-top: 0;
	margin-left: 52.5px; /* centers the center div */
	}

#home_middle_left	{
	float: left;
	width: 250px;
	}

#home_middle_right	{
	float: right;
	width: 250px;
	}

#home_middle_clear	{ /* gives propper height to home_middle */
	clear: both;
	height: 50px; /* opera hack. used instead of home_midle bottom margin for correct display */
	}

#home_bottom	{ /* meeting at bossey box */
	background: url(img/home_bottom.jpg) top center no-repeat;
	width: 889px;
	height: 106px;
	margin-left: 33px;
	margin-bottom: 100px;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	position: relative;
	clear: both;
	}

#home_bottom_text	{ /* positions the text where it has to go */
	position: absolute;
	top: 0px;
	left: 298px;
	margin: 0;
	padding: 0;
	width: 591px;
	}

#home_bottom_text p	{
	margin: 0;
	padding: 0;
	}

.home_link	{
	text-align: right;
	font-weight: bold;
	}

/* links */

#home_middle a:link, #home_middle a:visited, #home_bottom a:link, #home_bottom a:visited {
	text-decoration: none;
	color: #690;
	}

#home_middle a:hover, #home_bottom a:hover	{
	text-decoration: none;
	color: #45690f;
	}

/* - - - PAGE SPECIFIC */

/* - structure and general things */

#page	{
	width: 889px;
	margin-left: 33px;
	padding: 0;
	/* background: url(img/page.png) top center no-repeat; */
	font-size: 11px;
	}

#title_image {
	text-align:center;
}

#page a:link, #page a:visited	{
	text-decoration: underline;
	color: #690;
	}

#page a:hover	{
	text-decoration: underline;
	color: #45690f;
	}

#page_left	{
	float: left;
	width: 204px;
	margin-right: 17px;
	margin-top: 0;
	/*padding-top: 49px; */
	padding-top:0px;
	}

#page_center	{
	float: left;
	width: 447px;
	margin-top: 0;
	/* padding-top: 64px; */
	padding-top:0px;
	position: relative;
	}

#page_right	{
	float: right;
	width: 204px; /* ie hack, must include margin in width and drop the margin. 187 + 17 */
	margin-top: 0;
	/* padding-top: 64px; */
	padding-top:0px;
	position: relative;
	}

#page_clear	{ /* gives propper height to page. keeps background from not showing in some browsers */
	clear: both;
	}

/* - special cases (current page and print/send) */

#page_currentpage	{
	position: absolute;
	top: 168px;
	left: 254px;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	}

#page_homelink {
	position: absolute;
	top: 21px;
	left: 14px;
	height: 100px;
}

#page_currentpage a:link, #page_currentpage a:visited	{
	text-decoration: none;
	color: #690;
	font-weight: normal;
	}

#page_currentpage a:hover	{
	text-decoration: none;
	color: #45690f;
	font-weight: normal;
	}

#page_printsend	{
	position: absolute;
	top: 46px;
	right: 17px;
	font-size: 10px;
	}

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

#page_printsend a:hover	{
	text-decoration: none;
	color: #690;
	}
/* - content styling */

#page_left ul	{
	list-style-type: none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	}

#page_left ul li	{
	/* height: 14px; */
	padding-left: 17px;
	padding-bottom: 2px;
	margin-bottom: 3px;
	background: url(img/page_left_bg.png) bottom left no-repeat;
	}

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

#page_left a:hover	{
	text-decoration: none;
	color: #690;
	}

#page_left ul li#active	{
	/* height: 14px; */
	padding-left: 17px;
	padding-bottom: 2px;
	margin-bottom: 3px;
	background: url(img/page_left_bg_current.png) bottom left no-repeat; 
	}

#page_left li#active a:link, #page_left li#active a:visited	{
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}

#page_left li#active a:hover	{
	text-decoration: none;
	font-weight: bold;
	color: #690;
	}

#page_left ul li.lev1	{
	padding-left: 27px;
}
#page_left ul li.lev2	{
	padding-left: 37px;
}
#page_left ul li.lev1_act	{
	padding-left: 27px;
	font-weight: bold;
	background: url(img/page_left_bg_current.png) bottom left no-repeat;
}
#page_left ul li.lev2_act	{
	padding-left: 37px;
	font-weight: bold;
	background: url(img/page_left_bg_current.png) bottom left no-repeat;
}

#page_center_introduction	{
	font-weight: bold;
	}

#page_center_alsovisit	{
	margin-top: 35px;
	margin-bottom: 15px;
	}

#page_center_alsovisit p	{
	margin-top: 3px;
	margin-bottom: 3px;
	}

#page_right	{
	color: #666;
	}

#page_right p	{
	margin-right: 17px;
	}

* html #page_right p#page_right_firstitem	{ /* ie hack. corrects spacing problems */
	margin-bottom: 0;
	}

* html #page_right p#page_right_item	{ /* ie hack. same as above */
	margin-bottom: 1px;
	margin-top: 4px;
	}

#page_right_title a:link, #page_right_title a:visited, #page_right_title a:hover	{
	text-decoration: none;
	font-weight: bold;
	}

/* - - - FOOTER */

#footer	{
	width: 80%;
	padding-left: 50px;
	margin-top: 24px;
	margin-bottom: 15px;
	font-size: 10px;
	color: #666;
	clear: both;
	}

#footer a:link, #footer a:visited	{
	text-decoration: none;
	color: #666;
	}

#footer a:hover	{
	text-decoration: none;
	color: #690;
	}
	
/* Standard text and titles */

p { margin-top:0px;}

p.morespace {
	margin-bottom:6px;
}

.bodytext { 
	margin-top:0px; 
	font-family: verdana, arial, helvetica, "bitstream vera sans", sans;
	font-size:11px;
}
.smaller { font-size:9px; }
span.small{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 9px;}
span.red {color:#990000}
p.western {
	margin:0 auto;
}
p.sdfootnote {
	font-size: 9px;
}
p.framed
{
	width: 100%;
	border-color: #DBCECA;
	border-width:1px;
	border-collapse:collapse;
	border-style:solid;
	background-color: #F5F2F0;
	color:#990000;
	padding:10px;
}

h1 {
	color: #639600;
	font-size:30px;
	font-weight:normal;
}

h2 {
	color: #639600;
	font-size:20px;
	font-weight: normal;
	margin-bottom: 8px;
}

h3 {
	color: #639600;
	font-size:14px;
	margin-bottom: 0px;
}

h4 {
	color: #639600;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom: 0px;
}

h5 {
	color: #639600;
	font-size:11px;
	font-style:italic;
	margin-left:20px;
	margin-bottom: 0px;
}
h6 {
	color: #639600;
	font-size:11px;
	font-style:normal;
	margin-left:40px;
	margin-bottom: 0px;
}

.csc-textpic-caption {
	padding-bottom:10px;
	font-size:9px;
}

/* Default Typo3 RTE */

/* Indentation */
.indent { padding-left:50px; }

/* Left, center and right alignment of text in paragraphs and cells.*/
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #999999; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #999999; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}