body {
margin:0;
padding:0;
font-size:75%;
font-family:Verdana, Geneva, Arial, Tahoma, sans-serif;
background:#eee;
color: #000;
}

h2 {
font-size:1.3em;
color: #999;
}

h3 {
color: #f00;
font-size:1.3em;
}

a {
color: #000099;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #fc0;
font-weight: bold;
text-decoration: none;
}

#header {
clear:left;
float:left;
width:100%;
overflow:hidden;
border-bottom:7px solid #30c;
background: #fc0 url(hg.jpg);
}


#header p,
#header h1 {
clear:left;
float:left;
width:96%;
margin:0;
padding:.3em 2% .1em 2%;
color: #fff;
}



#header ul {
clear:left;
float:left;
width:96%;
margin:.4em 0 0 2%;
padding:0;
list-style:none;
}


#header ul li {
display:inline;
}


#header ul li a {
display:block;
float:left;
list-style:none;
padding:.3em .3em;
text-decoration:none;
color:#fff;
background:#f00;
margin-right:4px;
border:0;
}


#header ul li a.active {
font-weight:bold;
color:#fff;
background:#999;
border:0;
}







.colmask {
clear:both;
float:left;
width:100%;
overflow:hidden;
}


.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}




.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:3em 0 2em 0;
overflow:hidden;
line-height: 165%;
}

img {
border:0;
margin:0;
}

.imagefloat {
float:right;
margin:0 0 20px 20px;
}

.leftmenu {
background:#f4f4f4;
}


.leftmenu .colleft {
right:75%;
background:#eee;
}


.leftmenu .col1 {
width:71%;
left:102%;
}


.leftmenu .col2 {
width:21%;
left:6%;
}








#footer {
clear:both;
padding:0 1em 1em 2em;
border-top:5px solid #fff;
background:#eee;
}































div.box{
  border: 0;
  width: 250px;
}

div.box a:link,
div.box a:visited{
  font-size: 11px;
  color: #ff0000;
}

div.box a:hover,
div.box a:active{
  color: #ff0000;
}

div.box h1{
  background-color: #ff0000;
  color: #fff;
  font-size: 13px;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

div.box p{
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 2px 4px 2px 4px;
}

div.box table
{
  width: 100%;
  border: 0 none;
}

div.box table tr{
	vertical-align: middle;
}

div.box table tr td{
  text-align: right;
  padding: 0;  
  white-space: nowrap;
}

div.box table tr.message td{
	font-size: 11px;
	text-align: left;
   white-space: normal;
}

div.box table tr.message td div{
   margin-bottom: 10px;
	color: #3300cc;
	border: 0;
   padding: 0;
}

div.box table tr.message td div.error{
  color: #ff0000;
	font-weight: bold;
}

div.box table tr.message td div.error ul{
  padding-left: 14px;
}

div.box table tr.message td div.error ul li{
  margin-top: 10px;
}

div.box table tr.message td div.error ul ul li{
  margin-top: 3px;
}

div.box table tr.mandatory td.title{
	font-weight: bold;
}

div.box table tr.error td.title{
  color: #ff0000;
  font-weight: bold;
}

div.box table tr td.title{
  font-size: 11px;
  text-align: left;
}

div.box table tr td input.text{
  border: 0;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  width: 125px;
}

div.box table tr td input.text:focus{
	border: 0;
}

div.box table tr td input[readonly]{
	border: 0 !important;
	background-color: #E0DDD6;
}


div.box table tr td input.submit{
  border: 0;
  background-color: #ff0000;
	color: #fff;
  margin-top: 12px;
  font-size: 12px;
}

div.box table tr td input.submit:hover{
	border: 0;
	background-color: #3300cc;
}


