/* COLORS */


.lightblue {
	color: #3DB7E4;
}
.medblue {
	color: #00A1DE;
}
.darkblue {
	color: #002244;
}
.green {
	color: #92D400;
}
.darkgrey {
	color: #616365;
}






/* GLOBAL */

body {
	margin: 0 auto;
	padding: 0;
	background: #2E3035;
	font-size: small;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
.bkgd_wrapper {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #018dc8 url("../img/bkgd_gradient.jpg") repeat-x;
}
.site_wrapper {
	margin: 0 auto;
	padding: 0;
	width: 980px;
}
.outer_wrapper {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	background: #FFF url("../img/bkgd_white.jpg") top left repeat-y;
	float: left;
}
.shadow_left {
	margin: 0;
	padding: 0;
	width: 10px;
	height: 772px;
	background: url("../img/bkgd_shadow_left.jpg") bottom left no-repeat;
	float: left;
}
.shadow_right {
	margin: 0;
	padding: 0;
	width: 10px;
	height: 772px;
	background: url("../img/bkgd_shadow_right.jpg") bottom left no-repeat;
	float: right;
}
.inner_wrapper {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
.clear {
	clear: both;
	height: 0;
}
img a {
	border: 0;
}
img {
	border: 0;
}
.content {
	margin: 0 auto;
	padding: 0 0 25px 0;
	float: left;
	width: 960px;
}
.breadcrumb  {
	padding: 13px 0 0 246px;
	margin: 0;
	color: #3DB7E4;
	font-size: 80%;
/*	font-weight: bold;
*/	text-transform: uppercase;
}
.breadcrumb a {
	color: #3DB7E4;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 2px 0;
	margin: 0 8px;
	text-transform: uppercase;
}
.breadcrumb a:hover {
	border-bottom: 1px dotted #3DB7E4;
}
.breadcrumbActive {
	color: #3DB7E4;
	font-style: italic;
	padding: 0 0 2px 0;
	margin: 0 8px;
}
.left_int {
	margin: 0;
	padding: 0;
	width: 230px;
	float: left;
}
.left_int ul {
	margin: 0;
	padding: 3px 0 184px 0;
	background: url("../img/side_nav_bottom.jpg") bottom right no-repeat;
}
.left_int ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;				/*This attribute sets the secondary page left nav font-size. 100% was barely fitting nav heading words.*/
	border-bottom: 1px solid #FFF;
}
.left_int ul li a {
	margin: 0;
	padding: 20px 0 20px 70px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	color: #999;
	background: url("../img/sub_nav_off.jpg") top right no-repeat;
}
.left_int ul li a:hover {
	color: #333;
}
.mid_int {
	margin: 0;
	padding: 0;
	width: 705px;	/* Original width was 405px*/
	float: left;
}
.mid_int p {
	padding: 0 20px 10px 25px;
	margin: 0;
	color: #444;
	line-height: 1.8em;
	font-size: 85%;
}
.listHeading {
	font-size: 100%;
	font-weight:bold;
	color:#333537;
}
#listParagraph {
	padding-left:10px;
	margin-top:-5px;
	margin-left:7px;
	font-size:100%;	
}
#listReference {
	font-size:80%;
	margin:0 200px 0 70px;
	padding:5px 0 10px 25px;
	background-color:#F0F0F0;
	border:1pt gray solid;
}
#listReference li {
    list-style-image: url("../img/bullet_arrow.gif");
}
#subList {
	font-size:110%;
	margin:0 0 0 17px;
	padding:5px 0 10px 25px;
}
#subList li {
    list-style-image: url("../img/bullet_arrow.gif");
}
.mid_int ul {
	padding: 0 0 10px 70px;
	margin: 0;
}
.mid_int ul li {
	padding: 0;
	margin: 0;
	color: #444;
	line-height: 1.8em;
	font-size: 85%;
	list-style: square;
	list-style-position: inside;
}
.mid_int ul li a {
	color: #3DB7E4;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 2px 0;
	margin: 0;
	border-bottom: 1px dotted #3DB7E4;
}
.mid_int ol {
	padding: 0 0 10px 70px;
	margin: 0;
}
.mid_int ol li {
	padding: 0;
	margin: 0;
	color: #444;
	line-height: 1.8em;
	font-size: 85%;
	list-style-position: inside;
	display: list-item;
}
.mid_int ol li a {
	color: #3DB7E4;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 2px 0;
	margin: 0;
	border-bottom: 1px dotted #3DB7E4;
}
.right_int {
	margin: 0;
	padding: 0px 0 0 0;
	width: 325px;
	float: left;
	visibility:hidden;
}
.dyk_top {
	margin: 0;
	padding: 0;
	background: url("../img/dyk_top.jpg") top left no-repeat;
	width: 321px;
	height: 120px;
	float: left;
}
.dyk_mid {
	margin: 0;
	padding: 0;
	background: url("../img/dyk_mid.jpg") top left repeat-y;
	width: 321px;
	float: left;
}
.dyk_mid p {
	margin: 0;
	padding: 5px 35px 0 55px;
	color: #999;
	font-size: 85%;
	line-height: 1.8em;
}
.dyk_bottom {
	margin: 0;
	padding: 0;
	background: #FFF url("../img/dyk_bot.jpg") top left no-repeat;
	width: 321px;
	height: 30px;
	float: left;
}
.question {
	margin: 0;
	padding: 0;
	background: url("../img/phone_button.jpg") top left no-repeat;
	background-position: 20px 10px;
	width: 300px;
	height: 100px;												
	float: left;
}
h1 {
	padding: 10px 0 10px 25px;
	margin: 0;
	color: #92D400;
	font-size: 190%;
	line-height: 1.6em;
	font-weight: normal;
}
h3	{
	font-size: 100%;
	font-weight:bold;
	color:#333537;
}
p a {
	color: #3DB7E4;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 2px 0;
	margin: 0;
	border-bottom: 1px dotted #3DB7E4;
}
a {
  outline: none;
}
:focus {
  -moz-outline-style: none;
}
/*a.externalLink {
  background: transparent url("../img/external.png") no-repeat scroll right center;
}
*/

/* QUOTES */

blockquote {
	margin-top:0px;
	margin-bottom:0px;
	font-style:italic;
}

/* HEADER */

.nav {
	margin: 0 0 0 -10px;
	padding: 0;
	height: 38px;
	width: 980px;
	background: url("../img/nav_bar.jpg") top left repeat-x;
}
.nav ul {
	margin: 0;
	padding: 0;
	float: right;
}
.nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-transform: uppercase;
	height: 38px;
	overflow: hidden;
}
.nav ul li a {
	margin: 0;
	padding: 12px 17px 17px 17px;
	text-decoration: none;
	color: #999;
	display: block;
	font-size: 85%;
}
.nav ul li a:hover {
	color: #FFF;
	background: url("../img/nav_bar_lt.jpg");
}
.header {
	margin: 0;
	padding: 0;
	height: 108px;
	width: 960px;
	background: #FFF;
}
.logo {
	margin: 0;
	padding: 10px 0 0 0;
	width: 192px;
	float: left;
	text-align: right;
}
.tagline {
	margin: 0;
	padding: 36px 0 0 0;
	width: 180px;
	float: right;
	text-align: left;
}








/* HOME */


.message {
	margin: 0;
	padding: 0;
	height: 282px;
	width: 960px;
	background: url("../img/message_home.jpg") top left no-repeat;
}
.message p {
	margin: 0;
	padding: 155px 400px 0 55px;
	color: #FFF;
	font-size: 90%;
	line-height: 2.4em;
}
.message p a {
	margin: 0;
	padding: 0 0 1px 0;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.message p a:hover {
	border-bottom: 3px solid #FFF;
}
.features_outer {
	margin: 0;
	padding: 0;
	background: #FFF;
	float: left;
	width: 960px;
}
.features_inner {
	margin: 0 0 0 20px;
	padding: 0 0 13px 0;
	float: left;
	background: #484c55 url("../img/features_bkgd.png") bottom left no-repeat;
}
.drk_line {
	margin: 0;
	padding: 0;
	height: 160px;
	background: #484c55 url("../img/drk_line.png") top left no-repeat;
	width: 10px;
	float: left;
}
.drk_about {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 65px;
	background: #484c55 url("../img/drk_services.png") top left no-repeat;
	float: left;
}
.drk_started {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 65px;
	background: #484c55 url("../img/drk_started.png") top left no-repeat;
	float: left;
}
.drk_learning {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 65px;
	background: #484c55 url("../img/drk_learning.png") top left no-repeat;
	float: left;
}
.col3 {
	margin: 0;
	padding: 0;
	background: #484c55;
	width: 300px;
	float: left;
}
.col2 {
	margin: 0;
	padding: 0;
	background: #484c55;
	width: 300px;
	float: left;
}
.col1 {
	margin: 0;
	padding: 0;
	background: #484c55;
	width: 300px;
	float: left;
}
.col3 p {
	margin: 0;
	padding: 5px 24px 5px 26px;
	color: #888;
	font-size: 90%;
	line-height: 1.7em;
	float: left;
}
.col2 p {
	margin: 0;
	padding: 5px 24px 5px 26px;
	color: #888;
	font-size: 90%;
	line-height: 1.7em;
	float: left;
}
.col1 p {
	margin: 0;
	padding: 5px 24px 5px 26px;
	color: #888;
	font-size: 90%;
	line-height: 1.7em;
	float: left;
}
.bluelinks {
	color: #3DB7E4;
	padding: 0 0 0 26px;
	font-size: 100%;
}
.bluelinks a {
	color: #3DB7E4;
	text-decoration: none;
	font-weight: bold;
	padding: 0 0 1px 0;
	margin: 0 4px 0 0;
}
.bluelinks a:hover {
	border-bottom: 2px solid #3DB7E4;
}
.left {
	margin: 0;
	padding: 0;
	width: 310px;
	height: 100px;
	float: left;
}
.mid {
	margin: 0;
	padding: 0;
	background: #FFF;
	width: 325px;
	float: left;
}
.fader {
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #A4ADB7;
}
#datacontent {
	padding: 0;
}
#datacontent ul {
	margin: 0;
	padding: 20px 0 50px 0;
	background: url("../img/side_nav_bottom.jpg") bottom left no-repeat;
}
#datacontent ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	border-bottom: 1px solid #FFF;
}
#datacontent li a {
	margin: 0;
	padding: 20px 0 20px 100px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	color: #999;
	background: url("../img/home_nav_off.jpg") top left no-repeat;
}
#datacontent li a:hover {
	color: #333;
}
#datacontent li a.selected {
  background: url("../img/home_nav_on.jpg") top left no-repeat;
  color: #00A1DE;
}
#datacontent .panels {
	overflow: hidden;
	width: 315px;
	padding: 10px 0 0 0;
	background: #FFF;
}
#datacontent .panelsInner {
	overflow: hidden;
	background: #FFF;
}
#datacontent .panel {
	padding: 20px 0 5px 0;
	background: #FFF; 
/*	height: 200px;
*/
}
.date {
	margin: 0;
	padding: 0 10px 0 28px;
	color: #92D400;
	font-family: Georgia, sans-serif;
	font-size: 130%;
	line-height: 1.6em;
	background: #FFF;
}
.text {
	margin: 0;
	padding: 3px 10px 5px 28px;
	color: #333;
	font-size: 85%;
	line-height: 1.8em;
	background: #FFF;
}
.learnmore {
	color: #3DB7E4;
	font-size: 95%;
	padding: 0 0 5px 28px;
}
.learnmore a {
	color: #3DB7E4;
	text-decoration: none;
	padding: 0 0 1px 0;
	margin: 0 4px 0 0;
	font-size: 90%;
}
.learnmore a:hover {
	border-bottom: 2px solid #3DB7E4;
}
.title {
	margin: 0;
	padding: 0 10px 0 28px;
	color: #92D400;
	font-family: Georgia, sans-serif;
	font-size: 130%;
	line-height: 1.6em;
	background: #FFF;
}
.horizline {
	background: url("../img/hor_line.jpg") center left no-repeat;
	width: 300px;
	height: 20px;
	margin-bottom: 10px;
}
.right {
	margin: 0;
	padding: 0;
	width: 325px;
	float: left;
}
.quote_top {
	margin: 0;
	padding: 0;
	background: url("../img/quote_top.jpg") top left no-repeat;
	width: 305px;
	height: 35px;
	float: left;
}
.quote_middle {
	margin: 0;
	padding: 0;
	background: url("../img/quote_middle.jpg") top left repeat-y;
	width: 305px;
	float: left;
}
.quote_middle p {
	margin: 0;
	padding: 0 35px;
	color: #3DB7E4;
	font-family: Georgia, sans-serif;
	font-size: 140%;
	line-height: 1.6em;
}
.quote_bottom {
	margin: 0;
	padding: 0;
	background: #FFF url("../img/quote_bottom.jpg") top left no-repeat;
	width: 305px;
	float: left;
}
.quote_bottom p {
	margin: 0;
	padding: 40px 0 0 35px;
	color: #999;
	font-size: 80%;
	line-height: 1.4em;
}



/* NEWS*/

.newsTitle {
	font-size:medium;
	color:#002244;
	font-style:italic;
}



/* ABOUT MESSAGE*/

.message_about {
	margin: 0;
	padding: 0;
	height: 125px;
	width: 960px;
	background: url("../img/about_header.jpg") top left no-repeat;
}



/* TWO COLUMN LIST */

.floatBox {
    float: left;
    width: 350px;
    height: 103px;
    margin-bottom: 10px;
}
.floatBox ul {
	padding-left: 20px;
}


/* jQuery Lightbox */
.thickbox_wrapper {
	padding:0px 20px 20px 20px;
	background-color:white;
}
.thickbox_interior {
	padding:10px 10px 10px 10px;
}


/* FOOTER */

.footer {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url("../img/footer_solid.jpg") top left repeat-x;	
}
.footer_inner {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	min-height: 158px;
	height:auto !important;
	height: 158px;
	background: url("../img/footer_solid.jpg") top left repeat-x;	
}
.footer_about {
	margin: 0;
	padding: 0;
	width: 168px;
	height: 45px;
	background: url("../img/footer_about.png") top left no-repeat;
}
.footer_services {
	margin: 0;
	padding: 0;
	width: 168px;
	height: 45px;
	background: url("../img/footer_services.png") top left no-repeat;	
}
.footer_learning {
	margin: 0;
	padding: 0;
	width: 168px;
	height: 45px;
	background: url("../img/footer_learning.png") top left no-repeat;	
}
.footer_news {
	margin: 0;
	padding: 0;
	width: 168px;
	height: 45px;
	background: url("../img/footer_news.png") top left no-repeat;	
}
.ft_col4 {
	margin: 0 0 30px 0;
	padding: 0;
	width: 175px;
	float: left;
	background: url("../img/footer_line.jpg") top left repeat-y;
}
.ft_col3 {
	margin: 0 0 30px 0;
	padding: 0;
	width: 175px;
	float: left;
	background: url("../img/footer_line.jpg") top left repeat-y;
}
.ft_col2 {
	margin: 0 0 30px 0;
	padding: 0;
	width: 175px;
	float: left;
	background: url("../img/footer_line.jpg") top left repeat-y;
}
.ft_col1 {
	margin: 0 0 30px 0;
	padding: 0;
	width: 175px;
	float: left;
	background: url("../img/footer_line.jpg") top left repeat-y;
}
.ft_col5 {
	margin: 0;
	padding: 0;
	background: url("../img/footer_tagline.png") top left no-repeat;
	width: 255px;
	height: 100px;
	float: left;
}
.ft_col5 p {
	margin: 16px 0 0 0;
	padding: 80px 0 0 15px;
	color: #888;
	font-size: 80%;
	line-height: 1.3em;
	background: url("../img/footer_line.jpg") top left repeat-y;
}
.ft_col4 ul {
	margin: 0;
	padding: 8px 0 0 0;
}
.ft_col3 ul {
	margin: 0;
	padding: 8px 0 0 0;
}
.ft_col2 ul {
	margin: 0;
	padding: 8px 0 0 0;
}
.ft_col1 ul {
	margin: 0;
	padding: 8px 0 0 0;
}
.ft_col4 ul li {
	margin: 0;
	padding: 0 16px;
	list-style: none;
	font-size: 80%;
	line-height: 1.9em;
	text-transform: capitalize;
}
.ft_col3 ul li {
	margin: 0;
	padding: 0 16px;
	list-style: none;
	font-size: 80%;
	line-height: 1.9em;
	text-transform: capitalize;
}
.ft_col2 ul li {
	margin: 0;
	padding: 0 16px;
	list-style: none;
	font-size: 80%;
	line-height: 1.9em;
	text-transform: capitalize;
}
.ft_col1 ul li {
	margin: 0;
	padding: 0 16px;
	list-style: none;
	font-size: 80%;
	line-height: 1.9em;
	text-transform: capitalize;
}
.ft_col4 ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #888;
	display: block;
}
.ft_col3 ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #888;
	display: block;
}
.ft_col2 ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #888;
	display: block;
}
.ft_col1 ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #888;
	display: block;
}
.ft_col4 ul li a:hover {
	color: #FFFFFF;
}
.ft_col3 ul li a:hover {
	color: #FFFFFF;
}
.ft_col2 ul li a:hover {
	color: #FFFFFF;
}
.ft_col1 ul li a:hover {
	color: #FFFFFF;
}