/* Styles for main content */
.clearthefloats {clear:both;}
body {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#42352c;}
h4{margin: 0px 0px 10px 4px; font-family: Times New Roman, Helvetica, sans-serif; font-size:14px; line-height:15px; font-weight:bold;}
h3{margin: 16px 4px 10px 4px; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:15px; color:black;}
h2{font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:15px; color:#ffffff;}
h1{margin: 16px 4px 4px 4px; font-family: Times New Roman, Helvetica, sans-serif; font-size:22px; line-height:16px; color:#42352c;}
p{margin: 0px 0px 0px 4px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color: black;}
p a:link,a:visited {
text-decoration:none;
}
li p{
color:#FFFFFF;
}
li#submit{
margin: 0px 0px 0px 10px;
}
div#formcontainer p{
float:left;
font-weight:bold
}
li a:link,a:visited {
border:none;
}
div#contentarea {width:100%; background-color:ffffff;}
.clearfix:after{
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*clear float function that applies to entire contentarea div*/
clearfix {display: inline-block;}
* html .clearfix {height: 1%}
clearfix {display: block;}

div#main {width:800px; margin: auto;}
div#column1 {float:left; width:60%; height:100%; margin: 5px 0px 0px 0px;  }
div#column1 p, h4, h1{width: 440px;}
div#column2 {float: right; width:35%; height:100%; margin: 0px 0px 0px 0px; background-color:#ffffff;   }
div#city{ float: left; width:100%; height:100px; margin: 0px 0px 0px 0px; background-color:#ffffff;  }
div#city img {margin:-23px 0px 0px 136px;}
div#column3 {float:left; margin: -35px 0px 0px 5px; width:100%;    }
div#column4 {float:left; margin: 45px 0px 0px 5px; width:100%;}  
div#footer{width: 100%; float: left; margin: 45px 0px 0px 0px; text-align: center; }
div#copyright {width: 100%; float: left; margin: 10px 0px 0px 0px; text-align: center;}


div#formcontainerg {margin-left:10px; padding:0px 0px 0px 0px; list-style: none; width:90%; height:120px;  }
div#formcontainerr {margin-left:10px; padding:0px 0px 0px 0px; list-style: none; width:90%; height:100px;  }
div#formcontainerw {margin-left:10px; padding:0px 0px 0px 0px; list-style: none; width:90%; height:202px; margin: -10px -10px -10px 0px;   }
div#formcontainerw img {margin: 10px 0px 0px 60px;}
input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid black;
	height: 18px;
	margin-top:1px;
}


/* Styles for rounded corners green */
.roundcont {
	width: 280px;
	background-color: #6F2020;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background:   url(images/gtrc.jpg) no-repeat top right; 
}

.roundbottom {
	background:   url(images/gbrc.jpg) no-repeat top right; 
}

img.corner {
   width: 9px;
   height: 12px;
   border: none;
   display: block !important;
}

.roundcont_g {
	width: 100%;
	background-color: #7F956A;
	color: #ffff;
	margin: 0 0 15px 0px;
}

.roundcont_g p {
	margin: 0 10px;
}

.roundtop_g { 
	background:   url(images/gtrc.jpg) no-repeat top right; 
}

.roundbottom_g {
	background:   url(images/gbrc.jpg) no-repeat top right; 
}


/* Styles for rounded corners white */
.roundcont {
	width: 500px;
	background-color: #E7E3E0;
	color: #ffffff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background:   url(images/trcw.jpg) no-repeat top right; 
}

.roundbottom {
	background:   url(images/brcw.jpg) no-repeat top right; 
}

img.corner {
   width: 9px;
   height: 12px;
   border: none;
   display: block !important;
}

.roundcont_w {
	width: 100%;
	background-color: #F5F5E5;
	color: #ffff;
	margin: 0 0 15px 0px;
}

.roundcont_w p {
	margin: 0 10px;
}

.roundtop_w { 
	background:   url(images/trcw.jpg) no-repeat top right; 
}

.roundbottom_w {
	background:   url(images/brcw.jpg) no-repeat top right; 
}

/* Styles for rounded corners red */
.roundcont {
	width: 280px;
	background-color: #A32F2F;
	color: #ffffff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background:   url(images/trcr.jpg) no-repeat top right; 
}

.roundbottom {
	background:   url(images/brcr.jpg) no-repeat top right; 
}

img.corner {
   width: 9px;
   height: 12px;
   border: none;
   display: block !important;
}

.roundcont_r {
	width: 100%;
	background-color: #AD3332;
	color: #ffff;
	margin: 0 0 15px 0px;
}

.roundcont_r p {
	margin: 0 10px;
}

.roundtop_r { 
	background:   url(images/trcr.jpg) no-repeat top right; 
}

.roundbottom_r {
	background:   url(images/brcr.jpg) no-repeat top right; 
}


/* Styles for navigation */


#nav {
margin:0;
padding:0;
background:#990000;
float:left;
width:100%;
border:1px solid #42432d;
border-width:0px 0;
}
#nav li {
display:inline;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;


}
#nav a:link,
#nav a:visited {
color:#ffffff;
background:#990000;
padding:5px 36px 4px 10px;
float:left;
width:auto;
border-right:1px solid #42432d;
text-decoration:none;
font: 1em/1em Arial, Helvetica, sans-serif;
text-shadow: 2px 2px 2px #555; 
 }
#nav a:hover {
color:#fff;
background:#AB5D5F;
}
#nav li:first-child a {
border-left:1px solid #42432d;
padding:5px 36px 4px 10px;
}
#nav a:active {
background:black;
color:#fff;
}
#home #nav-home a,
#how #nav-how a,
#success #nav-success a,
#resources #nav-resources a,
#about #nav-about a,
#contact #nav-contact a {
   background:#AB5D5F;
   color:#fff;
   text-shadow:none;
}
#home #nav-home a:hover,
#how #nav-how a:hover,
#success #nav-success a:hover,
#resources #nav-resources a:hover,
#about #nav-about a:hover,
#contact #nav-contact a:hover {
  background:#AB5D5F;
}
#nav a:active {
  background:#AB5D5F;
  color:#fff;
}