/* @override _sub.css */

@import url(_base.css);

/*
body { background-image: url(../images/bg-body-content.gif);
	background-repeat: repeat-x; 
}
*/
#navUtilities {
	left: auto;
	right: 12px;
}

#nav {
	margin-bottom: 0;
}

/* content
==============================================================================*/

#content,
#mainContent {
	float: right;
	width: 940px; /* 470px */
	margin-top: 8px;
	position: relative;
	margin-bottom: 0px;
	padding-left: 10px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #ececec;
}
#content,
#mainContent {
	float: right;
	width: 940px; /* 470px */
	margin-top: 0px;
	position: relative;
	margin-bottom: 0px;
	padding-left: 10px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #ececec;
	background-color: #FFFFFF;
}

#mainContent h2 + p {
	padding-bottom: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
}

#mainContent h4 {
	color:#777
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

#mainContent ul li {
	padding: 10px 5px 10px 5px;
	display: inline;
	text-align:center;
}

/* Feature Downloads */
#mainContent #featureDownloads {
	float: left;
	padding-left: 0px;
	width: 100%;
	margin-top: 2px;
	clear: both;
	}
#mainContent #featureDownloads p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#999999;
	line-height: 1.4em;
}

#mainContent #featureDownloads #about {
	float: left;
	margin-right: 10px;
	width: 435px;
	min-height: 150px;
	margin-top: 0px;
	padding-bottom: 0px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #ececec;
	}

.h1FeatureContent {
	height: 40px;
	padding-top: 6px;
}
.h2FeatureProductCatagories {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3.0 em;
	text-align: center;
	}
#mainContent #featureDownloads #catalog {
	float: left;
	margin-right: 10px;
	width: 230px;
	min-height: 150px;
	margin-top: 0px;
	padding-bottom: 0px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #ececec;
	padding-right: 10px;
	}
#mainContent #featureDownloads #survey {
	float: left;
	margin-right: 0px;
	width: 220px; /* 170px */
	min-height: 150px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #ececec;
	padding-right: 10px;
	}

/**************
**************************/

#mainContentLeft {
	float: left;
	width: 326px;
	margin-top: 8px;
	position: relative;
	margin-bottom: 0px;
	padding-left: 10px;
}

#mainContentLeft h3 + p + p {
	padding-bottom: 6px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
}

#mainContentLeft h4 {
	color:#777
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

#mainContentLeft ul li {
	padding: 10px 5px 10px 5px;
	display: inline;
	text-align:center;
}

/**************
**************************/

#mainContentRight {
	float: right;
	width: 336px;
	margin-top: 8px;
	position: relative;
	margin-bottom: 0px;
	padding-left: 20px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #ececec;
	padding-right: 5px;
}

#mainContentRight h3 + p + p {
	padding-bottom: 6px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
}

#mainContentRight h4 {
	color:#777
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

#mainContentRight ul li {
	padding: 10px 5px 10px 5px;
	display: inline;
	text-align:center;
}

/**************
**************************/


#mainContentBody {
	float: left;
	width: 690px;
	margin-top: 8px;
	position: relative;
	margin-bottom: 0px;
	padding-left: 10px;
}

#mainContentBody h2 + p + p + p + p + h2 + p {
	padding-bottom: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
}

#mainContentBody h4 {
	color:#777
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

#mainContentBody ul li {
	padding: 10px 5px 10px 5px;
	display: inline;
	text-align:center;
}

/*************
*************************/

#content #mainContentProducts {
	float: left;
	width: 690px;
	margin-top: 8px;
	position: relative;
	margin-bottom: 0px;
	padding-left: 10px;
}


#content #mainContentProducts table { background: #999;
		border-collapse: collapse;
		padding: 4px;
}
#content #mainContentProducts th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color:#FFFFFF;
	font-weight: bold;
	text-transform:uppercase;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-top: thin #CCCCCC solid;
	border-bottom: thin #666666 solid;
	background-color:#62AADE; /* E0C735 */
}
#content #mainContentProducts td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 0px;
	border-collapse: collapse;
}
#content #mainContentProducts a:link {
	color: #1A376F; /* 0033CC */
}
#content #mainContentProducts a:hover {
	color:#000000;
	text-decoration: underline;
}
#content #mainContentProducts .oddrow {
	background-color: #CCCCCC;
}
#content #mainContentProducts .evenrow {
	background-color: #EEEEEE;
}
#content #mainContentProducts .hoverrow {
	background-color: #92C4EA; /* 8BA5C8 F3E597 */
}


/*************
*************************/

#mainContentCatalog {
	margin-top: 10px;
	line-height: 2.2em;
	text-align: right;
}

#mainContent .catalog.img {
	margin-top: -15px;
}

#container .full {
	width: 100%;
	height: 100%;
	margin-top:7px;
	/*background-image: url(../images/bg-home-content-products.png);
	background-repeat: repeat-x;
	background-position: bottom;
	
	
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ececec;
	border-left-color: #ececec;*/
}

#content {
}

#content h2 {
	clear: none;
	color:#555;
	text-transform: none;
	border: 0 none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: bold;
	font-variant: normal;
	margin: 0;
	padding: 0px;
	letter-spacing: 0.07em;
}

#content h3 {
	text-transform: uppercase;
	color: #333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0em;
}



#content p,
#content li {
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	margin-top: 0.3em;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#content p.utilityLink {
	padding: .5em .4em .5em 25px;
	font-size: 1em;
	background: #d7ffcc;
	border: 1px solid #c3d4be;
}

#content p.notice {
	padding: .5em 1em .5em 35px;
	font-size: 1.1em;
	background: #ffc;
	border: 1px solid #ccc;
}

#content li {
	margin: .7em 0;
}

#content ol,
#content ul {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#content blockquote {
	margin: 1.3em 0;
	padding: 0 1.5em;
	font: italic 1.1em/1.3em georgia,serif;
	color: #999;
}

#content dl {
	font: normal 1.2em/1.6em ,Arial, Helvetica, sans-serif;
	color: #777;
}

#content dt {
	margin: 1.5em 0 0;
	font-weight: bold;
	color: #ff9300;
}

#content dd {
	margin: 0 15px 1em 15px;
	font-size: .91em;
}

#content a {
	color: #0066CC; /* fff */
	font-weight: 500;
}

#content a:hover {
	color: #222; /* FFCC00 */
	text-decoration: underline;	/* background-color: #ffc; */
}

#content h4 {
	color: #555;
}

#content a h4:hover {
	color: #333;
	text-decoration: none;
	/* background-color: #ffc; */
}

#content a.imgLink:hover {
	background: none;
}

#content .details {
	font: normal 1.1em/1.4em ,Arial, Helvetica, sans-serif;
}

#content .finePrint {
	font-size: .9em;
	line-height: 1.6em;
	color: #999;
}

#content .info {
	clear: both;
	padding: 5px 5px 5px 30px;
	background: #eee url(../images/icon-info.gif) 8px 50% no-repeat;
	border: 1px solid #ccc;
}

#content .info span {
	padding-right: 10px;
}

#content .event h4 {
	margin-top: 3em;
	padding: 0 0 .4em 20px;
	text-align: right;
	font: normal 1.0em/1.6em ,Arial, Helvetica, sans-serif;
	color: #ff9300;
	border-bottom: 1px solid #ccc;
}

#content .event h4 span {
	float: left;
	font-size: 1.6em;
	color: #555;
}

#content .specs {
	margin-bottom: 30px;
}

#content .specs h3 {
	font-size: 1.3em;
	text-transform: none;
}

#content .specs p,
	#content .specs ul {
	margin-left: 100px;
	padding: 0;
}

#content .specs li {
	margin: 0;
	list-style: none;
	padding-left: 15px;
	font-size: 1.1em;
	background: url(../images/arrow-miniorange.gif) 0 50% no-repeat;
}

#content .specs hr.clearHack {
	clear: none;
}

.companyProfile {
	position: relative;
	float: left;
	left: 15px;
	margin-bottom: 20px;
	width: 150px;
	min-height: 200px;
	text-align: center;
}

#content .companyProfile p {
	font-size: 1.1em;
	line-height: 1.4em;
}

/* sidebar
==============================================================================*/

#sideBar {
	position: relative;
	float: left;
	width: 241px;
	background-color: #F4F4F4;
	background-image: url(../images/bg-sidebar.gif);
	background-repeat: repeat-y;
	background-position: center top;
	height: 100%;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 8px;
}

#sideBar #sideBarTop {
	display: block;
	margin-bottom: -10px;
	height: 10px;
	background: url(../images/bg-sidebar_top.gif) center top no-repeat;
}

#sideBar #sideBarBottom {
	display: block;
	margin-top: -10px;
	height: 10px;
	background: url(../images/bg-sidebar_bottom.gif) center top no-repeat;
}

#sideBar h2,
#sideBar p,
#sideBar li {
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px;
}
#sideBar ul, ol, dl { position: relative; } /*Kraig - Bug Fix: just use relatively position the affected lists. You can relatively position all lists with the following CSS declaration:*/

#sideBar h2 {
	margin-bottom: -15px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
}

#sideBar h3 {
	height: 22px;
	background-image: url(../images/bg-sidebar.gif);
	background-color: #D0D0D0;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#sideBar p {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #777;
}

#sideBar p.fineprint {
	font-size: 1.0em;
	line-height: 1.2em;
	color: #ccc;
}

#sideBar ul,
#sideBar ol {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#sideBar li ul,
	#sideBar li ol {
	margin: 0;
	font-size: 1.1em;
}

#sideBar li {
	color: #777;
	font-size: 1.2em;
	line-height: 1.4em;
}

#sideBar ul li {
	list-style: none;
	background: url(../images/arrow-miniorange.gif) 0 .45em no-repeat;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}

#sideBar a {
	color: #03c;
	font-weight: bold;
}

#sideBar a:hover {
	text-decoration: underline;
	color: #333;
	/* background: #ffc; */
}

#sideBar .noStyle img {
	margin: 10px 0;
}

#sideBar .right img {
	position: relative;
	right: 15px;
}

#sideBar .left img {
	position: relative;
	left: 15px;
}

/* events calendar (powered by EasyPHPCalendar -- hence the lack of validation)
==============================================================================*/

.mainTableTOC {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	color: #555;
}

.monthYearTextTOC {
	font-size: 1.8em;
	color: #ff9300;
}

.monthYearRowTOC table {
	margin-bottom: 20px;
}

.dayNamesTextTOC td {
	padding-bottom: 4px;
	font-size: 1.1em;
	border-bottom: 1px solid #ccc;
}

.monthYearRowTOC input,
.monthYearRowTOC select {
	font-size: 1em;
}

.sOtherTOC {
	color: #ddd;
}

.rowsTOC td {
	width: 80px;
	height: 80px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

.s20TOC div {

}

span.s22 {
	display: none;
}

.daynumTOC,
.todayTOC {
	padding: 3px;
	margin-bottom: 3px;
	background: #ebe9db;
	border-bottom: 1px solid #e0dcc9;
}

.todayTOC {
	/* today's style */
	color: white;
	font-weight: bold;
	background-color: #E8CE37;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #3055A2;
}

.titleTOC {
	padding-left: 10px;
	font-size: .9em;
	background: url(../images/arrow-miniorange.gif) 0 .4em no-repeat;
	color: #999;
}

.titleTOC:hover {
	color: #2388ff;
}

.s27 {
	display: none;
}

/* database(s)
==============================================================================*/

#content .listingControls {
	margin: 0 0 15px 0;
	padding: 0 5px;
	text-align: right;
	font-size: 1em;
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content .listingControls span {
	display: block;
	float: left;
}

/* forms
==============================================================================*/

fieldset {
	margin: 15px 0;
	padding: 15px 0;
	border: 0 none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

fieldset div {
	margin: 0;
	padding: 5px 0;
	border-top: 1px dotted #cfcfcf;
}

fieldset div.last {
	border-bottom: 1px dotted #cfcfcf;
}

legend {
	display: block;
	width: 100%;
	margin: 0;
	padding: 3px;
	font: bold 1.2em ,Arial, Helvetica, sans-serif;
	color: #999;
	background: #eee;
	border-bottom: 1px solid #ccc;
}

label {
	display: block;
	float: left;
	clear: left;
	margin-right: 5px;
	width: 250px;
	color: #333333;
	text-align: right;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.6em;
	font-weight: bold;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
}

input {
	width: 250px;
	font: normal 1.1em/1.6em ,Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}

select {
	width: 252px;
	font: normal 1.1em/1.6em ,Arial, Helvetica, sans-serif;
	color: #777;
	text-align: left;
}

div.long {
	padding-left: 100px;
}

div.long label {
	text-align: left;
	width: auto;
	float: none;
}

div.long input,
	div.long select {
	clear: none;
}

div.radioButton input {
	width: 10px;
	text-align: left;
	margin-right: 10px;
	margin-left: 20px;
}

.formCheck { 
	font-size: 1.8em;
	color:#FF0000;
}

#content em.desc {
	display: block;
	margin: 0 0 0 105px;
	font: italic 1em/1.1em ,Arial, Helvetica, sans-serif;
	color: #999;
}

div.checks {
	padding-left: 100px;
}

div.checks label {
	display: inline;
	float: none;
	width: auto;
	text-align: left;
}

div.checks input {
	clear: none;
}

#content div.checks p {
	margin: 0 0 0 -100px;
}

#content div.checks em.desc {
	margin-left: 10px;
}

div.important {
	background: #ffc;
}

#content div.important .desc {
	color: #999;
}

div.options label {
	display: inherit;
	float: none;
	width: auto;
	margin-left: 100px;
}

fieldset div.options input {
	margin-right: 2px;
}

#content #content div.options p {
	margin: 5px 0;
}

div.textarea label {
	float: none;
	width: 99%;
}

div.textarea textarea {
	width: 99%;
	height: 100px;
}

#content form .option {
	margin: 5px 0;
	padding: 4px;
	font-size: 1.1em;
	background: #eee;
}

#content form .option input {
	margin-right: 2px;
}

form .formControls {
	clear: both;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
	padding-top: 1.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 4em;
}

form .formControls span {
	display: block;
	float: left;
}


/* special stuff
==============================================================================*/

#geoparties {
	display: table;
	border-collapse: collapse;
	margin: 0;
	font: normal 11px ,Arial, Helvetica, sans-serif;
	color: #333;
	width: 94%;
}

#geoparties th {
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background-color: #3055A2;
}

#geoparties td {
	width: 25%;
	padding: 2px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

/* Slider
==============================================================================*/
/* Slideshow container */
.slideshow-container {
  max-width: 550px;
  position: relative;
  margin-top:13px;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 10px;
  width: 10px;
  margin: 4px 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}