/* 
========================================
CSS Document
Written by Simon Baxter - baxtersweb.com 
======================================== 
*/

body {
	margin: 0;
	padding: 10px;
	color: #333;
	text-align: center;
	background:#E9E7D8 url(../img/bg_body.png) no-repeat top left;
	background-attachment:fixed;
	font: 0.75em 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	line-height:20px
}

/*** MAIN NAVIGATION ***/
div#mainnav {
	margin: 0;
	padding: 4px 0;
	background:#003366 url(../img/bg_mainnav.png) repeat-x center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff
}
#mainnav ul {
	display: block;
	margin:0;
	padding:0;
}
#mainnav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainnav li a {
	color: #fff;
	padding: 10px 18px;
	font-weight: normal;	
	text-decoration: none;
}
#mainnav li a:hover, li a#selected {
	padding: 6px 18px;
	text-decoration: none;
	background:#003366 /*url(../img/bg_mainnav_li_a_h.png) repeat-x center*/;
	}

h1 {color:#663300; letter-spacing:3px; margin:0; font:normal 16px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:15px 0 5px; border-bottom:1px solid #ccc}
h2 {color:#333; font-size:12px;}
h3 {color:#fff; margin:0; font-size:10px; background:#fff url(../img/bg_h3.png) no-repeat top left; padding:0 30px 2px 30px}

div#slogan h1 {color:#333; font-size:12px; border:none; padding:0 5px}

p { margin:5px 0 10px 0 }

p.error, p.success {
	font-size:14px;
	margin:0 0 10px;
	border-style:solid;
	border-width:1px;
	border-color:#CC9999;
	padding:10px;
	background:#F5E5E5;
	color:#990000;
}
p.success {
	background:#E5F5E5;
	border-color:#66CC00;
	color:green
}

span.star { font-weight:bold; color:#990000; font-size:20px }

span.formerr { color:#990000 }

address {font-style:normal}

ul#errors { margin:10px 0; padding:5px 10px; border-top:2px solid #990000; border-bottom:2px solid #990000; list-style-type:none }
ul#errors li { margin:0; padding:0; color:#990000 }

/*** LINK STYLING ***/
a:link , a:visited {
	color:#666600;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

div#home_foot a:link , div#home_foot a:visited {
	color:#fff;
	text-decoration:underline;
}
div#home_foot a:hover {
	text-decoration:none
}

div#ctn {
	background:#fff;
	width:650px;
	margin:0 auto;
	text-align:left;
	border:5px solid #fff
}

div#head {
	background:url(../img/bg_head.jpg) no-repeat top left;
	height:180px;
}

div#slogan {
	padding:117px 0 0 0;
	text-align:left;
}

div#content {
	padding: 0;
	margin: 0;
}

div#prepay_content {
	padding: 0;
	margin: 0;
	background:#FFFCE4
}

div.indent {margin:0 20px}

div#home_foot {
	background:#86959C url(../img/bg_home_foot.png) repeat-x bottom left;
	padding:10px 20px 5px;
	color:#fff;
	border-top:1px solid #fff
}

div#footer {
	padding:0;
	text-align:center;
	font-size:10px;
}

/*** MISC STYLING ***/

input, select, textarea {color:#660000; font: 12px 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; padding:2px 4px; border:1px solid #7F9DB9}

input.button { background:#003366; color:#fff; border:2px solid #7F9DB9; font-size:16px}

fieldset {border:1px solid #ccc; padding:10px; margin:15px 0 10px}
legend {color:#660000; padding:1px 10px; margin-bottom:5px}

img {border:none}
img.framed {
	padding: 5px;
	border: 1px solid #ccc;
}