/* ---------  CSS Styles for www.clouqueur.net by Caroline Clouqueur  --------- */

/* ------------ Basic formatting ------------ */
body {
	margin: 0;
	padding: 0;
	background-color: #891D2F;
	font: normal 76%/1.8em Helvetica, sans-serif;
	}

/* list-style: | list-style-type | list-style-position | list-style-image;
ex: ul { list-style: square inside url('sqr.gif');}
*/

h1, h2, h3, h4, h5, p, ul, ol, li {
	font: normal 12px/18px Helvetica, sans-serif;
	color: #4F4F4F;
	padding: 0;
	margin: 0;
	}
h1 {
	font: bold 14px/14px Helvetica, sans-serif;
	color: #891D2F;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 0px;
	margin-bottom: 6px;
	}
h2 {
	color: #c60;
	padding: 0 0 0.5em 0;
	font: bold 14px/16px Helvetica, sans-serif;
	}

h3 {
	font: bold 12px/16px Helvetica, sans-serif;
	padding: 1em 0 0.5em 0;	
	}
h4 {
	font: bold italic 0.9em/1.2em Helvetica, sans-serif;
	padding: 1em 0 0.5em 0;	
	}
h5 {
	font: normal 1em/1.2em Helvetica, sans-serif;
	padding: 0.5em 0 0.5em 1.5em;	
	}
.float {
	float: left;
}
p {
	padding: 0 0 10px 0;
	}
p.reference{
	font-size: 75%;
	}
img {
	padding: 0;
	margin: 0;
	border: 0;
	}
ul, ol {
	padding: 0 0 0.7em 1.5em;
	margin: 0.2em 0.5em 0.2em 1.5em;
	}
ul {
	list-style-type: square;
	font-size: 11px;
	}
li {
	line-height: 1.4em;
	padding: 0 0 .5em 0;
	}
li li, li li li{
	font-style: italic;
	line-height: 1.2em;
	padding: 0 0 .2em 0;
	}
blockquote {
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 0;
	background-color: #ccc;
	}
table {
	margin: 0 0 0px;
	border: 0;
}
tr, td {
	padding: 0;
	margin: 0;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid;
}
td.light{
	background-color: #FED762;
	background-image: url(../images/box_grad.gif);
	background-repeat: repeat-x;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
a {
	text-decoration: none;
	/*border-bottom: 1px dotted #4F4F4F;*/
	/*color: #4F4F4F; */
	color: #891D2F; 
	}
a:link {
	/*border-bottom: 1px dotted #f90;*/
	/*color: #4F4F4F; */
	color: #891D2F; 
	text-decoration: none;
	}
a:visited {
	color: #891D2F; 
	text-decoration: none;
	}
a:hover {
	color: #996633; 
	text-decoration: none;
	}
a:active {
	color: #993333; 
	text-decoration: none;
	}


/* ------------------- Contact Form ------------------- */
p.formtext {
	margin: 0;
	font-size: 12px;
}

label { 
	float: left;
	text-align: right; 
	margin: 0;
	padding: 0 10px 0 0;
	clear: right;
	}
label.short {
	text-align: left;
	}
label.checkbox {
	float: none;
	display: inline;
	text-align: left;
	}
	label.checkboxlong {
	float: none;
	display: inline;
	text-align: left;
	}
label.long { 
	text-align: left; 
	}
	
.inputbox { 
/*	float: left; */
/*	display: inline;*/
	clear: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
} 
.submitbtn { 
	margin-left: 9em;
	background: #ccc;	
	color: #666;
	/*clear: both;*/
}

/* ------------ Positioning Divs ------------ */
#container {
	width: 900px;
	margin: 0 0px;
	padding: 0;
	background: #902932 url('../images/bg_body.gif') repeat-y;
	}
.header {
	width: 900px;
	margin: 0 0px;
	padding: 0;
	background: url(../images/bg_masthead_red.gif) no-repeat center;
	height: 89px;
	}
#masthead {
	padding: 8 0 0 50;
	height: 30px;
	}
/*#masthead img {
	margin: 13px 0 0 0;
	}*/
#splash_home {
	height: 259px;
	width: 750px;
	background-image: url('../images/home_splash.jpg');
	padding: 0;
	margin: 0 0 0 75px;
	}
#funcnav {
	width: 520px;
	margin: 4 0 0;
	padding: 10 15px 0 0;
	float: left;
	}
#mainnav {
	width: 550px;
	height: 35px;
	margin: 25px 70px 0 0;
	padding: 0;
	float: right;
	background-color: transparent;
	/*border: 1px solid green;*/
	}
#bodycontainer, #splash {
	width: 750px;
	margin: 0 0 0 75px;
	background: transparent url(../images/bg_bodytext.gif);
}
#sidenav {
	width: 200px;
	margin: 0;
	float: left;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	/*background: transparent url('../images/bg_sidenav.gif') no-repeat;*/
	/*background-color: #FFFFFF;*/
	}

#body {
	width: 500px; /*550-50padding*/
	/*display: inline;*/
	margin: 0 0 0 200px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
	/*background-color: #FFFFFF;*/
}
#mainquote {
	width: 344px; 	/*374px - 30padding*/
	/*display: inline;*/
	float: left;
	margin: 0 0 0 75px;
	padding: 0 15px;
	background-color: #FFFFFF;
}
#subquote_y, #subquote_o {
	width: 138px; /*188px - 30padding*/
	display: inline;
	float: left;
	margin: 0 0 30px 20px;
	padding: 15px 15px 5px;
	background: transparent url('../images/bg_quotes_yel.gif');
	border: 1px solid #cc9;
}

#subquote_y_noborder {
	width: 158px; /*188px - 30padding*/
	display: inline;
	float: left;
	margin: 0 0 30px 0;
	padding: 15px 15px 5px 15px;
	background: transparent url('../images/bg_quotes_yel.gif');
	border: none;
}
#subquote_o {
	background: transparent url('../images/bg_quotes_oran.gif');
}
#footer {
	height: 35px;
	width: 720px; /* 750px-30padding */
	padding: 5px 15px 0 15px;
	margin: 0 0 0 75px;
	color: #999;
	font-size: 0.75em;
	line-height: 1.4em;
	text-align: right;
	border-top: 1px solid #cc9;
	background-color: transparent;
	clear: both;
	}

/* ------------------- Common Navigation Rules ------------------- */


#splash_home ul {
	padding: 0;
	margin: 0;
	position:relative;
	left:185px;
	top:110px;
	list-style-type: none;
	}
#splash_home li {
	padding: 20px 0 0 0;
	margin: 0;
	}

#masthead a:hover {
	/*border-bottom: 1px dotted #FD024F;*/
	color: #FD024F;		
	text-decoration: none;
	}
#masthead ul {
	margin: 0;
	font-size: 11px;
	list-style-type: none;			
	}
#masthead li {
	float: left;
	padding: 8 4 0;
	margin: 0;
	}
#masthead #funcnav li {
	padding: 0 0 0 10px;
	margin: 0;
	}
#masthead img {
	padding: 0;
	margin: 0 0 0 0px;
	}

/* ------------------- Functional Nav ------------------- */
#header ul.functNav, #header_home ul.functNav {
	float: right;
	}
/* ------------------- Main Nav ------------------- */
#mainnav ul {
	}
#mainnav li {
	height: 21px; /*29px - 8padding*/
	width: 95px;
	padding: 8px 0 0;
	background: repeat-x top;
	/*float: left;  new */
	}
#mainnav td {
	height: 21px; /*29px - 8padding*/
	width: 95px;
	padding: 0px 0 0;
	background: top;
	text-align: center;	/*float: left;  new */
	}
/*
#mainnav li.afterleftcorner {
	border-left: none;
	}
#mainnav li.beforerightcorner {
	border-right: none;
	}	
#mainnav li.leftcorner {
	height: 24px;
	width: 8px;
	padding: 0; // we've already defined the object dimensions
	background: transparent url(../images/nav_leftcorner.gif) no-repeat;
	border: none;
}
#mainnav li.rightcorner {
	height: 24px;
	width: 8px;
	padding: 0; // we've already defined the object dimensions
	background: transparent url(../images/nav_rightcorner.gif) no-repeat;
	border: none;
}
*/


#sidenav ul {
	padding: 0 0 60px 20px;
	margin: 0;
	}
#sidenav li {
	list-style-type: none;
	font: bold 1.1em/1.8em Helvetica, sans-serif;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	}
#subnav li {
	list-style-type: square;
	font: normal 0.9em/0.9em Helvetica, sans-serif;
	padding: 0 0 0.3em 0;
	margin: 0 0 0 20px;
	color: #CCC;
	}
#sidenav p {
	/*font-size: 0.9em;*/
	line-height: 1.6em;	
}	

/* ------------------- Functional Nav ------------------- */
ul.functNav {
	float: right;
	}

/* ------------------- Navigation states ------------------- */

#subnav a {
	color: #646464;
	}
#subnav a:link, #subnav a:visited, #subnav a:active {
	color: #646464;		
	}
#subnav a:hover {
	color: #FD024F;
	}
#subnav a.selected {
	color: #FD024F;
	}
.listmodified {
	list-style-type: none;
}