﻿/* elements */

body { margin: 0 0 20px 0; text-align: center; background: #F8F8F8 }
body, td, input, select, textarea { font: normal small/1.2 "Trebuchet MS", Helvetica, Arial, sans-serif; letter-spacing: 1px }
img { display: block; border: none }
h1 { font-size: 160% }
h2 { font-size: 140% }
hr { color: #DDD; background: #DDD; height: 1px; margin: 0 }
p { margin: 10px 0 }
a { text-decoration: none; color: #FE8100; font-weight: normal }
a:hover { color: #F86A1C }


/* Id's */

#hdrAbout, #hdrContact, #hdr, #mnu, #bdy, #ftr, #ftr_img { width: 962px; margin: auto; text-align: left; background: #FFF;text-align:center }

#hdr { background-image: url(img/hdr.jpg); height: 150px }
#hdrContact { background-image: url(img/hdrContact.jpg); height: 150px }
#hdrAbout { background-image: url(img/hdrAbout.jpg); height: 150px }
#mnu { background: #FFF url(img/bkg_mnu.gif) no-repeat bottom center; min-height: 41px  }
#bdy { margin-top: 15px; background: #FFF url(img/bkg_bdy.gif) no-repeat top center }
#ftr { background: #FFF url(img/bkg_ftr.gif) no-repeat top center; min-height: 45px }
#lft { float: left; width: 717px }
#rgt { float: right; width:180px; color: #333; font-size: 85% }


/* classes */

.inr { padding: 15px }
.clr { clear: both }
.w1 { float: left; width: 351px }
.w2 { float: left; width: 229px }
.w3 { float: left; width: 717px }
.imgfr { float: right; margin: 0 0 5px 5px }
.imgfl { float: left; margin: 0 5px 5px 0 }
.spcr { width: 15px; float: left }
.more { display: block; text-align: right; margin-top: 5px }
.pad { padding: 2px; border: 1px solid #CCC }


/* pseudos */

h1 span, h2 span { color: #FE8100; display: block }

#ftr .inr { padding-bottom: 6px }
#ftr p { margin: 3px 0 }
#hdr h1 { color: #FFF; margin: 0; padding: 10px; font-size: 280% }
#lft hr { margin: 10px 0 15px 0 }
#nws b { color: #F86A1C }

/*

ul.menu, ul.menu li { list-style: none; margin: 0; padding: 0 }
ul.menu { position: relative; float: left }
ul.menu li { float: left; line-height: 1.3em; vertical-align: middle }
ul.menu li a { display: block; padding: 10px; text-decoration: none; color: #000; font-weight: bold }
ul.menu li a:hover { color: #2468A2 }

*/


#atn { text-align: center; margin: 20px 0 }


/* Menu Navigation */

ul.menu {float:left;position: relative; float: left; width:733px; border:none; color:#000000; text-decoration: none; color: #000; font-weight: bold;list-style: none; margin: 25px 0px 0px 0px; padding: 0 } /*Color navigation bar normal mode*/
ul.menu ul {list-style-type:none;}
ul.menu ul li {float:left; position:relative; z-index:1000; border-right:solid 0px #0000ee;}
ul.menu ul li ul {display:none; border:none;}
ul.menu ul li ul {margin-left:-30px; top center;} /*Sticky hover zones*/
ul.menu ul li a {float:left; display:block; height:8.1em; text-decoration: none; color: #000000; font-weight: bold; line-height:1.3em; padding:0 10px 0 10px; text-decoration:none; color: #000000;}
ul.menu ul li:hover {width:auto;}
ul.menu table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}
ul.menu  li { float: left; line-height: 1.3em; vertical-align: middle }

/*Non-IE6*/
ul.menu ul li:hover a {text-decoration:none;} /*Color main cells hovering mode*/
ul.menu ul li:hover ul {display:block; position:absolute; z-index:998; top:3.0em; margin-top:0.1em; left:0;}
ul.menu ul li:hover ul li ul {display: none;}
ul.menu ul li:hover ul li a { background-image:url('img/mnuhover.png');display:block; width:10em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175);border-right: solid 1px rgb(175,175,175); background-color:#FE8100; font-weight:bold; color:#000000;} /*Color subcells normal mode*/
ul.menu ul li:hover ul li a:hover {background-color:#FFFFFF; text-decoration:none;color:#FE8100} /*Color subcells hovering mode*/

/*IE6*/
ul.menu ul li a:hover {text-decoration:none; color:#FE8100} /*Color main cells hovering mode*/
ul.menu ul li a:hover ul {display:block;color:#FE8100; position:absolute;z-index: 998; top:3.1em; top:3.0em; left:0; margin-top:0.1em;}
ul.menu ul li a:hover ul li a {display:block; width:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); font-weight:normal; color:#FE8100;} /*Color subcells normal mode*/
ul.menu ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
ul.menu ul li a:hover ul li a:hover {text-decoration:none;color:#FE8100} /*Color subcells hovering mode*/

/*******************
	Table Style
******************/


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

li, ol, p, ul
{
	margin: 0;
	border: 0 none transparent;
	padding: 0;
}

fieldset
{
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 1px solid #BFBAB0;
	background-color: #F2EFE9;
	background-image: url(img/fieldset_gradient.jpg);
	background-repeat: repeat-x;
}

legend
{
	margin-left: 1em;
	padding: 0;
	color: #000000;
	font-weight: bold;
}

fieldset ol
{
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
	font-size:10px;
}




label
{
	position: relative;
	float: left;
	width: 10em;
	margin-right: 1em;
}

label em
{
	position: absolute;
	left: 10em;
	top: 0;
}

