@charset "UTF-8";

/*Basic styling*/
body {
	background: #FFF;
	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: #6e605d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
cursor: default;
}

#header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

h1 {
	color: #C1D630;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 13px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h3 {
	font-weight: bold;
}

p, ul, ol {
	font-size: 11px;
	line-height: 13px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

ul, ol {
	padding-left: 15px;}

a {
	text-decoration: underline;
	color: #6e605d;
cursor: default;
}

a:hover {
	text-decoration: none;
	color: #C1D630;
cursor: default;
}

ul {
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

li {
	line-height: 16px;
}

/* Content Template Layout */
#container {
	width: 1000px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 70px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #f3f2f0;
	padding: 0px;
}

.img_main {
	padding-left: 15px;
	float: right;
}

/*Header */
#logo {
	float: left;
	padding-top: 15px;
	padding-left: 15px;
}
#flash {
	float: right;
	background-color: #f3f2f0;
}

/* NAVIGATION */
#subnav {
	padding: 0px;
	float: left;
	margin: 0px;
	width: 167px;
	position: relative;
	bottom: 0px;
}
#header {
	height: 423px;
}

#header-form {
	height: auto;
	margin-bottom: 15px;
	}

#mainnav {
	height: 22px;
}

/* Main Nav */
#mainnav_text {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
}

.inactive {
	background-color: #e2dfdf;
	color: #62574f;
	font-size: 11px;
}

.hover {
	background-color: #6e615e;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

.active {
	background-color: #60564f;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

#enternav {
	height: 22px;
	width: 100%;
}

/* mainnav green */
.hover_green {
	background-color: #d6ec3b;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

.active_green {
	background-color: #C1D630;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

/* mainnav grey */
.hover_grey {
	font-weight: bold;
	font-size: 12px;
	background-color: #60564f;
	color: #fff;
}

.active_grey {
	background-color: #60564f;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

/* mainnav blue */
.hover_blue {
	font-weight: bold;
	font-size: 12px;
	background-color: #52d9e9;
	color: #fff;
}

.active_blue {
	background-color: #48c3d2;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

/* mainnav purple */
.hover_purple {
	font-weight: bold;
	font-size: 12px;
	background-color: #ebbbe8;
	color: #fff;
}

.active_purple {
	background-color: #d4aed2;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

/* mainnav orange */
.hover_orange {
	font-weight: bold;
	font-size: 12px;
	background-color: #fdb166;
	color: #fff;
}

.active_orange {
	background-color: #e9994a;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

/* mainnav yellow */
.hover_yellow {
	font-size: 12px;
	font-weight: bold;
	background-color: #f9de61;
	color: #fff;
}

.active_yellow {
	background-color: #fed100;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

/* SUB NAV */
#subnav_text {
	font-size: 11px;
	color: #FFF;
	vertical-align: middle;
	padding-left: 15px;
}

.subinactive {
	background-color: #6e615e;
}

.subhover {
background-color: #857875;
	font-weight: bold;
}

.subactive {
	background-color: #60564f;
	font-weight: bold;
}

.subinactive_extra {
	background-color: #b6b0ae;
}

/* subnnav green */
.subnav_green {
	vertical-align: baseline;
	position: relative;
	top: 149px;
}

.subinactive_green {
	background-color: #C1D630;
}

.subhover_green {
	background-color: #d6ec3b;
	font-weight: bold;
}

.subactive_green {
	background-color: #a6b92b;
	font-weight: bold;
}

/* subnav grey */

.subnav_grey {
	vertical-align: baseline;
	position: relative;
	top: 127px;
}

.subinactive_grey {
	background-color: #766a62;
}

.subhover_grey {
	background-color: #93857b;
	font-weight: bold;
}

.subactive_grey {
	background-color: #60564f;
	font-weight: bold;
}

/* subnav purple */

.subnav_purple {
	vertical-align: baseline;
	position: relative;
	top: 193px;
}

.subinactive_purple {
	background-color: #d4aed2;
}

.subhover_purple {
	background-color: #ebbbe8;
	font-weight: bold;
}

.subactive_purple {
	background-color: #b796b5;
	font-weight: bold;
}

/* Content */
#mainContent {
	background: #FFFFFF;
	margin-top: 15px;
	margin-right: 15px;
	width: 707px;
	height: 362px;
	padding: 15px;
	margin-left: 246px;
	position: relative;
	top: 15px;
	margin-bottom: 15px;
}

#mainContent-forms {
	background: #FFFFFF;
	margin-top: 15px;
	margin-right: 15px;
	width: 707px;
	padding: 15px;
	margin-left: 246px;
	position: relative;
	top: 15px;
	margin-bottom: 15px;
}

#leftcol {
	width: 167px;
	float: left;
}

/* Footer */
#footer {
	padding: 15px;
	background-color: #c4c1bc;
	width: 970px;
	height: 134px;
}

#footercontent {
	width: 250px;
	margin-right: 200px;
}


/* Footer left */
#footerleft {
	float: left;
}

#footerleft_home {
	float: left;
	width: 380px;
}

#adrotator_square {
	height: 135px;
	width: 140px;
	float: left;
}

#adrotator_rectangle {
	height: 135px;
	width: 252px;
	margin-left: 155px;
}

/* Footer right */
#footerright {
	float: right;
	width: 550px;
}

#footercontent ul{
	font-size: 11px;
	float: none;
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#footercontent li {
	list-style-type: disc;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 13px;
}

#blickcontact {
	float: right;
}

.img_contactrobot {
	margin-top: 20px;
}

#contact {
	background-color: #c4c1bc;
	width: 200px;
	margin-left: 800px;
	padding: 0px;
	margin-top: 0px;
}
.contact {
	font-size: 10px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#copyright {
	font-size: 10px;
	background-color: #FFF;
	padding-top: 12px;
}

/* TEMPLATE SPECIFIC STYLING */
/* Green */
.green {
	border: 1px solid #C1D630;
}

.green h1{
	color: #C1D630;	
}

/* Grey */
.grey {
	border: 1px solid #766a62;
}

.grey h1{
	color: #766a62;	
}

/* Blue */
.blue {
	border: 1px solid #48c3d2;
}

.blue h1{
	color: #48c3d2;	
}

/* Purple */
.purple {
	border: 1px solid #b796b5;
}

.purple h1{
	color: #b796b5;	
}

/* Orange */
.orange {
	border: 1px solid #e9994a;
}

.orange h1{
	color: #e9994a;	
}

/* Yellow */
.yellow {
	border: 1px solid #fed100;
}

.yellow h1{
	color: #fed100;	
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}



