/*************************************************************************************\
 *                                                                                   *
 *        TITLE:  Default Style Sheet                                                *
 *       CLIENT:  customKYnetics		                                                 *
 *  TARGET SPEC:  CSS 2                                                              *
 *     MODIFIED:  2010.05.18 	                                                       *
 *    AUTHOR(S):  Susan Ferguson-Wheeler / 	NetMediaOne, LLC												 *
 *                                                                                   *
\*************************************************************************************/

/*************************************************************************************\
 *                                                                                   *
 *  ELEMENT DEFAULTS                                                                 *
 *                                                                                   *
\*************************************************************************************/

a, a:visited { color: #2a7cca; text-decoration: underline; cursor: pointer; }
a:hover, a:visited:hover { color: #2a7cca; text-decoration: underline; cursor: pointer; }


body, div, h1, h2, h3, html, img, li, table, td, th, ul { border: 0px; padding: 0px; margin: 0px; outline: none; }

html { background: #ffffff url("bg_pattern.gif") top center repeat-x; }

body { 
	font: normal 12px/1.81 Verdana, Arial, Helvetica, sans-serif; 
  color: #000000; 
  background: url("bg_html.png") top center no-repeat;
	padding-bottom: 30px; 
  min-width: 980px;
}

h1 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 0px 25px 0px;
	padding-bottom: 5px;
	border-bottom: 5px solid #b7d4ed;
}
h1.first-child, p.first-child, .offset-first-child { margin-top: 0px; }

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 24px;
	background: url("bg_header_arrow.gif") left no-repeat; 
}

h2.first-child { margin-top: 0px; line-height: 1; }

h2 span { position: absolute; right: 60px; font-size: 10px; }

h3 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #014dbf;
	margin: 25px 0px 25px 0px;
}
	
h4 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 0px 0px 5px 0px; }
h4.first-child { margin-top: 0px; }
h4 span { color: #990000; }

.header-box { background: url("bg_header_box_left.gif") top left no-repeat; padding-left: 5px; }
.header-box h2 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	margin: 0px;
	padding: 8px 20px 8px 15px; 
	background: url("bg_header_box_right.gif") top right no-repeat;
	float: left;
}
 
p { margin: 10px 0px 10px 0px; }
p.last-child, ul.last-child { margin-bottom: 0px; }
table { font: inherit; }

ul { list-style: disc outside; margin: 10px 0px 10px 2em; padding: 0px; line-height: 1.5; }

li { margin: 0px; padding: 0px 0px 0px 0px; }

hr { height: 5px; background-color: #eeeeee; margin-top: 20px; margin-bottom: 20px; border: none; }


/*************************************************************************************\
 *                                                                                   *
 *  CUSTOM CLASSES 																                                   *
 *                                                                                   *
\*************************************************************************************/

.announcement { 
	background: #990000; 
	font: bold 11px/2.27 Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-align: center; 
	position: relative;
	margin-bottom: 25px;
}

.bordered { border: 1px solid #cccccc; padding: 9px; background: white; }

.captioned-photo p { margin: 5px 0px 0px 0px; text-align: center; font-size: 10px; }

.center { display: block; margin: 10px auto 10px auto; }

.chart { width: 100%; padding: 0px; border-top: 1px solid #e0e0e0; margin: 0px; }
.chart td { padding: 5px 10px 5px 10px; vertical-align: top; text-align: left; border-bottom: 1px solid #e0e0e0;  margin: 0px; }
.chart td.first-child { width: 110px; text-align: right; }

.cleared { overflow: auto; }

.column { display: inline; float: left; }

.page-home a, .page-home a:visited { color: #000000; }
.page-home a:hover, .page-home a:visited:hover { color: #000000; }
.page-home #content-section .col1 { width: 445px; margin: 0px 30px 0px 30px; }
.page-home #content-section .col2 { width: 445px; margin: 0px 30px 0px 0px; }

.page-sub #content-section .col1 { width: 170px; margin: 140px 10px 20px 10px; }
.page-sub #content-section .col2 { 
	width: 760px; 
  position: relative;
}
.page-sub #content-section .col2 .inner-content { 
	position: relative;
  background: white; 
  padding: 27px; 
  border: 3px solid white;
	min-height: 370px;
}
.page-sub #content-section .single-column { 
	width: auto; 
  margin: 0px 30px 0px 30px; 
  background: white; 
  padding: 30px; 
  border: 0px solid white; 
  position: relative; 
  z-index: 0;
}

.page-sub #content-section .col2 .rounded-rectangle-element { z-index: -200; }

.left { display: inline; float: left; margin: 5px 20px 5px 0px; }

.red { color: #990000; }

.right { display: inline; float: right; margin: 5px 0px 15px 30px; position: relative; z-index: 30; }

.rounded-corner-fix { border-radius: 0px; border: 0px solid white; background: white; }
.rounded-corners-3px { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.rounded-corners-5px { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.rounded-corners-10px { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.single-column { margin-top: 30px; }

.striped .odd { background-color: #f5f5f5; }


/*************************************************************************************\
 *                                                                                   *
 *  PAGE LAYOUT ELEMENTS (arranged by order of appearance in HTML)                   *
 *                                                                                   *
\*************************************************************************************/

#layout-wrapper { width: 980px; margin: 0px auto 0px auto; position: relative; z-index: 1; overflow: hidden; }

#top-section, #banner-section, #content-section, #footer-section { width:980px; float: left; clear: both; }
#top-section { position: relative; height: 140px; padding: 0px; margin: 0px; }
#banner-section { 
	position: relative;
  z-index: 100; 
	padding: 0px; 
	margin: 0px 0px 7px 0px;
}

#content-section {	
	padding: 0px 0px 20px 0px;
	position: relative;
  z-index: 1;
	margin: 7px 0px 0px 0px;
	background: #b7d4ed url("bg_contentsection.gif") top center no-repeat;
}

.page-sub #content-section {	
	padding: 30px 0px 30px 0px;
	margin: 0px;
	background: #111e30 url("bg_contentsection_sub.jpg") top center no-repeat;
}

#img-logo { position: absolute; top: 14px; left: 23px; }

#nav-main { display: block; position: absolute; right: 10px; top: 81px; list-style: none; margin: 0px; padding: 0px; line-height: 1; }
#nav-main li { display: block; margin: 0px; float: left; padding: 0px 10px 10px 10px; }
#nav-main li.active { display: block; background: url("nav_active_arrow.gif") bottom center no-repeat; } 

#nav-box { background-color: #b7d4ed; padding: 5px; border: 0px solid #b7d4ed; position: relative; z-index: 0; }
#nav-sub { list-style: none; margin: 0px; padding: 0px; }
#nav-sub li { overflow: auto; }
#nav-sub li a { padding: 7px 10px 8px 10px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000 !important; text-decoration: none; float: left; }
#nav-sub li.active { background-color: black; border: 0px solid black; }
#nav-sub li.active a { color: white !important; background: url("nav_sub_active_arrow.gif") right no-repeat; padding-right: 10px; }

.feature-list { list-style: none; margin: 0px; padding: 0px; }
.feature-list li { padding: 30px 0px 30px 240px; background: url("dotted.gif") top left repeat-x; position: relative; }
.feature-list li.first-child { background: none; padding-top: 0px; }
.feature-list li h3 { margin: 0px 0px 10px 0px; padding: 0px; }
.feature-list li img { position: absolute; top: 30px; left: 0px; z-index: 100; }
.feature-list li.first-child img { top: 0px; }
.feature-list a, .feature-list a:visited { color: #014dbf; text-decoration: underline; }
.feature-list a:hover, .feature-list a:visited:hover { color: #014dbf; text-decoration: underline; }
.feature-list li.last-child { padding-bottom: 0px; }

.feature-block { margin: 10px 0px 10px 0px; position: relative; padding: 17px; background-color: #eeeeee; width: 660px; border: 3px solid #eee; }
.single-column .feature-block { margin: 10px 0px 0px 0px; padding: 20px; background-color: #eeeeee; width: auto; }
#footer-section {
  background: url("bg_footersection_sub.gif") top center no-repeat;
	font: normal 10px/1.45 Verdana, Arial, Helvetica, sans-serif;
  color: #777777;
  padding-top: 24px;
}
.page-home #footer-section { background-image: url("bg_footersection.gif"); }
#footer-section .col1 { width: 220px; padding: 0px 20px 0px 0px; border-right: 1px solid #e5e5e5; margin: 0px; }
#footer-section .col2 { width: 160px; padding: 0px 25px 0px 20px; border-right: 1px solid #e5e5e5; margin: 0px;  }
#footer-section .col3 { width: 500px; padding: 0px 0px 0px 20px; margin: 0px;  }
#footer-section span { position: absolute; right: 0px; }
#footer-section a, #footer-section a:visited { color: #777777; }
#footer-section a:hover, #footer-section a:visited:hover { font-size: 10px; font-weight: normal; color: #777777; }

#contact-info tr { vertical-align: top; background: url("dotted.gif") top left repeat-x; }
#contact-info tr.first-child { background: none; }
#contact-info tr.first-child td { background: none; padding-top: 0px; }
#contact-info td { padding-top: 10px; padding-bottom: 10px; }
#contact-info td.first-child { font-weight: bold; width: 90px; padding-right: 10px; text-align: right; }