/* --------------------------- CSS Reset ------------------------- */

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
   }

table {
	border-collapse:collapse;
	border-spacing:0;
   }

fieldset,
img { 
	border:0;
   }

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
   }

ol,ul {
	list-style:none;
   }

caption,th {
	text-align:left;
   }

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
   }

q:before,q:after {
	content:'"';
   }

abbr,acronym {
   border:0;
   }

html {
   font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */
   }
   
.break {
   clear: both;
   }   

   
/* --------------------------- Here we go! ------------------------- */

body {
   font: normal 12px/16px Arial, sans-serif;
   color: #000;
   margin: 0;
   padding: 0;
   text-align: center;
   background: #fff url(/images/body_back.jpg) left top repeat-x; 
   }
   
#container {
   width: 500px;
   margin: 0 auto;
   text-align: left;
   padding: 0;
   }
   
#top {
   position: absolute;
   width: 409px;  
   height: 145px;
   top: 0;
   right: 0;
   z-index: -1;
   background: transparent url(/images/header.jpg) right top repeat; 
   }   
   
#header {
   float: left;
   width: 100%;
   }   
   
#header p {
   float: left;
   padding: 40px 0 0 50px;
   }     
   
#header img {
   float: left;
   padding: 40px 0 0 40px;
   border: 0;
   }  
   
h1#logo {
   float: left;
   background: transparent url(/images/logo.gif) left top no-repeat;   
   width: 223px;
   height: 182px;
   }
   
h1#logo a {
   text-indent: -9999px;
   display: block;
   outline: none; 
   width: 223px;
   height: 182px;
   } 
   
h2 {
   width: 100%;
   margin: 10px 0;
   font: normal 14px/16px Arial, sans-serif;
   border-bottom: 1px solid #0798C1;
   color: #000;
   }
   
h3 {
   margin: 10px 0;
   font: bold 12px/14px Arial, sans-serif;
   border-bottom: 1px solid #ccc;
   color: #000;
   text-transform: uppercase;
   }
   
ul {
   list-style-type: square;
   margin: 0 0 10px 0;
   }   
   
ul li {
   margin: 0 0 0 20px;
   padding: 2px 0;
   border-bottom: 1px solid #efefef;
   } 
   
p {
   margin: 6px 0;
   }   
   
a {
   color: #0798C1;
   }   
   
img {
   margin: 10px 0 0 0;
   border: 1px solid #0798C1;
   }   
   
#main {
   clear: both;
   float: left;
   width: 100%;
   }   
   
#left {
   float: left;
   width: 235px;
   padding: 0;
   }   
   
#right {
   float: left;
   width: 235px;
   padding: 0 0 0 30px;
   } 
   
/* --------------------------- Footer ------------------------- */   

#footer {
   margin: 50px 0 0 0;
   clear: both;
   float: left;
   width: 100%;
   border-top: 1px solid #0798C1;
   }  
   
#left-text {
   float: left;
   width: 60%;
   }    
   
#right-text {
   float: right;
   text-align: right;
   width: 40%;
   }   
   
/* --------------------------- Contact Form ------------------------- */

form {
   margin: 15px 0 0 0;
   padding: 0;
   }

ul.form-list { 
   float: left;
   width: 300px;
   margin: 10px 0;
   padding: 0;
   list-style-type: none;
   }

ul.form-list li {
   margin: 12px 0;
   padding: 0;
   border: none;
   background-image: none;
   }

label {
   float: left;
   color: #000;
   width: 85px;
   margin: 2px 5px 0 0;
   font-weight: bold;
   font-size: 12px;
   }

input {
   width: 200px;
   background-color: #e8e8e8;
   border: 1px solid #0798C1;
   padding: 2px 0;
   }

select {
   background-color: #e8e8e8;
   border: 1px solid #0798C1;
   width: 200px;
   padding: 2px 0;
   }

textarea {
   background-color: #e8e8e8;
   border: 1px solid #0798C1;
   width: 200px;
   padding: 2px 0;
   }

.submit {
   margin: 0 0 0 232px;
   padding: 2px 4px;
   border: 1px solid #0798C1;
   width: 60px;
   color: #000;
   background-color: #0798C1;
   cursor: pointer;
   }

.asterisk {
   color: #CC0000;
   }  
   
/* -------------------------------------- Errors -------------------------------------- */

p.red {
   color: #CC0000;
   font-weight: bold;
   }

ul.errorDetails {
   list-style-type: square;
   margin: 0;
   padding: 0 0 0 10px;
   }
   
ul.errorDetails li {
   margin: 0 0 0 10px;
   padding: 0;
   color: #CC0000;
   border: none;
   background-image: none;
   }