html {
	height: 100%;
}
body {
	margin: 0;
	font: 12px/13px "Trebuchet MS", trebuchet, Arial, sans-serif;
	background: url(/images/bg.gif) repeat 50% 0;
	height: 100%;
	min-width: 1000px;
}
img {
	border: none;
	display: block;
}
a:focus {
	outline:none;
}
form {
	margin: 0;
	padding: 0;
}
.page {
	background: url(/images/bg-repeat-y.gif) repeat-y 50% 0;
	min-height: 100%;
}
.index-page {
	background: url(/images/bg-repeat-y-index.gif) repeat-y 50% 0;
}
* html .page {
	height: 100%;
}
.page-grad {
	background: url(/images/blue-grad.png) repeat-x 50% 0;
}
.index-page .page-grad {
	background: url(/images/blue-grad-index.png)  repeat-x 50% 0;
}
.page-bg-holder {
	background: url(/images/main-bg.png) no-repeat 50% 0;
}
.index-page .page-bg-holder {
	background: url(/images/main-bg-index.png) no-repeat 50% 0;
}
#main {
	margin: 0 auto;
	width: 1000px;
	min-height: 700px;
	overflow: hidden;
	position: relative;
}
.index-page #main {
	width: 1050px;
}
* html #main {
	height: 700px;
	overflow: visible;
	width: 1001px;
	left: 1px;
}
*+html #main {
	width: 1001px;
	left: 1px;
}
* html .index-page #main {
	width: 1051px;
}
*+html .index-page #main {
	width: 1051px;
}
#header {
	width: 1000px;
	height: 416px;
	position: relative;
	
	overflow: hidden;
}

.header2 {
	width: 1000px;
	height: 416px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.inner-page #header {
	background: url(/images/inner-header-bg.jpg) no-repeat 0 18px;
	height: 189px;
}
.index-page #header {
	width: 1050px;
	background: url(/images/index-header-bg.jpg) no-repeat 0 36px;
}
.join {
	position: absolute;
	background: url(/images/join.png) no-repeat;
	width: 128px;
	height: 147px;
	text-indent: -9999px;
	overflow: hidden;
	bottom: 0;
	left: 0;
	cursor: pointer;
}
.btn-find-out-more {
	position: absolute;
	background: url(/images/btn-find-out-more.png) no-repeat;
	width: 122px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	top: 330px;
	left: 647px;
	cursor: pointer;
}
.logo {
	position: absolute;
	background: url(/images/logo.png) no-repeat;
	width: 256px;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
	top: 62px;
	left: 45px;
	cursor: pointer;
z-index: 40;
}
.inner-page .logo {
	background: url(/images/inner-logo.png) no-repeat;
	top: 52px
}
.index-page .logo {
	background: url(/images/inner-logo.png) no-repeat;
	top: 61px;
	left: 69px;
}
.slogan {
	position: absolute;
	top: 125px;
	left: 113px;
	background: url(/images/economic-development.gif) no-repeat;
	width: 158px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
}
.top-bar {
	margin: 9px 0 0;
	position: relative;
	z-index: 10;
}
.index-page .top-bar {
	width: 1004px;
	margin: 9px 0 0 23px;
}
.top-bar-bg {
	background: url(/images/main-nav-bg.png) repeat-x;
	height: 41px;
	width: 100%;
}
.index-page .top-bar-bg {
	background: url(/images/main-nav-bg-blue.png) repeat-x;
}
.top-bar ul {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 0 0 0px;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}
.top-bar ul li {
	display: inline;
	float: left;
	background: url(/images/sep.gif) no-repeat 100% 0;
	padding: 9px 9px 10px 8px;
}

.top-bar ul li:hover {

	background: url(/images/main-nav-bg_hover.png) no-repeat 100% 0;
	background-repeat: repeat-x;
}


.index-page .top-bar ul li {
	background: url(/images/sep-3.gif) no-repeat 100% 0;
	padding-right: 8px;
}
.top-bar ul li a {
	color: #fff;
	text-decoration: none;
}
.top-bar ul li.selected {
background: url(/images/main-nav-bg_hover.png) no-repeat 100% 0;
	background-repeat: repeat-x;
}
/*.top-bar ul li a:hover {
	background: url(/images/sep_hover.gif) no-repeat 100% 0;
}*/

.tags a.smallestTag { font-size: 9px; }
.tags a.smallTag { font-size: 12px; }
.tags a.mediumTag { font-size: 15px; }
.tags a.largeTag { font-size: 19px; }
.tags a.largestTag { font-size: 25px; } 


.form {
	float: right;
	display: inline;
	margin: 5px 4px 0 0;
	position: relative;
}
.index-page .form {
	margin-right: 7px;
}
.form div {
    background-color:#ffffff;
	border: 1px solid #bfbfbe;
	background: #fff url(/images/ico-search.png) no-repeat 126px 3px;
	width: 147px;
	height: 21px;
	overflow: hidden;
}
.form input {
	border: 0;
	background: none;
	float: left;
	margin: 1px 0 0 14px;
	padding: 2px 0;
	color: #999;
	font: 10px/15px "Trebuchet MS", trebuchet, Arial, sans-serif;
	width: 111px;
	display: inline;
}
.sub-menu {
	margin: -5px 0 0;
	padding: 0 3px 0 0;
	float: right;
	font-size: 10px;
	line-height: 16px;

}
.index-page .sub-menu {
	padding-right: 29px;
}
#subber {
z-index: 10;
position: absolute;
right: 0px;
}


.sub-menu li {
	float: left;
	display: inline;
	width: 124px;
	height: 27px;
	margin: 0 0 0 -36px;
	position: relative;
	text-transform: lowercase;
}
.sub-menu li a {
	text-decoration: none;
	color: #fff;
	background: url(/images/sub-nav-bg.png) no-repeat;
	width: 102px;
	height: 25px;
	padding: 2px 0 0 22px;
	float: left;
	cursor: pointer;
	letter-spacing: 1px;
}
.sub-menu li.first a {
	text-align: center;
	padding-left: 0;
	width: 124px;
}
.sub-menu li a:hover {
	text-decoration: underline;
}

#submit_button {
	background-color: #4CAED8;
	width: 6.5em;
	padding: .2em 0 .2em 0;
	color: #fff;
	border: none;
	font-weight: bold;
	cursor: pointer;
}

#submit_button:hover{
    background-color: #71c2da;
}


.whats-happen {
	position: absolute;
	right: 34px;
	top: 172px;
	width: 178px;

z-index: 40;
}
.whats-happen .whats-happen-bg {
	background: url(/images/whats-happen.png) no-repeat;
	overflow: hidden;
	width: 177px;
	padding: 0 0 3px;

}
.whats-happen .whats-happen-bg-bottom {
	background: url(/images/whats-happen-bottom.png) no-repeat;
	width: 178px;
	height: 7px;
	overflow: hidden;
	font-size: 0;
	text-indent: -9999px;
	margin: 0 0 0 -1px;
}
.whats-happen h2 {
	margin: 8px 0 0 15px;
	color: #4da7db;
	font-size: 17px;
	line-height: 19px;
	font-weight: bold;
}
.whats-happen ul {
	margin: 3px 0 0 2px;
	padding: 0;
	width: 173px;
	position: relative;
}
.whats-happen ul li {
	list-style: none;
	background: url(/images/dotted-line.gif) no-repeat 100% 100%;
	overflow: hidden;
	width: 100%;
	padding: 11px 0 0;
	vertical-align: top;
}
.whats-happen ul li .date {
	float: left;
	width: 29px;
	color: #4da7db;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	padding: 0 3px 0 7px;
}
* html .whats-happen ul li .date {
	padding-right: 0;
}
.whats-happen ul li .date strong {
	font-size: 19px;
	line-height: 19px
}
.whats-happen ul li h3 {
	margin: 0;
	color: #707070;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}
.whats-happen ul li p {
	margin: 0;
	padding: 1px 7px 0 0;
	text-align: right;
	color: #4b89a9;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}
.whats-happen ul li p a {
	text-decoration: none;
	color: #4b89a9;
}
.whats-happen ul li p a:hover {
	text-decoration: underline;
}
.whats-happen .btn-prev,
.whats-happen .btn-next {
	background: url(/images/btn-prev.png) no-repeat;
	width: 83px;
	height: 25px;
	text-indent: -9999px;
	float: left;
	margin: 6px 0 0 7px;
	position: relative;
	cursor: pointer;
}
.whats-happen .btn-next {
	background: url(/images/btn-next.png) no-repeat;
	width: 84px;
	margin-left: 0;
}
.footer {
	background: url(/images/footer-bg.gif) no-repeat;
	margin: -33px auto 0;
	width: 1000px;
	height: 33px;
	position: relative;
   clear: both;
}
.footer-index {
	width: 1002px;
	background: url(/images/footer-bg-index.gif) no-repeat;
}
* html .footer {
	left: 1px;
	width: 1001px;
}
* html .footer-index {
	left: 1px;
	width: 1003px;
}
.footer ul {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 10px;
	line-height: 12px;
	display: inline;
	margin: 13px 0 0 30px;
}
.footer ul li {
	float: left;
	display: inline;
	padding: 0 6px 0 6px;
	background: url(/images/sep-2.gif) no-repeat 0 2px;
}
.footer ul li.first {
	padding-left: 0;
	background: none;
}
.footer ul li a {
	text-decoration: none;
	color: #8c8c7d;
}
.footer ul li a:hover {
	text-decoration: underline;
}
.footer p {
	margin: 13px 33px 0 0;
	padding: 0 12px 0 0;
	display: inline;
	float: right;
	color: #b8b8ad;
	font-size: 10px;
	line-height: 13px;
	background: url(/images/cubic.gif) no-repeat 100% 2px;
}
.footer p a {
	color: #b8b8ad;
	text-decoration: none;
}
.footer p a:hover {
	text-decoration: underline;
}
.container {
	width: 1000px;
	padding: 0 0 49px;
	background: url(/images/container-bg.gif) repeat-x;
	float: left;
}
.index-page .container {
	margin: 0 0 0 24px;
	width: 1002px;
	display: inline;
}
.col-1 {
	float: left;
	width: 172px;
	margin: 44px 0 0;
}
.col-2 img {
padding: 0px;
border: 1px solid #4A95C5;
margin: 7px 0px 0px 7px;
}
.partners {
	margin: 0;
	padding: 0;
}
.col-4 .partners {
	margin: 34px 11px 0 1px;
}
.col-5 .partners {
	margin: 9px 11px 0 0;
}
.partners li {
	list-style: none;
	text-align: center;
	padding: 0 0 32px;
}
.col-4 .partners li {
	padding-bottom: 15px;
}
.col-5 .partners li {
	padding-bottom: 7px;
}
.partners li img {
	display: inline;
}
.colums-holder {
	float: left;
	width: 606px;
	display: inline;
	margin: -35px 0 0 13px;
	position: relative;
	z-index: 20;
}
.index-page .colums-holder {
	width: 745px;
	margin: -35px 8px 0 37px;
}
.colums-holder h2#featured,
.colums-holder h2#whats-new,
.col-4 h2#helpful {
	float: left;
	background: url(/images/blue-heading.gif) no-repeat;
	width: 321px;
	height: 27px;
	padding: 8px 0 0 15px;
	color: #fff;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
	margin: 0 11px 0 0;
}
.index-page .colums-holder h2#featured {
	margin-left: 1px;
	padding-left: 19px;
	background: url(/images/blue-heading-2.gif) no-repeat;
	width: 464px;
	height: 27px;
	display: inline;
}
.colums-holder h2#whats-new {
	background: url(/images/gray-heading.gif) no-repeat;
	width: 233px;
	margin: 1px 0 0;
	height: 26px;
}
.index-page .colums-holder h2#whats-new {
	background: url(/images/orange-heading.gif) no-repeat;
}
.col-4 h2#helpful {
	background: url(/images/green-heading.gif) no-repeat;
	width: 174px;
	height: 26px;
	float: none;
}
.index-page .col-4 h2#helpful {
	background: url(/images/green-heading-index.gif) no-repeat;
}
.colums-holder .columns-bg {
	clear: both;
	background: url(/images/columns-bg.png) repeat-y;
	width: 597px;
}
.index-page .colums-holder .columns-bg {
	width: 744px;
	background: url(/images/columns-bg-2.png) repeat-y;
}
.colums-holder .columns-bg-bottom {
	width: 100%;
	overflow: hidden;
	background: url(/images/columns-bg-bottom.gif) no-repeat -2px 100%;
	position: relative;
	padding: 0 0 21px;
}
.index-page .colums-holder .columns-bg-bottom {
	background: url(/images/columns-bg-bottom-2.gif) no-repeat 0 100%;
	padding: 0 0 31px;
}
.col-2 {
	float: left;
	width: 330px;
	overflow: hidden;
	color:#939393;
}
.index-page .col-2 {
	width: 479px;
}
.col-2 .border {
	border-top: 2px solid #fff;
	margin: 8px 2px 0 20px;
}
.col-2 .image {
	float: left;
	display: inline;
	margin: 8px 0 0 14px;
}
.index-page .col-2 .image {
	margin: 0;
}
.col-2 .date {
	float: left;
	color: #559bbf;
	font-size: 9px;
	line-height: 11px;
	background-color: #fff;
	margin: 8px 0 0 9px;
	padding: 3px 0 3px 6px;
	display: inline;
	width: 82px;
}
.index-page .col-2 .date {
	margin: 0;
	float: right;
	padding-top: 1px;
}
.col-2 .box-content {
	overflow: hidden;
	width: 324px;
	clear: both;
	margin: 0 0 0 11px;
}
.index-page .col-2 .box-content {
	margin: 0 0 0 23px;
	padding: 11px 0 42px;
	width: 464px;
}
.col-2 .box-content h3 {
	margin: 4px 11px 8px 0;
	padding: 0 0 4px 4px;
	color: #559bbf;
	font-size: 13px;
	line-height: 15px;
	border-bottom: 2px solid #a1cad9;
}
.index-page .col-2 .box-content h3 {
	padding: 0 0 11px;
}
.col-2 .box-content h3 a {
	text-decoration: none;
	color: #559bbf;
}
.col-2 .box-content h3 a:hover {
	text-decoration: underline;
}
.col-2 .box-content p {
	margin: 0;
	padding: 0 10px 10px 3px;
	color: #666;
	font-size: 12px;
	line-height: 14px;
}
.blue-button,
.gray-button {
	position: absolute;
	background: url(/images/blue-button-bg-right.gif) no-repeat 100% 0;
	text-decoration: none;
	font: 11px/13px Arial, sans-serif;
	color: #fff;
	bottom: 11px;
	right: 265px;

}
.gray-button {
	background: url(/images/gray-button-bg-right.gif) no-repeat 100% 0;
	right: 8px;
}
.index-page .gray-button {
	right: 14px;
	bottom: 21px;
}
.index-page .blue-button {
	right: 277px;
	bottom: 21px;
}
.blue-button span,
.gray-button span {
	float: left;
	background: url(/images/blue-button-bg.gif) no-repeat;
	height: 22px;
	color: #fff;
	padding: 2px 42px 0 7px;
	cursor: pointer;
}
.gray-button span {
	background: url(/images/gray-button-bg.gif) no-repeat;
	padding: 2px 47px 0 17px;
}
.blue-button:hover,
.gray-button:hover {
	text-decoration: underline;
}
.col-3 {
	float: left;
	width: 237px;
	display: inline;
	margin: 0 0 0 22px;
}
#whats-new-list {
	margin: 0;
	padding: 0;
	width: 235px;
	height: 600px;
min-height: 600px;
}
#whats-new-list li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #fdfdfd;
	margin: -1px 0 0;
	padding: 0 0 14px;
}
.index-page #whats-new-list li {
	padding-bottom: 16px;
}
* html #whats-new-list li {
	margin-bottom: -4px;
}
#whats-new-list li .image {
	float: left;
	margin: 13px 0 0;
}
#whats-new-list li .image a img {
	border: 1px solid #7f7f74;
}
#whats-new-list li .text {
	float: right;
	width: 165px;
}
#whats-new-list li .date {
	float: right;
	background-color: #fff;
	color: #757569;
	font-size: 11px;
	line-height: 11px;
	padding: 4px 0 4px;
	width: 88px;
	text-align: center;
}
#whats-new-list li h3 {
	margin: 0 0 0 3px;
	padding: 0 0 3px;
	color: #7b2e00;
	font-size: 15px;
	line-height: 17px;
	clear: both;
}
#whats-new-list li p {
	margin: 0 0 0 3px;
	color: #545454;
	font-size: 12px;
	line-height: 14px;
}
#whats-new-list li h3 a {
	color: #7b2e00;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	padding: 0 0 0 3px;
}
#whats-new-list li h3 a:hover {
	text-decoration: underline;
}
.col-4 {
	float: left;
	width: 177px;
	margin: -34px 0 0;
	position: relative;
	z-index: 20;
}
.green-box {
	background: url(/images/green-box-bg.gif) no-repeat;
	margin: 0 0 0 -1px;
	overflow: hidden;
	width: 100%;
}
.green-box .green-box-bg {
	background: url(/images/green-box-bottom.gif) no-repeat 0 100%;
}
.green-box .green-box-bg-top,
.green-box .green-box-bg-top-none {
	background: url(/images/green-box-top.gif) no-repeat;
	overflow: hidden;
	padding: 8px 0 14px;
	width: 100%;
}
.green-box .green-box-bg-top-none {
	background: none;
}
.helpful-links {
	margin: 0 0 0 6px;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	overflow: hidden;
	width: 163px;
}
.helpful-links li {
	list-style: none;
	border-top: 1px solid #b4d997;
	padding: 4px 0 6px 8px;
	margin: -1px 0 0;
}
.helpful-links li a {
	text-decoration: none;
	color: #609728;
}
.helpful-links li a:hover {
	text-decoration: underline;
}
.green-box h3 {
	margin: 3px 9px 0 4px;
	padding: 0 0 6px 10px;
	color: #598527;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
	border-bottom: 2px solid #fff;
}
.tags {
	margin: 2px 3px -1px 7px;
	padding: 0;
}
.tags li {
	list-style: none;
	display: inline;
	font-size: 10px;
	line-height: 15px;
}
* html .tags li {
	line-height: 17px;
}
*+html .tags li {
	line-height: 17px;
}
.tags li.size-17 {
	font-size: 17px;
}
.tags li.size-11 {
	font-size: 11px;
}
.tags li.size-13 {
	font-size: 13px;
}
.tags li.size-20 {
	font-size: 20px;
}
.tags li a {
	text-decoration: none;
	color: #6dab00;
}
.tags li a:hover {
	text-decoration: underline;
}
.col-5 {
	float: left;
	width: 182px;
	margin: 15px 0 0 1px;
	display: inline;
}


.side-nav ul.subsub {
background: none;
}

.side-nav ul.subsub li {
	background-color: #FFF;
     background-image: none;
     border-top: 1px solid #CCC;
}
.side-nav ul.subsub a{
	display:block;
	color:#999;
	font:10px "trebuchet MS", sans-serif;
	/*padding:7px 43px 0 0;*/
	text-decoration:none;
	//background:url(/images/arrow.gif) no-repeat 196px 50%;
}

.side-nav ul.subsub a.active{
	display:block;
	color:#999;
	font:10px "trebuchet MS", sans-serif;
	padding:0px 0px 0 8px;
	text-decoration:none;
	background:url(/images/arrow.gif) no-repeat -5px 50%;
}





.side-nav {
	background: url(/images/side-nav-bg.gif) repeat-y;
}
.side-nav .side-nav-bg {
	background: url(/images/side-nav-bg-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 0 8px;
}
.side-nav h2 {
	margin: 0;
	padding: 9px 0 5px 20px;
	background: url(/images/side-nav-heading.gif) repeat-y;
	color: #fff;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
	text-transform: uppercase;
}
.side-nav ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
}
.side-nav ul li {
	list-style: none;
	background: url(/images/line.gif) no-repeat;
	padding: 7px 0 7px 19px;
}
.side-nav ul li a {
	text-decoration: none;
	color: #4aa1c5;
}
.side-nav ul li a:hover {
	text-decoration: underline;
}
.col-6 {
	float: left;
	width: 601px;
	margin: -34px 10px 0 -4px;
	position: relative;
	color:#53544f;
}
.col-6 .heading {
	background: url(/images/gray-heading-2.png) no-repeat;
	height: 26px;
	margin: 0;
	padding: 8px 0 0 25px;
	color: #fff;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
}
.col-6 .content {
	background: url(/images/content-bg.png) repeat-y;
	width: 100%;
	min-height:550px;
	color:#53544f;
	line-height: 18px;
}
.col-6 .content a{
color:#53544f;
}
.col-6 .content a:hover{
color:#53544f;
text-decoration:none;
}

.col-6 .content .content-bg {
	position: relative;
	overflow: hidden;
	padding: 4px 0 0 22px;
	width: 563px;
	color:#53544f;
}
.col-6 .content-bg-bottom {
	height: 10px;
	width: 601px;
	font-size: 0;
	text-indent: -9999px;
	background: url(/images/content-bg-bottom.png) no-repeat;
}

/* for understanding browsers */
.content {
color:#53544f;
min-height:700px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .content {
height: 700px;
}
/**/

.content h3 {
	margin: 0;
	padding: 0 0 17px;
	color: #fa7001;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.content h3 span {
	font-size: 16px;
	font-weight: normal;
}
.content p {

	margin: 0;
	padding: 0 0 14px 2px;
	font-size: 12px;
	line-height: 14px;
}
.content ul {
	margin: 0 0 30px 14px;
	padding: 15px 0 0 2px;
	font-size: 12px;
	line-height: 14px;
	position: relative;
}
.content ul li {
	list-style: none;
	background: url(/images/bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 8px;
}

/*========================  Site Search  Styles =============================*/


#search li a{
	text-decoration:none;
	color:#8c8c8c;
	padding-left:0px;
}

#search li a:hover{
	text-decoration:underline;
}


.box {
	background: url(/images/box-bg.gif) repeat-y;
	width: 563px;
	margin: -5px 0 10px -3px;
       
}
.box .box-bg {
	background: url(/images/box-bg-top.gif) no-repeat;

}
.box .box-bg-bottom {
	background: url(/images/box-bg-bottom.gif) no-repeat 0 100%;
	padding: 13px 5px 14px 16px;
}
.content .box h4 {
	margin: 0;
	padding: 0 0 17px 3px;
	color: #4ba2c5;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}
.content .box p {
	margin: 0;
	color: #4ba2c5;
	font-size: 13px;
	line-height: 16px;
}
.subhead {
color: #419AB1;
font-size: 14px;
font-style: italic;
}
.store_input_imgbtn{
padding: 5px 0 5px 0;
}
#socialmedia {
display: block;
background-color: #DBEECC;
border-top: 2px solid #77975F;
margin: 4px 0 0;
height: 40px;
padding: 0px;
text-align: left;
}
#socialmedia ul {
padding: 5px 0 0 5px;
margin:0px;
}
#socialmedia li {
padding-left: 10px;
float: left;
list-style: none;
color: #598527;
}
