/* basic */
body {
    font: .8em verdana, arial, sans-serif;
    margin-left:10px;
    margin-right:10px;
	margin-top:0;
    background: #7c5a8e;
	color: #ffffff;
}

* {
    margin:0;
    padding:0;
}
 
	
div#topnavbar {
	height: 30px;
	width: 100%;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	background-color: #ce88b6;
}

div#topnavbar ul {
	margin: 0px;
	padding: 0px;
	color: #7c5a8e; 
	line-height: 30px;
	white-space: nowrap;
}

div#topnavbar li {
	list-style-type: none;
	display: inline;
}

div#topnavbar li a {
	text-decoration: none;
	padding: 7px 10px;
	color: #fff;
}

div#topnavbar li a:link {
	color: #fff;
}

div#topnavbar li a:visited {
	color: #ccc;
}

div#topnavbar li a:hover {
	font-weight: bold;
	color: #fff;
	background-color: #ce88b6;
}

div#mainwrapper {
    min-width:760px;
    max-width:880px;
    margin-left:auto;
    margin-right:auto;
} 
  

/* centers layout when > max width */

#threecolwrap {
    float:left;
    width:100%;
}

#twocolwrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	margin-right:-165px; /* CWS - neg margin move */
}

#nav {
	float:left;
	margin-top: 15px;
 	width:150px;
	display:inline; /* stops IE doubling  margin on float*/ 
	color: #ffffff;
	background-color: transparent;
	border: none; 
}

#nav img {
	border: 0;
	}
	
#nav ul{
	margin-left: 1px;
	padding-left: 0;
	list-style-type: none;
}

	

#nav2 {
        float:left;
        width:150px;
        display:inline;
		list-style-type: none;
}


#content {
 	width:auto;
 	margin-left:154px;
	margin-top: 17px;
 	margin-right:170px;
    background-color: #ffffff;
	color: #000;
    padding: 15px;
    }
	
#content img {
	border: none;
	margin: 0 4px 4px 0;
	} 

	
div#formcontainer {
	width: 390px;
	margin-left: 40px;
	margin-top: 20px;
}
	
div#formcontainer form{
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}

div#formcontainer div.clearfix {
	border-top:0px solid #ccc;
	padding: 10px 0px;
	vertical-align: top;
}

div#formcontainer form label {
	width: 120px;
	float:left;
	font-size: .75em;
	color: #003366;
	margin: 0px 10px;
}

#bluebox {
 	float:left;
	margin-top: 15px;
	margin-bottom: 15px;
 	width:132px;
	background-color:#ce88b6;
	padding: 15px;
	color: #ffffff; 
}
    
	
div#bluebox img {
	Border:none;
}
	
 #footer {
 	width:100%;
 	clear:both;
 	float:left;
	background-color: transparent;
	color: #ffffff;
	font-size: 10px;
	line-height: 16px;
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: center;
}



/* end of structural styles */ 

/* a few more styles to help you see what's going on */

div#footer ul {
	width: 100%;
	border: none;
	text-align: center;
    font-weight: bold;
	font-size: 14px;
}

div#footer li{
        list-style-type: none;
        display: inline;
}


div#footer li a {
        padding: 7px 10px;
        }
		
li {
	list-style-type: disc;
	}
	
	li {
		list-style-position: outside;
	}		
li {margin: 0 0 0 15px;}
.center {
	text-align:center;
	background-color: transparent;
    color: #bd70a3;
}

#nav a {
	display: block;
	padding: 3px;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#nav a:link, #navlist a:visited {
	text-decoration: none;
	color: #ffffff;
}

#nav a:hover {
	text-decoration: underline;
	background-color: #988aa6;
	color: #fff;
}

p.special:first-letter {
	font-size: 300%;
	float: left;

	}
     
#footer a:link, a:visited {
	text-decoration: none;
	color: #ffffff;
}

#footer a:hover {
	text-decoration: underline;
	background-color: #a34188;
	color: #fff;
}

#content a:link, a:visited {
	text-decoration: none;
	color: #606082;
}

#content a:hover {
	text-decoration: underline;
	color: #d4a2c7;
}
	
#bluebox a:hover{
	text-decoration: none;
}