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;
}

blockquote {
margin: 0;
padding: 10px;
font-size: 100%;
font-family: Georgia, "Times New Roman", serif;
font-style: italic;
}

#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;
}