@charset "utf-8";/* Simple fluid mediaNote: Fluid media requires that you remove the media's height and width attributes from the HTMLhttp://www.alistapart.com/articles/fluid-images/ */
img, object, embed, video {max-width: 100%;}/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}/*Dreamweaver Fluid Grid Properties----------------------------------dw-num-cols-mobile:		4;dw-num-cols-tablet:		8;dw-num-cols-desktop:	12;dw-gutter-percentage:	25;Inspiration from "Responsive Web Design" by Ethan Marcotte http://www.alistapart.com/articles/responsive-web-designand Golden Grid System by Joni Korpihttp://goldengridsystem.com/*/
.fluid {clear: both;margin-left: 0;width: 100%;float: left;display: block;}
.fluidList {list-style:none;list-style-image:none;margin:0;padding:0;}/* Mobile Layout: 480px and below. */
.gridContainer {width:100%;clear: none;float: none; position:relative; margin:0 auto; overflow:hidden;}
div.backtoper{ background:#00AAB1; height:45px; width:100%; border-bottom:12px solid #CCEBED; position:absolute; top:0px; z-index:1;}
header{ display:block; float:left; position:relative; top:0px; z-index:9; width:100%; padding-bottom:10px;}
header h1{ width:346px; height:250px; margin:0px; padding:0px; float:left;}
header h1 a{ display:block; width:346px; height:250px;}
header h1 a span{ display:block; position:absolute; top:0px; left:0px ; font-size:13px; font-weight:bold; line-height:45px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-indent:70px; color:#FFD314;}
/*article{float:left; position:relative; top:0px; z-index:9;}*/
header nav{ display:block; float:left; width:100%; }
header nav li{ display:block; background:#00AAB1;}
header nav li a{ display:block; color:#FFF !important; font-size:14px; padding:5px 10px; text-decoration:none; font-weight:bold;  border-bottom:1px solid #FC0;}
header nav li:last-child a{ border:none;}
body{ font-size:14px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.rightbox{ display:block; padding:3%; background:#FED929; position:relative; border-radius:10px; margin:10px 20px 10px 20px; clear:both; font-size:13px;}
.rightbox h3{ margin:-10px 0px 0px 0px; padding:0px; font-weight:normal;}
.rightbox h3 span{ background:#00A9A7; display:inline-block; border-radius:40px; padding:7px; position:absolute; top:-10px; left:0px; font-size:14px; font-weight:bold; color:#FFF;}
.rightbox h3 span:hover{ color:#FED929;}
.rightbox h3 a{ display:block; padding-left:70px; text-decoration:none; color:#000; font-size:18px;}
.rightbox h3 a strong{ font-weight:bold;color:#00ACB0;}
.rightbox a{ display:block; font-weight:bold; color:#00ACB0; font-size:16px;}
.rightbox h3.grn{ color:#30B389!important; font-size:21px; font-weight:bold;}

article ul{ margin:0px; padding:0px;}
article ul li{ list-style:none; display:block; text-align:center;}
article ul li img{ background:#F2EDEC; opacity: 0.5;}
article ul li img:hover{background:#FED929; opacity:1;}
article h2{ font-size:27px; margin:0px 0px 10px; color:#00AAB1; /*border-top:1px solid #CCEBED; border-bottom:1px solid #CCEBED;*/}
article h3{ font-size:16px; margin:0px; color:#00AAB1; text-align:center;}
footer{ clear:both; width:100%; text-align:center; color:#000; padding-bottom:5px; overflow:hidden;}
footer span{ float:left; display:block; font-size:11px; max-width:350px; text-align:center; width:100%; padding:10px 0;}
footer nav{ display:block; float:left; text-align:center; width:100%; clear:both;}
footer nav a{ color:#009DA0; font-size:12px;}
footer nav p{ margin:0px; padding:0px;}
.smallbody{ text-align:right;}
.smallbody a{ font-size:11px; padding:0 5px;}
.pdbox{ border-bottom:1px solid #666; overflow:hidden;}
.pdbox img{ margin:0 10px 10px 10px; border:1px solid #FED929;}
.zeroMargin_mobile{margin-left: 0;}
.hide_mobile{display: none;}
article p.smallhead{ font-size:14px; font-weight:bold; color:#00AAB1; border-top:1px solid #CCEBED; display:block; padding:10px 0 0;}
article p strong{ margin:0px; padding:0px;}
article blockquote{ margin:0px; padding:0px 0px 10px;}
article blockquote p,article ul.inners li{ background:url(../images/arrow.png) no-repeat 0 8px; padding:0 0 0 15px; clear:both; float:none; display:block; text-align:left;}
article ul.inners li{ padding:7px 0 7px 20px; background-position:0 15px;}
article p.style8,article p.style7{ font-weight:bold; margin:0px; padding:10px 0px 0px;}
article p{ margin:0px; padding:0px 0px 10px 0px; clear:both; line-height:22px;}
.bodyred{ color:#F00;}
div.body1{ font-weight:bold; padding:7px 0 20px; line-height:20px;}
div.body1 span.smallhead{ color:#00AAB1;}
.pdbox div span.style1{ font-weight:bold; padding:10px 0 0; display:block;}
div.hright{ padding:0 55px; text-align:center; float:left;}
div.hright h5{ margin:0px;}
@media only screen and (min-width: 481px) 
	{
		.gridContainer {width:100%;clear: none;float: none;margin-left: auto;}
		#div1 {}
		.pdbox {}
		.hide_tablet {display: none;}
		.zeroMargin_tablet {margin-left: 0;}
	}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) 
	{
		.gridContainer {width:100%; max-width:1024px;margin:0 auto;clear: none;float: none;margin-left: auto;}
		#div1 {}
		.pdbox {}
		.zeroMargin_desktop {margin-left: 0;}
		.hide_desktop {display: none;}

	}
@media only screen and (min-width: 1000px) 
	{
		.gridContainer {width:100%; max-width:1024px;margin:0 auto;clear: none;float: none;margin-left: auto;}
		#div1 {}
		.zeroMargin_desktop {margin-left: 0;}
		.hide_desktop {display: none;}
		header nav{ display:block; float:right; padding:13px 0 25px 0px; width:auto;}
		header nav li{ display:inline!important;}
		header nav li a{ display:inline; color:#FFF; padding:3px 10px; text-decoration:none; font-weight:bold;  border-right:3px solid #FC0; background:none; border-bottom:none;}
		header nav li:last-child a{ border:none;}
		aside{ float:left; max-width:350px;}
		aside header{ padding:0px 0 16px 0px;} 
		article{ float:left; width:630px; padding:0px 20px 20px 20px; }
		article ul{ margin:0px; padding:0px; float:left;}
		article ul li{ list-style:none; display:block; float:left;}
		article ul li.midd{ margin:0 6px;}
		article ul li img{ border:1px solid #FED929; margin:10px 0;}
		div.hright{width:auto;}
		footer span{ width:33%;}
		footer nav{width:66%; clear:none;}
		#main-container{ position:relative;z-index:9999;}
	}