/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #f9ae30 repeat-y left;
	color: #54614a;
	font: .8em "Trebuchet MS",Arial,Helvetica,Sans-Serif;
	padding: 0;
}
a{
	color: #b52025;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #54614a 2px solid;
	color: #54614a;
	padding: 3px;
	font: 1.2em "Trebuchet MS",Arial,Helvetica,Sans-Serif;
}
li{
	list-style: none
}
h2{
	color: #54614a;
	font-size: 1.7em;
	margin: 0 0 .6em
}
h2 a{
	color: #54614a;
}
h3{
	font-size: 1.3em;
	color: #b52025;
	border-left: 4px #b52025 solid;
	padding: 0 0 0 3px;
	margin: .4em 0 .2em 0;
}
h4{
	font-size: 1em;
	margin: 0 0 .5em
}
p, li{
	text-align: justify;
	padding: 0 0 1em;
	font-size: 1.2em;
}
p a{
	color: #54614a;
	text-decoration: underline;
}
.small {
	font-size: .7em;
}
/*=== Layout ===*/
#page{
	background: url(../images/page-bgr.png) repeat-y;
	margin: 0 auto;
	padding: 0 5px;
	width: 886px
}
#page-top, #page-bot{
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	width: 896px
}
#page-top{
	background: url(../images/page-top.png) no-repeat top
}
#page-bot{
	background: url(../images/page-bot.png) no-repeat top
}
/*=== Logo ===*/
#logo h1{
	background: url(../images/logo.gif) no-repeat;
	float: left;
	margin: -40px 0 0 30px;
	position: absolute;
	text-indent: -9999px;
	width: 132px
}
#logo h1 a{
	display: block;
	height: 136px;
	text-decoration: none
}
/*=== Menu ===*/
#menu ul{
	float: right
}
#menu li{
	float: left;
}
#menu a{
	color: #b52025;
	text-decoration: none;
	padding: 5px 5px 0 5px;
	margin: 5px;
	border-bottom: 4px #b52025 solid
}
#menu a:hover{
	color: #fff;
	background-color: #b52025;
	border-bottom: 4px #e65f25 solid
}
/*- Slogan -*/
.slogan{
	float: right;
	margin: 0 0 25px
}
/*=== Navigation ===*/
/*- Nav1 -*/
.nav1{
	clear: both;
	height: 323px;
	overflow: hidden
}
/*=== All Columns ===*/
#columns{
	padding: 0 10px 15px 25px;
	position: relative;
	z-index: 100;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 530px;
	min-height: 530px;
	background: url(../images/cols-bg2.jpg) no-repeat right top;
	word-wrap: break-word;
}
#home #columns{
	padding: 0 11px;
	z-index: 5;
	background: none;
}
#columns.bg1{
	background: url(../images/cols-bg1.jpg) no-repeat right top
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	margin: 15px 0 0;
	width: 645px
}
.col1 .content{
	padding: 0 0 0 37px
}
.col1 ul{
	padding: 2px;
}
.col1 li{
	margin: 2px 0 2px 20px;
	list-style: square;
	line-height: 1em;
}
.col1 li a{
	color: #54614a
}

.col2{
	float: right;
	width: 185px
}
.col2 a{
	color: #325316;
}
.col3{
	float: left;
	padding: 0 0 0 25px;
	width: 245px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: #99c876;
	border: 1px solid #798d6a;
	color: #ffffff;
	display: table-cell;
	display: block;
	margin: 0 0 20px;
	height: 75px;
	padding: 0 7px 10px 0;
	width: auto
}
.box .th{
	background: #c7ddb5;
	float: left;
	margin: 0 15px 0 0;
	padding: 9px 16px
}
.box .th img{
	border: 1px solid #dadee1
}
.box a{
	color: #ffffff
}
.box p{
	line-height: normal;
	padding: 0
}
/*- Box2 -*/
.box2{
	background: url(../images/box2-bgr.gif) no-repeat top;
	color: #ffffff;
	font-size: 16px;
	height: 150px;
	margin: 0 0 -30px;
	overflow: hidden;
	padding: 10px 13px 0;
	width: 837px
}
.box2 a{
	color: #ffffff
}
.box2 h2{
	border-bottom: 1px solid #aac793;
	color: #325316;
	font-size: 20px;
	font-style: italic;
	letter-spacing: -1px;
	margin: 0 0 5px;
	text-transform: uppercase
}
.box2 h3{
	color: #fcf2b7;
	border: 0;
	font-size: 34px;
	font-weight: normal;
	margin: 0
}
.box2 p{
	line-height: 15px;
	padding: 0;
	font-size: 1em
}
/*- WordCloud -*/
.wordcloud{
	background: #c7ddb5;
	border: 1px solid #798d6a;
	color: #ffffff;
	display: block;
	margin: 0 0 20px;
	padding: 0 7px 10px 0;
	width: auto
}
.wordcloud a {
  	padding: 10px;
  	text-decoration: none;
  	font-weight: normal;
  }
.th{
	background: #c7ddb5;
	float: right;
	margin: 0 0 30px 30px;
	padding: 9px 16px
}
/*=== Styling Forms ===*/
input.btn{
	background: none;
	border: 0;
	margin: 0;
	padding: 0
}
select{
	padding: 1px
}
/*- Search -*/

.search label{
	color: #4f6939;
	float: left;
	font-size: 12px;
	margin: 1px 5px 0 0
}
.search input{
	float: left;
	width: 200px
}
.search input.btn{
	margin: 0 0 0 5px;
	width: auto
}
/*- 'I Promise' Input -*/
.promise{
	padding: 0 0 0 315px;
	position: absolute;
	text-align: center;
	top: 200px;
	width: 230px
}
.promise textarea{
	height: 110px;
	margin: 0 0 5px;
	overflow: auto;
	width: 225px
}
/*- Form1 Setup -*/
.form1{
	margin: 0 0 1em
}
.form1 div{
	clear: both;
	margin: 0 0 20px;
	padding: 0 10px 0 0
}
.form1 label{
	float: left;
	font-size: 13px;
	line-height: 15px;
	margin: -2px 0 0;
	position: relative;
	width: 110px
}
.form1 input{
	width: 220px
}
/* Form1 Buttons */
.form1 .submit{
	margin: 5px 0 0;
	padding: 0 0 0 110px
}
.form1 input.btn{
	width: auto
}
.form1 img{
	margin: 0 0 -2px 5px;
	position: relative
}
/* Form1 Textarea */
.form1 textarea{
	height: 105px;
	overflow: auto;
	width: 220px
}
/* Form1 Select */
.form1 select{
	width: 226px
}
/* Form1 Login */
#login{
	margin: 0 auto;
	padding: 0 0 5px;
	width: 896px
}
#login .form1{
	margin: 0;
	padding: 0 0 3px 465px
}
#login .form1 div{
	clear: none;
	float: left;
	margin: 0;
	width: 170px
}
#login .form1 label{
	float: left;
	margin: 2px 10px 0 0;
	font-size: 13px;
	text-align: right;
	width: 50px
}
#login .form1 input{
	float: left;
	width: 100px;
	border: #54614a 2px solid;
	color: #54614a;
	padding: 3px;
	font: 1em "Trebuchet MS",Arial,Helvetica,Sans-Serif;
}
#login .form1 .submit{
	float: left;
	padding: 0;
	width: auto
}
#login .form1 .btn{
	border: 0;
	margin: -3px 0 0;
	position: relative;
	width: auto
}
#login p{
	text-align: right;
}
/*- Form2 Setup -*/
.form2{
	margin: 0
}
.form2 div{
	clear: both;
	margin: 0 0 5px;
	padding: 0
}
.form2 label{
	float: left;
	font-size: 1.3em;
	line-height: 15px;
	margin: 7px;
	position: relative;
	width: 110px
}
.form2 input{
	width: 220px
}
.form2 input.chk{
	width: auto;
	padding: 3px;
	background-color: #f7e576;
	border: 1px solid #b52025
}
.form2 input.btn{
	width: auto;
	padding: 3px;
	background-color: #f7e576;
	border: 4px solid #b52025;
	color: #b52025;
	font-weight: bold
}
.form2 textarea{
	height: 110px;
	margin: 0 0 5px;
	overflow: auto;
	width: 225px
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic-clouds{
	background: url(../images/sky-bg.png) no-repeat top;
	height: 86px;
	margin: -66px 0 0 495px;
	position: absolute;
	width: 386px;
	z-index: 1
}
/*=== Footer ===*/
#footer{
	color: #b52025;
	font-size: 1em;
	margin: 0 auto;
	padding: 3px 0 0;
	width: 830px
}
#footer a{
	color: #b52025
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
ul p{
	font-size: 1.3em;
}
ul h3{
	font-size: 1.3em;
	color: #54614a;
	border: 0;
	padding: 0;
	margin: 0;
}