/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	font-size: 14px;
	min-width:800px;/* for mozilla*/
	background-color: #fff;
	color: #000000;
	font-family:  ariel;
}
#outer{
	height:100%;
	min-height:100%;
	width:800px;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:  url(img/gif/bg_container2.gif);

}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:800px;
	margin-top:220px;
	background:  url(img/gif/bg_container2.gif);
	z-index:500;
	
}
#header{
	position:absolute;
	top:0;
	left:-1px;
	width:800px;
	height:197px;
	background-color: #ad6801;
	overflow:hidden;
	color: #000000;
	z-index:100;
}
#left {
	position:relative;/*ie needs this to show float */
	width:410px;
	float:left;
	padding-top:10px;/*needed to make room for header*/
	padding-bottom:15px;/* needed to make room for footer */
	padding-left: 5px;
	background: transparent;
	
}
#left p {text-indent: 1em;
	font-size: 14px;}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:0px;
	float:right;
	padding-top:10px;/*needed to make room for header*/
	padding-bottom:15px;/* needed to make room for footer */
	background-color: #ad6801;
}

#footer {
	width:800px;
	clear:both;
	height:20px;
	background-color: #fff;
	
	background:  url(img/gif/bg_container2.gif);
	
	color: #000000;
	text-align:center;
	font-size: 10px;
	left:0px;
	right: 0px
	bottom:0px;
	position: absolute;


}
* html #footer {/*only ie gets this style*/
	\height:22px;/* for ie5 */
	he\ight:20px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centercontent {
	width:380px;
	float:right;
	padding-top:10px;
	padding-bottom:5px;/* needed to make room for footer */
	background:  url(img/gif/bg_container2.gif);
	background:transparent;
	
	
}
#centercontent p {padding-left:3px}
 ul {list-style-type: square; }

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */


#box1{
width:330px;
height:28px;
background-image:url(img/jpg/button-1.jpg);
background-repeat: no-repeat;
text-align: center;
padding:2px;
padding-top: 6px;
margin-left: 20px;
}


#box2 {
width:170px;
height:200px;
background-color: #ad6801;
padding: 0.3em 0 0 0;
margin: 0;
list-style-type:disc;
color: #000;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
margin-top: 10px;
border: 4px groove #966;
font-size: 12px;
}


#box3{
width:170px;
height: 200px;
background-color: #ad6801;
text-align: center;
padding: 2px;
margin-top: -212px;
margin-left: 185px;
border: 4px groove #966;
}

#box4{
width: 170px;
height:200px;
background-color: #ad6801;
text-align:left;
padding; 2px;
margin-top: 15px;
border: 4px groove #966;
font-size: 12px;
}



#box5{
width:170px;
height: 195px;
background-color: #ad6801;
text-align: left;
padding: 2px 0 0 0;
margin-top: -208px;
margin-left: 185px;
border: 4px groove #966;
list-style-type: square;

}

#box6 {
width:350px;
height:auto;
background-color: #ad6801;
padding: 0.3em 0 0 0;
margin: 0;
list-style-type:disc;
color: #000;
font: normal 12px arial, helvetica, sans-serif;
text-align: left;
margin-top: 10px;
border: 4px groove #966;
font-size: 12px;
}

#box {float: left;
        width: 11em;
        margin:0 5px;
        padding: 5px;
        border: 3px solid gold;
       }


#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background:  url(img/gif/bg_container2.gif);
color: #FFF;
width: 769px;
font: normal 14px "Times New Roman","courier new", times, helvetica, sans-serif;
text-align: center;


}

li { display: inline; }

li a
{
text-decoration: none;
background-image: url(img/gif/nav-1.gif);
color: #000;
padding: .2em 1em;
}

li a:hover
{
background-image: url(img/gif/nav-2.gif);
color: #000;
}

/*css for the form*/

fieldset{
float: left;
clear: left;
width: 100%;
margin: -1em 0 0 0;
padding: 0;
border: none;
}

legend{
margin-left: 1em;
color: #000;
font-weight: 600;
}

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

fieldset li{
float: left;
clear: left;
width: 100%;
padding-bottom: -1em;
text-align: right;
}

fieldset.submit{
float: none;
width: auto;
border-style: none;
padding-left: 12em;
padding-top: 3em;
}
label{
float:left;
width: 10em;
margin-right: 1em;
display: block;
}
/*end css for form*/


