/* Some elements of this website are derived from the following template: */

/* Shining at me * 

Copyright Bruno Kerrien,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

*/

body {background: #f8f0dd url(littleboxes.gif);
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-size: small;
color: #0f0000;
margin: 0px;
}

/* --- Links --------- */

a {color: #930;
text-decoration: none;}

a:hover {text-decoration: underline;}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {font-family:  Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin-top: 0;}

h1 {background: url(glyph1.gif) no-repeat 0em 100%;
color: #5a8d3d;
border-bottom: 1px dotted #930;
padding-left: 16px;
padding-top: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 150%;
font-weight: lighter;
}

h2 {font-size: 130%;
color: #4b4b4b;
font-family: Georgia, "Times New Roman", Times, serif;
padding-left: 0px;
font-weight: lighter;
font-style: normal;
}

h3 {font-style: normal;
font-size: 120%;
padding-left: 0px;
font-weight: normal;
padding-bottom: 0px;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color: #000000;}

/* --- Banner --------- */

#banner {width: 792px;
margin: 0 auto;
padding: 0;
height: 140px;
background-image: url("header7.jpg");}

/* --- Wrap --------- */

#wrap {background: url("bgd_container7.gif") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;
text-align: left;}

/*image class*/

.img_right 
{
float: right;
border-style: none;
margin-right: 1em;
margin-left: 6px;}

.img_left 
{
float: left;
border-style: none;
margin-left: 4px;
margin-right: 1em;}

.img_inset 
{
float: left;
border-style: none;
margin-left: 4em;
}

input.btn {
color:#050;
background-color: #f5eccd;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
text-align: center;
margin-left: 0px;
padding: 0px;}


input.btnhov {
color: #b60b04;
background-color: #f6f0e2;
}

/* --- Nav top level --------- */

#nav-toplevel {background: url("toplevel7.jpg") no-repeat top left;
height: 68px;}

#nav-toplevel ul {list-style-image: none;
margin: 0;
padding: 0;}

/* --- Nav meta --------- */

#nav-meta {height: 42px;
line-height: 1.25em;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;}

#nav-meta ul {margin: 0px 24px 0 490px;}

#nav-meta ul li {display: inline;
float: left;}

#nav-meta ul li a {display: block;
background: transparent url("small_bullet_yellow.gif") no-repeat 0 50%;
padding: 0 10px 0 8px;
color: #ffffff;
text-decoration: none;}

#nav-meta ul li a:hover {background: transparent url("small_bullet_yellow.gif") no-repeat 0 50%;
color: #FFF;}

/* --- Nav main --------- */

#nav-main {background: #eee;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;}

#nav-main ul {margin-left: 16px;}

#nav-main ul li {display: inline;
float: left;
margin-left: 3px;
width: 110px;
text-align: center;}

#nav-main ul li a {display: block;
background: url("tabs7.gif") 0em;
height: 26px;
line-height: 26px;
color: #5a8d3d;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
font-weight: bolder;
}

#nav-main ul li a.current {background: url("tabs7.gif") no-repeat 0em -52px;
color: #b33b25;}

#nav-main ul li a:hover {background: url("tabs7.gif") no-repeat 0em -26px;
color: #930;}

#nav-main ul li a.current:hover {background: url("tabs7.gif") no-repeat 0em -52px;}

/* --- Container --------- */

#container {margin: 0 17px;}

/* --- Content --------- */

#content {float: left;
margin: 0;
width: 532px;
padding-left: 16px;
padding-bottom: 14px;
padding-right: 16px;}

#content p, #content ol, #content ul {font-size: 100%;
line-height: 1.5em;}

#para1, #para2, #para3 {
color: #285021;
line-height: 100%;
}

#sidebar {
 background-color: #fff8e5;
 color: #15210d;
 font-size: 12px; 
 width: 500px;
 border: 1px #b60b04 solid; 
 border-collapse: collapse;
 white-space: normal;
 display: table;
 margin-left: 8px;
 margin-right: 15px;
 padding-bottom: 8px;
 padding-right: 8px;
 padding-top: 22px;
 padding-left: 8px;} 

/*signup table*/

#signup table {
 background-color: #f7f0e0;
 color: #2d451c;
 font-size: 12px; 
 width: 500px;
 border: 1px #b60b04 solid; 
 border-collapse: collapse;
 white-space: normal;
 display: table;
 margin-left: 15px;
 margin-right: 15px;
 padding-bottom: 8px;
 padding-right: 8px;
 padding-top: 22px;
 padding-left: 8px;} 

#signup td { 
 background-color: #f7f0e0; 
 color: #2d451c; 
 border: 1px #b60b03;
 padding-bottom: 8px;
 padding-right: 8px;
 padding-top: 22px;
 padding: 8px;
 padding-left: 8px;}

.labelcell { 
 color: #2d451c;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal; 
 background-color: #f7f0e0; 
 width: 249px;
 text-align: left;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 3px;
}

.centeredfourcollabelcell { 
 color: #2d451c;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal; 
 background-color: #f7f0e0; 
 width: 498px;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 3px;
}
 
.fourcollabelcell { 
 color: #2d451c;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal; 
 background-color: #f7f0e0; 
 width: 498px;
 text-align: left;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 3px;
}
.fieldcell { 
 background-color: #f9f8f4;
 width: 249px; 
 color: #2d451c; 
 text-align: center; 
} 

.fieldcell input { 
 width: 247px; 
 background-color: #ffffff; 
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 text-align: left; 
 margin-right: 0px;
 color: #2d451c;}

.fieldcell2 { 
 background-color: #f9f8f4;
 width: 20px; 
 color: #2d451c; 
 text-align: center; 
} 

.fieldcell2 input { 
 width: 247px; 
 background-color: #ffffff; 
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 20px;
 text-align: left; 
 margin-right: 0px;
color: #2d451c;}

.droplabelcell {
 width: 240px;
 background-color: #dbeec9; 
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #2d451c; 
 text-align: left;
} 

.dropfieldcell { 
 background-color: #ffffff;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #2d451c; 
 width: 100px;
}

.dropfieldcell input {
 background-color: #ffffff;
 width: 100px; 
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 color: #2d451c; 
 border: 1px #000000 solid;
 text-align: left;
 font-weight: normal;
} 

.dropfieldcell select { 
 background-color: #ffffff;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;  
 color: #2d461e; 
 border: 1px solid #284279; 
}

.radiolabelcell { 
 background-color: #ffffff; 
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #2d451c; 
 width: 300px;
 text-align: left;
} 
 
 .textlabelcell {
 width: 480px; 
 background-color: #ffffff; 
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 margin-left: 40px;}
 
 .textfieldcell {
 background-color: #ffffff;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 width: 480px;
 height: 80px;
 text-align: center;
 padding: 0px;
}
 
.textfieldcell input {
 width: 480px;
 background-color: #ffffff;
 border: 1px #b60b03 solid;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
}

.button1 { 
 background-color: #f2ebd8;
 width: 324px; 
 text-align: right;
 padding-right: 8px;
 color: #2d451c;}
 
 .button2 { 
 background-color: #f2ebd8;
 width: 125px;
 text-align: left;
 padding-left: 8px;
 color: #2d451c;}

/*bottom para*/

#bottompara {
 padding-bottom: 3px;
 padding-left: 15px;
 padding-right: 25px;}


/* --- Nav subs --------- */

#nav-subs {position: relative;
 margin: 0 0 0 564px;
 padding: 0;
 font-size: 12px;
 line-height: 1.6em;}

#nav-subs ul {list-style: none;
 margin-left: 16px;
 margin-right: 16px;
 padding-left: 0;
 }

#nav-subs ul li {padding: 1px 0;
 border-bottom: 1px #070606 solid;}

#nav-subs ul li a {position: relative;
 display: block;
 float: left;
 width: 100%;
 background: #e0cc9e url(small_bullet_red.gif) no-repeat 4px 50%;
 color: #000000;
 text-indent: 14px;
 text-decoration: none;}

html>body #nav-subs ul li a {float: none;}

#nav-subs ul li a:hover {
 background: #f9f8f4 url("small_bullet_red.gif") no-repeat 4px 50%;
 color: #930;
}

#nav-subs ul li a.youarehere {color: #930;}

/* --- Nav section --------- */

#nav-section {
 padding-top: 24px;
 min-height: 156px;
 background-color: #e0cc9e;
 }

/* --- Nav section --------- */

#nav-section2 {
 padding-top: 24px;
 min-height: 156px;
 background-color: #e0cc9e;}

/* --- Nav supp --------- */

#nav-supp {padding-bottom: 8px;
font-size: 12px;
min-height: 156px;
line-height: 1.4em;
}

/*table for legislation*/

#table {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 524px;
	color: #373737;
	font-size: 12px;
	background-color: #fff7c3;
	text-align: center;
}

caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: normal;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
	background: #ffffff;
	color: #4d4d4c;
}

table a {
	text-decoration: none;
	border-bottom: 1px #f60 solid;
	color: #f60;
	font-weight: bold;
}

.table a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

.table tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

.table tr th a:hover {
	color: #fff;
	background: #369;
}

.table theader {
	background-color: #e2e2e2;
}

.table tfoot tr th, table tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

.table tfoot tr th {
	width: 25%;
}

.table tfoot tr td {
	width: 80%;
}

.theading {
	background: #fffda8;
	font-weight: bold;
	border: 1px #993300 solid;}

.tdhot {
	background: #fff7c3;
	font-weight: bold;
	border: 1px #993300 solid;}

table td {
	padding: 4px;
	font-size: 12px;
	width: 128px;
	border: 1px #e1cc9f solid;
	background-color: #ffffff;
	line-height: 110%;}

table tr.odd th, table tr.odd td {
	background: #fbeceb;
}


/* --- Info site --------- */

#info-site {position: relative;
clear: both;
background: url("footer7.jpg") no-repeat top left;
width: 792px;
padding-top: 12px;
text-align: center;}

#info-site p {font-size: 75%;}

/* --- Info company --------- */

#info-company {color: #ffffff;
margin: 0 16px;}

#info-company a {color: #ffffff;
text-decoration: none;}

#info-company a:hover {color: #FFF;}

/* --- Info standards --------- */

p#info-standards {margin: 4px 314px 0 314px;
padding-bottom: 6px;}

p.show { display: block }
p.hide { display: none; }