/****************************/
/* author: bernard lambotte */
/****************************/
body {
	background-color: #003333;
	margin:0;
	padding:0;
	text-align:center;
	background-image: url(../img/bg-navy2.gif);
}

/****************************/
#box {
	margin:10px auto;
	padding:0;
	width:760px;
	background-color: #FFFFFF;
	border: 1px solid #80552A;
}

/****************************/
#header {
	width:760px;
	height:149px;
	background:url(../img/header-right.jpg) top right no-repeat;
	margin:0px 0px 0px 0px;
	padding:0;
	border-left-color: #80552A;
	border-bottom-color: #754726;
	border-right-color: #754726;
	border-top-color: #80552A;
	border: 0px solid px;
}
#header img {
	float:left;
	margin:0;
	padding:0;
	border:0;
}

/****************************/
/*
#nav {
	float:left;
	border-bottom:1px solid #fff;
	width:150px;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
}
#nav ul {
	text-align:left;
	list-style-type:none;
	float:left;
	width:145px;
	margin:0;
	padding:0;
}
#nav ul li { 
	background:#80b3bc; 
	width:145px;
	height:22px;
	display:block;
	margin:0;
	padding:0;
}
#nav ul li a {
	color:#fff;
	border-top:1px solid #fff;
	background:#80b3bc;
	width:145px;
	height:22px;
	display:block;
	margin:0;
	padding:3px 0 0 10px;
	text-decoration:none;
	font:bold 11px georgia, Times New Roman, Times, serif;
}
#nav ul li a:hover {
	background:#c5bb6d;
	padding:3px 0 0 8px;
}
#nav li.active a { 
	background:#399;
	padding:3px 0 0 10px;
}
#nav ul li a.dm:link {
	background:#c5bb6d;
	color:#333;
	padding:3px 0 0 10px;
}
#nav ul li a.dm:visited {
	background:#c5bb6d;
	color:#333;
	padding:3px 0 0 10px;
}
#nav ul li a.dm:hover {
	background:#80b3bc;
	color:#333;
	padding:3px 0 0 10px;
}
*/
/***************************/
#topright {
	text-align:center;
	float:right;
	width:600px;
	margin:0;
	padding:0;
	position: static;
	z-index: 1;
}
#bottomcenter {
	width:760;
	height:250;
}
#topright h1 {
	text-align:left;
	border-bottom:1px solid #eee;
	word-spacing:1px;
	text-decoration:underline;
	font:bold 14px Times New Roman, Times, serif;
	margin:0; padding:10px;
}
#topright h2 {
	text-align:left;
	text-decoration:underline;
	word-spacing:1px;
	color:#444;
	font:bold 13px Times New Roman, Times, serif;
	margin:0; padding:10px;
}
#topright h3 {
	text-align:left;
	text-decoration:underline;
	word-spacing:1px;
	color:#555;
	font:bold 13px Times New Roman, Times, serif;
	margin:0;
	padding:10px;
}
#topright p {
	text-align:left;
	color:#333;
	font:12px arial, tahoma, sans-serif;
	margin:0;
	padding:3px 10px 10px 10px;
}
#topright p a {
	text-align:left;
	color:#333;
	font:12px arial, tahoma, sans-serif;
	margin:0;
	padding:3px 10px 10px 10px;
}
#topright img {
	float:left;
	margin:0;
	padding:0;
	border:0;
}
#topright img a {
	border:0;
}
#topright form {
	width:220px;
	margin:0 0 0 10px;
	padding:5px;
	border:1px solid #eee;
}
#topright input {
	width:140px;
	text-align:left;
	color:#333;
	font:12px arial, tahoma, sans-serif;
	margin:0;
	padding:1px;
}
#topright textarea {
	width:200px;
	height:200px;
	text-align:left;
	color:#333;
	font:12px arial, tahoma, sans-serif;
	margin:0;
	padding:1px;
}

/****************************/
#spacer {
	float:left;
	clear:left;
	line-height:1px;
	width:760px;
	height:5px;
	background:url(/img/gradient.gif) top center no-repeat;
	margin:0px 0 0 0;
	padding:0;
	background-repeat: repeat-x;
}

/****************************/
#leftbox {
	clear:left;
	text-align:left;
	width:760px;
	margin: 0;
	padding:2 0 0 0;
	background-color: #FFFFFF;
}
#leftbox h1 {
	word-spacing:1px;
	color:#444;
	border-bottom:1px solid #eee;
	font:bold 16px Times New Roman, Times, serif;
	margin:0 0 5px 0;
	padding:5px 40px;
}
#leftbox h2 {
	word-spacing:1px;
	color:#444;
	font:bold 14px Times New Roman, Times, serif;
	margin:0;
	padding:0 40px 7px 40px;
}
#leftbox h3 {
	word-spacing:1px;
	color:#555;
	font:bold 13px arial, tahoma, sans-serif;
	margin:0;
	padding:5px 45px;
}
#leftbox p {
	color:#333;
	font:13px arial, tahoma, sans-serif;
	margin:0;
	padding:3px 40px 10px 45px;
}
#leftbox p a {
	color:#80b3bc;
}
#leftbox p a:hover {
	color:#333;
}

/****************************/
#wrap {
	float:left;
	text-align:center;
	padding:0;
	background-color: #FFFFFF;
	margin: 0 0 0 0px;
	width: 760px;
}
#wrap1 {
	float:left;
	text-align:center;
	margin:10px 0 10px 45px;
	padding:0;
}
}
#wrap3 {
	float:right;
	width:560px;
	margin:0;
	padding:0;
}

/****************************/
.imgbox {
	float:left;
	background:#80b3bc;
	text-align:center;
	width:150px;
	height:90px;
	margin:10px 10px 20px 10px;
	padding:0;
	border:0;
}
.imgbox img {
	float:left;
	margin:0 0 10px 0;
	padding:0;
	border:0;
}
.imgbox img a {
	margin:0 0 10px 0;
	padding:0;
	border:0;
}
.imgbox span {
	word-spacing:1px;
	color:#fff;
	font:bold 12px Times New Roman, Times, serif;
	margin:10px 0 0 0; padding:0;
}
.imgbox span a {
	word-spacing:1px;
	color:#fff;
	font:bold 12px Times New Roman, Times, serif;
	margin:0;
	padding:0;
}
.imgbox span a:hover { 
	word-spacing:1px;
	color:#666;
	font:bold 12px Times New Roman, Times, serif;
	margin:0;
	padding:0;
}

/****************************/
.imgbox1 {
	float:left;
	background:#80b3bc;
	text-align:center;
	width:150px;
	height:90px;
	margin:10px 10px 10px 45px;
	padding:0;
	border:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	color: #FFF;
}
.imgbox1 img {
	float:left;
	margin:0 0 10px 0;
	padding:0; border:0;
}
.imgbox1 img a {
	margin:0 0 10px 0;
	padding:0;
	border:0;
}
.imgbox1 span {
	word-spacing:1px;
	color:#fff;
	font:bold 12px Times New Roman, Times, serif;
	margin:10px 0 0 0;
	padding:0;
}
.imgbox1 span a {
	word-spacing:1px;
	color:#fff;
	font:bold 12px Times New Roman, Times, serif;
	margin:0;
	padding:0;
}
.imgbox1 span a:hover {
	word-spacing:1px;
	color:#666;
	font:bold 12px Times New Roman, Times, serif;
	margin:0;
	padding:0;
}

/****************************/
#wrap2 {
	float:right;
	width:720px;
	margin:10px 0 0 0;
	padding:0;
}
#wrap2 img {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #eee;
}
#wrap2 img a {
	border:1px solid #333;
	margin:0;
	padding:0;
}

/****************************/
#forms {
	float:left;
	clear:both;
	width:330px;
	margin:10px;
	padding:0;
}
#forms span {
	color:#c00;
}
#forms form {
	width:330px;
	margin:0;
	padding:0;
}
#forms ul {
	float:left;
	width:330px;
	margin:0;
	padding:0;
	border:1px solid #666;
	list-style:none;
	font:12px arial, tahoma, sans-serif;
	color:#000;
}
#forms ul li {
	float:left;
	display:block;
	width:324px;
	margin:0;
	padding:5px 0 5px 5px;
	border-bottom:1px solid #eee;
	background:none;
}
#forms input { float:right;
	width:160px;
	margin:0 3px 0 0;
	padding:0;
	background:#fff;
	border:1px solid #666;
	color:#000;
}
#forms input.sml {
	float:right;
	width:80px;
	margin:0 3px 0 0;
	padding:0;
	background:#fff;
	border:1px solid #666;
	color:#000;
}
#forms select {
	float:right;
	margin:0 3px 0 0;
	padding:0;
	background:#fff;
	border:1px solid #faf1d2;
	color:#666;
	font:12px arial, tahoma, sans-serif;
	color:#000;
}
#forms textarea {
	float:right;
	width:324px;
	margin:2px;
	padding:0;
	background:#fff;
	border:1px solid #666;
	color:#000;
}
#forms input.sendem {
	float:right;
	margin:0 3px;
	padding:1px;
	background:#fff;
	border:1px solid #666;
	font:12px arial, tahoma, sans-serif;
	color:#000;
}
#forms input.check {
	float:left;
	margin:0 3px;
	padding:1px;
	background:#fff;
	border:1px solid #666;
	font:12px arial, tahoma, sans-serif;
	color:#000;
}
#forms input.invalid {
	background:#eee;
	border:1px solid #c00;
}

/****************************/
#footer {
	background:url(/img/gradient.gif) top center no-repeat;
	font:12px arial, tahoma, sans-serif;
	color:#FFF;
	width:760px;
	margin:10px 0 0 0;
	padding:0;
	background-image: url(../img/wood006.jpg);
	background-repeat: repeat-x;
}

#footer ul { 
	display:inline; 
	margin:0; 
	padding:0 0 0 0px;
	width:760px;
	text-align:center;
} 
#footer a {
	color:#FFC;
	font:12px arial, tahoma, sans-serif;
}
#footer a:hover {
	color:#FFFF00;
	font:12px arial, tahoma, sans-serif;
}
