/* CSS Document */

body {
	text-align: center;
	background-image: url(../images/background_home3.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin-top: 0px;
	font-family: /* "Century Gothic",*/ Verdana, Arial, Helvetica, sans-serif;
	/* color: #A0A0A0; <-- old color */
	color: #666;
	font-size: 11px;
}
a img  {
border: none;	
}

h1, h2, h3 {
	display: block;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-shadow: #000 1px 1px 3px;
}

h1 {
	font-size: 24px;
	margin-bottom: 5px;
}

h2 {
	font-weight: normal;
	font-size: 14px;
}

h3 {
	margin: 0;
	text-shadow: none;
	color: #777;
	font-size: 18px;
}

h4 {
	font-size: 14px;
	font-weight: 300;
}

#container {
	margin: 0 auto;
	width: 818px;
	text-align: left;
}

#feature {
	background-image: url(../images/home_featurebackground.jpg);
	width: 818px;
	height: 342px;
}

#feature div {
	float: left;
	text-align: left;
	width: 25%;
	top: 50px;
}

#footer {
	font-family: /* "Century Gothic",*/ Verdana, Arial, Sans-serif;
	color: #A0A0A0;
	font-size: 11px;
	margin-top: 10px;
	text-align: center;
}

.bluetext {
	color: #006fa9;
}

.greytext {
	color: #A0A0A0;
}

.browntext {
	color: #a26f2a;
}

.bigTitle {
	font-size: 18px;
}

a.nofrills:link {
	text-decoration: none;
}

a.nofrills:visited {
	text-decoration: none;
}

a.nofrills:focus {
	text-decoration: none;
}

a.nofrills:hover {
	text-decoration: none;
}

a.nofrills:active {
	text-decoration: none;
}

a.headerlinks:link {
	text-decoration: none;
	color: #666666;
}

a.headerlinks:visited {
	text-decoration: none;
	color: #666666;
}

a.headerlinks:focus {
	text-decoration: none;
	color: #666666;
}

a.headerlinks:hover {
	text-decoration: underline;
	color: #666666;
}

a.headerlinks:active {
	text-decoration: none;
	color: #666666;
}

a.footerlinks:link {
	text-decoration: none;
	/*color: #A0A0A0; (old color) */
	color: #999;
	font-size: 10px;
}

a.footerlinks:visited {
	text-decoration: none;
	/*color: #A0A0A0; (old color) */
	color: #999;
	font-size: 10px;
}

a.footerlinks:focus {
	text-decoration: none;
	/*color: #A0A0A0; (old color) */
	color: #999;
	font-size: 10px;
}

a.footerlinks:hover {
	text-decoration: underline;
	/*color: #A0A0A0; (old color) */
	color: #999;
	font-size: 10px;
}

a.footerlinks:active {
	text-decoration: none;
	/*color: #A0A0A0; (old color) */
	color: #999;
	font-size: 10px;
}

a.bluelinks:link {
	text-decoration: none;
	color: #006fa9;
}

a.bluelinks:visited {
	text-decoration: none;
	color: #006fa9;
}

a.bluelinks:focus {
	text-decoration: none;
	color: #006fa9;
}

a.bluelinks:hover {
	text-decoration: underline;
	color: #006fa9;
}

a.bluelinks:active {
	text-decoration: none;
	color: #006fa9;
}

.leftnav {
	color: #FFFFFF;
	padding-left: 10px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.lefttitle {
	color: #FFFFFF;
	padding-left: 5px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a.leftlink:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.leftlink:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.leftlink:focus {
	color: #FFFFFF;
	text-decoration: none;
}
a.leftlink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.leftlink:active {
	color: #FFFFFF;
	text-decoration: none;
}

a.brownlinks:link {
	text-decoration: none;
	color: #a26f2a;
}

a.brownlinks:visited {
	text-decoration: none;
	color: #a26f2a;
}

a.brownlinks:focus {
	text-decoration: none;
	color: #a26f2a;
}

a.brownlinks:hover {
	text-decoration: underline;
	color: #a26f2a;
}

a.brownlinks:active {
	text-decoration: none;
	color: #a26f2a;
}




/* Added by IQS®; 11/02/2009  */


/* Controls the BLUE Navigation */

#navContainer {
	position: relative;
	width: 196px;
	height: auto;
	border: none;
	padding-bottom: 5px;
	margin: 0;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: repeat-y;
	}
	
.navHeadingBlue {
	display: block;
	height: auto;
	width: 188px;
	font-size: 12px;
	background-color: #04233F;
	border-top: 1px solid #A4C0D5;
	border-bottom: 1px solid #A4C0D5;
	color: white;
	font-weight: bold;
	margin: 0;
	padding: 4px;
	}	
	
#navContainer ul {
	color: #FFF;
	font-size: 11px;
	margin: 4px 0 10px 20px;
	padding: 0;
	}
	
#navContainer ul li {
	margin-top: 5px;
	}
	
#navContainer li a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#navContainer li a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
#navContainer li a:hover {
	color: #FFF;
	text-decoration: underline;
	}
	
#navContainer li a:active {
	color: #FFF;
	text-decoration: none;
	}
	
li.sub {
	list-style-type: circle;
	margin-left: 15px;
	}
	
	
	
/* Controls the BROWN Navigation */
	
#navContainerBrown {
	position: relative;
	width: 196px;
	height: auto;
	border: none;
	padding-bottom: 5px;
	margin: 0;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-image: url(../images/nav_bg_brown.jpg);
	background-repeat: repeat-y;
	}

.navHeadingBrown {
	display: block;
	height: auto;
	width: 188px;
	font-size: 12px;
	background-color: #482C05;
	border-top: 1px solid #A4C0D5;
	border-bottom: 1px solid #A4C0D5;
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 4px;
	}
	
#navContainerBrown ul {
	color: #FFF;
	font-size: 11px;
	margin: 4px 0 10px 20px;
	padding: 0;
	}
	
#navContainerBrown ul li {
	margin-top: 5px;
	}
	
#navContainerBrown li a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#navContainerBrown li a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
#navContainerBrown li a:hover {
	color: #FFF;
	text-decoration: underline;
	}
	
#navContainerBrown li a:active {
	color: #FFF;
	text-decoration: none;
	}
	
li.sub {
	list-style-type: circle;
	margin-left: 15px;
	}



/* OTHER IQS ADDITIONS; July 20, 2010 */

table#about td {
	font-size: 13px;
	padding: 20px;
}

img#animation {
	width: 800px;
}

#header {
	position: relative;
	height: 80px;
	width: 818px;
}

#header img {
	margin: 20px 0 0 20px;
}

#headerNav {
	position: absolute;
	right: 20px;
	top: 30px;
	height: 50px;
	width: 500px;
	text-align: right;
}

#banner {
	height: 91px;
	width: 778px;
	margin: 0 0 4px 0;
	padding: 10px 20px 15px 20px;
	background-color: #555;
	background-image: url(../images/esma_banner.jpg);
}

#featured {
	position: relative;
	height: 480px;
	width: 818px;
	margin: 0;
	padding: 0;
	background-color: #dadada;
	background-image: url(../images/featured_bg.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ccc;
}

#contents {
	height: auto;
	width: 778px;
	padding: 20px;
}

#contents p {
	font-size: 13px;
	line-height: 1.5em;
}

#contents img {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 780px;
	height: auto;
}

#left, #right {
	position: relative;
	height: 400px;
	width: 408px;
	border: none;
}

#left {
	float: left;
	padding-left: 2px;
	width: 406px;
}

#right {
	float: right;
	border-left: 1px solid #ccc;
	padding-left: 1px;
}

#left h3, #right h3 {
	display: block;
	width: auto;
	color: #fff;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 14px 0;
}

#left h3 {
	background-color: #006fa9;
	background-image: url(../images/gradient_blue.jpg);
	background-repeat: repeat-x;
	margin: 3px 6px;
}

#right h3 {
	background-color: #a26f2a;
	background-image: url(../images/gradient_brown.jpg);
	background-repeat: repeat-x;
	margin: 3px 6px;
}

.imgContainer {
	position: relative;
	height: 146px;
	width: 203px;
	margin: 0;
	padding: 5px 0 0 0;
}

#left img, #right img {
	position: relative;
	display: block;
	height: 140px;
	width: 190px;
	margin: 0 auto;

}

.column {
	position: relative;
	float: left;
	height: auto;
	width: 203px;
	margin: 0;
	padding: 0;
}


#left h4, #right h4 {
	position: relative;
	display: block;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: left;
	font-size: 16px;
}

#left h4 {
	color: #006fa9;
}

#right h4 {
	color: #a26f2a;
}

ul.sub {
	display: block;
	margin: 0 0 2px -25px;
}

#left ul, #right ul {
	margin: 6px 0 0 0;
}

#left ul li, #right ul li {
	margin: 3px 0 0 -10px;
}

ul li a {
	color: #666;
	text-decoration: none;
}

ul li a:hover {
	color: #666;
	text-decoration: underline;
}

#left ul li a:hover {
	color: #006fa9;
}

#right ul li a:hover {
	color: #a26f2a;
}