*{margin:0px; padding:0px;}

body {
margin:0; padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:80%;
}

#container {
margin:20px auto;
width:1024px;
position:relative;
border:1px solid #000099;
}

#header {
margin:0; padding:0;
height:198px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}

#main1 {
margin:0; padding:0;
}

#main2 {
margin:0; padding:0;
}

#left {
float:left;
width:220px;
padding:0;
margin:10px;
font-size:80%;
background-image: url(images/Navbg.jpg);
background-position:centre;
background-repeat:no-repeat;
}

/* hide form IE5-mac. only ie-win see this \*/
* html #left {
margin:10px 0 0 5px;}
/* end hide from IE/mac */


#navcontainer {
margin:0px; padding:0px;
}

#navlist
{
padding-left: 0;
margin-left: 0;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
}

#navlist li
{
list-style: none;
margin: 0;
padding: .5em 1.5em .5em 1.5em;
border-bottom: 1px solid #9966CC;
}

#navlist li a {
text-decoration: none;
color: #9966CC;
}

#navlist a:hover{
text-decoration:none;
color: #330066;
font-weight:bold;
}

#navlist a:visited{
text-decoration: none;
color: #9966CC;
}

#qlcontainer {
width: 200px;
margin:0px; padding:0px;
background-color: #CCCCCC;
}

#qlcontainer p{
color: #330066;
line-height: 150%;
}

#qlcontainer h1{
color: #330066;
font-size:120%;
}

#qlcontainer a{
color: #000099;
}

.navcolumn-in {
margin:0;
padding:0px 0px;
}

#right {
float:right;
width:220px;
margin:0;
padding-top:15px;
font-size:80%;
color: #330066;
}

#right h1{
font-size:130%;
}

#right p{
font-size: 110%;
line-height: 130%;
}

#middle {
margin:0px 220px;
padding-top:15px;
font-size:100%;
color: #330066;
border-right: 1px solid #330066;
}

#middle h1{
font-size:150%;
}

#middle h2{
font-size:110%;
}

#middle p{
font-size: 110%;
color: #666666;
line-height: 130%;
}

#middle li{
margin-left:30px;
color: #666666;
line-height:130%;
list-style-type:circle;
}

#middle a{
color: #000099;
}


#corner {
padding:10px;
vertical-align:top;
border: 1px solid #330066;
font-size: 80%;
line-height: 130%;
background-image:url(images/arrow.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#corner1 {
padding:10px;
vertical-align:top;
border: 1px solid #330066;
font-size: 80%;
line-height: 130%;
background-image:url(images/arrow1.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#corner2 {
padding:10px;
vertical-align:top;
border: 1px solid #330066;
font-size: 80%;
line-height: 130%;
background-image:url(images/arrow2.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

.box {
padding:0px;
margin:0px;
background-image:url(images/panelbg.jpg);
background-position:right top;
background-repeat:no-repeat;
}

#footer {
background-color:#000099;
color:#FFF;
text-align:center;
font-size:80%;
}

#footer a{
color:#FFF;
}

.column-in {
margin:0; padding:0.5em 1.5em;
}

.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}

hr{
visibility:hidden;
}
		
h1,h2,h3,h4 { margin: 0.2em 0 }
	p { margin: 0.5em 0 }
	a { color:black }
	
	.copy { text-align:center; font-size:80%; margin-bottom:20px;}

.fltleft{
float:left;
margin-right:10px;
}

.fltright{
float:right;
margin-left:10px;
}