/* 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; text-align:center; color:#ffffff;}
h3{margin: 16px 4px 10px 4px; font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:15px; color:black; text-align:center; color:#ffffff;}
h2{font-family: Arial, Helvetica, sans-serif; font-size:16px; line-height:15px; color:black; text-align:center;}
h1{margin: 16px 4px 4px 4px; font-family: Times New Roman, Helvetica, sans-serif; font-size:22px; line-height:16px; color:#42352c; text-align:center; background-image: url("themes/images/corner.jpg");}
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;
}
a:link { 
	color: #FFFFFF;
	}
a:visited { 
	color: #FFFFFF;
	}
a:hover { 
	color: #FFFFFF;
	text-decoration: underline;
	}
a:active { 
	color: #FFFFFF;
	}
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:800px; height:100%;  }
div#column1, p {margin: auto;}
div#column2 {float: left; width:100%; height: 100%; margin: 40px 0px 0px 0px; background-color:#ffffff; }
div#column2 img {margin: -20px 0px 0px 145px;}
div#column3 {float:left; margin: -10px 0px 0px 65px; width:200px;   }
div#column4 {float:left; margin: 15px 0px 0px 0px; width:200px; height:200px;   }
div#footer {width:100%; height:20px; text-align: center; background-color:#cc6601; font-size:10px; line-height:15px; color:#ffffff; border:1px solid #42432d; margin: 0px 0px 0px 0px;  }
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:220px; height:175px;  }
div#formcontainerr {margin-left:0px; padding:0px 0px 0px 0px; list-style: none; width:100%; height:100%;   }
div#formcontainerw {margin-left:10px; padding:0px 0px 0px 0px; list-style: none; width:100%; height:100%; margin: 0px 0px 0px 0px;   }

}
input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid black;
	height: 18px;
	margin-top:1px;
}





/* 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;
}



/* Styles for rounded corners blue */
.roundcont {
	width: 232px;
	background-color: #3C4A86;
	color: #ffffff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background:   url(images/trcb.jpg) no-repeat top right; 
}

.roundbottom {
	background:   url(images/brcb.jpg) no-repeat top right; 
}

img.corner {
   width: 9px;
   height: 12px;
   border: none;
   display: block !important;
}

.roundcont_r {
	width: 50%;
	background-color: #5765A1;
	color: #ffff;
	margin-left: auto;
	margin-right: auto;

}

.roundcont_r p {
	margin: 0 10px;
}

.roundtop_r { 
	background:   url(images/trcb.jpg) no-repeat top right; 
}

.roundbottom_r {
	background:   url(images/brcb.jpg) no-repeat top right; 
}


/* Styles for rounded corners white */
.roundcont {
	width: 100%;
	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%;
	height: 100%;
	background-color: #F5F5E5;
	color: #ffff;
	margin-left: auto;
	margin-right: auto;
}

.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 drop shadow*/
div.img-dec {
background:   url(images/shadow.gif) no-repeat bottom right;
clear: right;
float: left;
margin: 0 0 15px 25px;
padding: 0;
position: relative;
}
  
div.img-dec img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}


