@charset "UTF-8";
body  {
	font: 100% Helvetica, Arial, Verdana, sans-serif;
	background: #fff url("images/bg-body.jpg") repeat-x fixed center bottom;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; color:#6a2898; font-weight:200; font-size:150%;position:relative;display:block;}
h1 { margin-bottom:20px;}
h2 { font-size:120%;}
h2 a { color:#6a2898; text-decoration:underline; position:relative;display:block;float:left; }

p { font-family:Georgia, "Times New Roman", Times, serif; font-size:75%; line-height:18px; margin:2px 0 12px;}
p strong { font-family:Helvetica, Arial, Verdana, sans-serif; }

img { border:0 none;}

#wrapper { 
	width: 861px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: transparent url("images/bg-wrapper.png") repeat-y scroll 0 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 46px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header {
	background: transparent url("images/bg-header.jpg") no-repeat scroll 0 0;
	height:177px;
}

#header img.logo { height:60px; margin:18px 0 0 22px; width:431px; border:0 none;}

#header ul { list-style:none; margin:0; padding:0; position:relative; top:38px; left:35px;}
#header ul li { display:inline; padding:0 29px;}
#header ul li a { font-size:95%; color:#393939; text-decoration:none;}
#header ul li a:hover { text-decoration:underline;}

#content {
	/*background: transparent url("images/bg-content.png") repeat-x scroll 0 0;*/ 
	overflow:hidden;
}

a.btn,
input.btn {	
	background:#6a2898 url("images/bg-btn.gif") repeat-x scroll 0 0; 
	border:solid 1px #35781f;
	-moz-border-radius: .5em;
	-webkit-border-radious: .5em;
	color:#FFF;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin:8px 8px;
	padding:4px 14px;
	text-decoration:none;
	float:right;
}

div.mod {
	background:#FFF url("images/bg-mod.jpg") repeat-x scroll 0 100%; 
	border:solid 1px #dedddd;
	-moz-border-radius: 1em;
	-webkit-border-radious: 1em;
	padding:10px 14px;
	margin-bottom:20px;
	overflow:hidden;
}

div.modwithheader {
	background:#FFF url("images/bg-mod.jpg") repeat-x scroll 0 100%; 
	border:solid 1px #dedddd;
	-moz-border-radius: 1em;
	-webkit-border-radious: 1em;
	padding:0;
	margin:20px 0;
	overflow:hidden;
	width:354px;
}

div.modwithheader h3 { 
	background:transparent url("images/bg-h3.gif") repeat-x scroll 0 0; 
	display:block;
	overflow:hidden;
	color:#FFF;
	font-size:105%;
	padding:8px 16px 5px;
	-moz-border-radius-topleft:1em;
	-moz-border-radius-topright:1em;	
	-webkit-border-radius-topleft:1em;
	-webkit-border-radius-topright:1em;
}

div.modwithheader p,
div.modwithheader form { padding:0 20px;} 
div.modwithheader label { font-size:80%; display:inline;}
div.modwithheader input.input { width:200px; margin-left:10px;}

label { font-size:80%; display:block; padding-top:6px;}
input.input { width:250px;}
select { border:solid 1px #666; margin:10px 0;}
fieldset { border:0 none; padding:0 0 14px;}


#left {
	float: left; 
	padding:0 20px;
	width:51%;
}

#left.full {
	width:815px;
}

#right {
	float: left; 
	padding:0 4px;
	width:34%;
}

#mainContent {
 	margin: 0 0 0 13em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 

#footer {
	background:transparent url("images/bg-footer.jpg") repeat-x scroll 0 0;
	height:53px;
	overflow:hidden;
	clear:both;
}

#footer ul { list-style:none; padding-right:20px; float:right;}
#footer li { display:inline; padding:0 6px; font-size:75%; color:#fff; }
#footer li a { font-size:inherit; color:#FFF; text-decoration:none;}
#footer li a:hover { text-decoration:underline;}

.right { 
	float: right;
	margin-left: 8px;
}
.left { 
	float: left;
	margin-right: 8px;
}
.clear { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}