@charset "UTF-8";
/* CSS Document */

html, body { padding: 0; margin: 0; }
body { text-align: center; }
img { border:none;}
body { font: normal 14px/24px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-align: center; color: #3b3e45; padding: 0; margin: 0; background:#c8c8c8; width:100%; }

#header { width:100%; background:#24292F url(../images/mainElements/header_bg.jpg) repeat-x top;text-align:center; }
#headerdiv {width:955px;margin:0 auto;text-align:left;height:133px;}
.logo { position:absolute;top:19px; padding-left:14px;}

#subhead { width:100%;background:#3C3C3C url(../images/mainElements/subheader_bg.jpg) repeat-x top;text-align:center; }
#subheaddiv { width:955px;margin:0 auto;text-align:left;height:195px; }

/*  Navigation
============================================= */
#nav { background: url(../images/subPages/navBck.jpg) no-repeat; height: 47px; margin: 0; position: relative; left: 2px; }
#nav ul { margin: 0; padding: 0 0 0 3px; }
#nav li { line-height: 110px; list-style: none; text-transform:uppercase; letter-spacing:1px; text-shadow:#000; font-size: 13px;  }
#nav li.main { float: left; padding: 0 18px 0 0; }
#nav a { padding:4px 9px 4px 9px; color: #f3f3f3; text-decoration: none; }
#nav a:hover { padding:3px 8px 3px 8px; background:#115980; color: #FFF; border:1px solid #062f45; border-right:1px solid #222930; border-bottom:1px solid #373d44; letter-spacing:1px; text-shadow:#000;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; }
#nav #current a { padding:2px 7px 3px 6px; background:#7cab3c; color: #FFF; border:1px solid #608a26; border-right:1px solid #70963c;border-bottom:none;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; }
#nav #current a:hover { cursor:default;}

/*  Sub Navigation
============================================= */
#subNav { margin: 0; padding-bottom:60px; position: relative;}
#subNav ul { margin: -8px 0 0 -4px; padding: 0; }
#subNav li { list-style: none;letter-spacing:1px;font-size: 13px;  }
#subNav li.subMain { float: left; padding: 0 10px 0 0; }
#subNav a { padding:2px 8px 3px 8px; color: #61ccff; text-decoration: none; }
#subNav a:hover { padding:2px 8px 3px 8px; background:#115980; color: #FFF;text-shadow:#000;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; }
#subNav #current a { padding:2px 8px 3px 8px; background:#115980; color: #FFF;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; }
#subNav #current a:hover { cursor:default;}

/*  Bullsprig
============================================= */
#sprig { float:right;padding-right:52px;}
#bullsprig {margin:0;}

/*  Home Main Content
============================================= */
#content {  width:100%; padding:20px 0 30px 0; background:#3b3e45; border-bottom:1px solid #595c63; }
#contentdiv { width:927px;margin:0 auto;text-align:left; padding:0 14px 0 14px; background:#3b3e45; height:550px; }
/*  Sub Main Content (header area)
============================================= */
#subContent {  width:100%; padding:14px 0 14px 0; background:#3b3e45; border-bottom:1px solid #222; }
#subContentdiv { width:927px;margin:0 auto;text-align:left; padding:0 14px 0 14px; background:#3b3e45; }

.tanContent {  float: left; width: 100%; background-color: #f4f4ed; padding: 0;}
.tanContentdiv { width:927px;margin:0 auto;text-align:left; padding:20px 14px 0 14px; }
		ol.blog { margin:0 0 0 30px; padding:0 0 0 20px; clear:both;}
		ol.blog  li {font-size:12px; line-height:20px;}

.blkContent {  float: left; width: 100%; background-color: #3b3e45; padding: 0;}
.blkContentdiv { width:927px;margin:0 auto;text-align:left; padding:20px 14px 0 14px; }

/*  Copy Styles
============================================= */
.homePage #headerdiv ul { width:590px; position:absolute; font: normal 16px/28px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; display: inline; padding: 0; margin: 30px 0 0 350px; color:#FFF; }
.homePage #headerdiv ul li { display: block; float:left; padding: 0 20px 0 0; margin:0; }
.subPage #headerdiv ul { width:590px; position:absolute; font: normal 16px/28px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; display: inline; padding: 0; margin: 30px 0 0 350px; color:#FFF; }
.subPage #headerdiv ul li { display: block; float:left; padding: 0 20px 0 0; margin:0; }


h1 { font: normal 28px/1.0em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-align:left; color:#61ccff; letter-spacing:1px; border-bottom:1px solid #b3b4b2; padding-bottom:20px;}

h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

h6 { font-size:14px; font-weight:bold; padding:0; margin:0;  }
p.intro-copy {font: normal 18px/30px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;color:#FFF;text-align:left; border-bottom:1px solid #b3b4b2; padding-bottom:20px; }

a { color:#1778b9; text-decoration:none; }
a:hover { color:#3b3e45; text-decoration:underline; }

a {
	/* get rid of link outlines in firefox */
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}

/*  Image Styles
============================================= */
.img-left { float: left;margin: 6px 12px 0 0;}

/*  Column Styles bck BCK
============================================= */
div.two-col p { font: normal 14px/27px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#FFF; padding-bottom:20px; }
div.two-col a { color:#FFF; text-decoration:none;}
div.two-col a:hover {color:#FFF; text-decoration:underline;}


div.two-col h2 { font: normal 18px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-align:left; color:#61ccff; }
div.two-col h2 a { font: normal 18px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-align:left; color:#61ccff; text-decoration:none; }
div.two-col h2 a:hover { color:#fdb834; }
div.col-1, div.col-2 { float: left;width: 430px; }
div.col-2 { margin: 0 0 0 50px; }

/*  Column Styles bck TAN
============================================= */
div.two-col-t p { font: normal 14px/27px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#3b3e45; padding-bottom:20px; }
div.two-col-t h2 { color:#3b3e45; }
div.two-col-t a { font: normal 18px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-align:left; color:#3b3e45; text-decoration:none; }
div.two-col-t a:hover { color:#fdb834; }
div.col-1, div.col-2 { float: left;width: 430px; }
div.col-2 { margin: 0 0 0 50px; }

/*  Column Styles bck WHITE w/ NAV
============================================= */
div.2col-container p { font: normal 14px/27px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#FFF; padding-bottom:20px; }
div.2col-container h2 { font: normal 18px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-align:left; color:#61ccff; }
div.2col-container a { font: normal 18px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-align:left; color:#61ccff; text-decoration:none; }
div.2col-container a:hover { color:#fdb834; }

div.2col-main { float:left;width:600px;}
div.2col-Nav { float:left;width:200px;margin: 0 0 0 50px;}


div.col-1, div.col-2 { float: left;width: 430px; }
div.col-2 { margin: 0 0 0 50px; }

/*  Home Blog Styles
============================================= */
#blog-home {  width:100%; padding:20px 0 30px 0; background:#f4f4ed; }
#blog-homediv { width:927px;margin:0 auto;text-align:left; padding:0 14px 0 14px; height:270px; }

.blog-home-col-1, .blog-home-col-2 { float:left; width:430px; border-top:1px solid #c5c5bd; padding:12px 0 16px 0;}
.blog-home-col-2 { margin: 0 0 0 50px; }

#blog-homediv ul { margin: 0; padding: 0; width:430px; float:left;  }
#blog-homediv li { list-style: none; font-size: 11px;  }
#blog-homediv li a { color:#1778b9; }
#blog-homediv li a:hover { color:#333; }
#blog-homediv li.main { float: left; padding: 0 18px 0 0; }
#blog-homediv li.paragraph { font-size:12px; line-height:25px;}
#blog-homediv li.paragraph-con { font-size:12px; line-height:25px; padding:20px 0 0 0;}

.homePage ol { margin: 0; padding: 0; width:430px; float:left;  } /*!Blog posts on Home page!*/


#blog-posts {  width:100%; padding:0; background:#f4f4ed; }
#blog-posts-div-left { width:450px;margin:0 auto;text-align:left; padding:0 14px 0 14px; }
#blog-posts-div-right { width:450px;margin:0 auto;text-align:left; padding:0 14px 0 14px; }

.blogsitesummary
div.blog-posts { float:left; width:480px; }

.quote { margin-left:40px; background:#FFF; border-left:6px solid #1778B9; padding:20px;}

/*  Home Twitter Styles
============================================= */
ul#twitter_update_list { margin:0; padding:0;}
ul#twitter_update_list li { line-height:1.3em; margin-bottom:10px;}

/* Examples Section Styles
============================================= */
.thumb-row {float: left; width: 955px; margin: 10px 0 30px 0;}

.thumbnail {position: relative; float: left; display: inline; width: 218px; margin: 0 20px 0 0;}
	.thumbnail img {margin: 0 0 10px 0; border:4px solid #FFF;}
	.thumbnail h5 {color:#61ccff;font-size: 12px; line-height: 18px; margin: -2px 5px 5px 5px;}
	.thumbnail p {font-size: 11px; color: #FFF; line-height: 1.5em; margin: -5px 5px 0 5px;}
	.thumbnail h5 a { color:#61ccff; text-decoration:none; }
	.thumbnail h5 a:hover {color:#fdb834; text-decoration:none;}

.thumbnailEnd {position: relative; float: left; display: inline; width: 218px; margin: 0;}
	.thumbnailEnd img {margin: 0 0 10px 0; border:4px solid #FFF;}
	.thumbnailEnd h5 {color:#61ccff;font-size: 12px; line-height: 18px; margin: -2px 5px 5px 5px;}
	.thumbnailEnd p {font-size: 11px; color: #FFF; line-height: 1.5em; margin: -5px 5px 0 5px;}
	.thumbnailEnd h5 a { color:#61ccff; text-decoration:none; }
	.thumbnailEnd h5 a:hover {color:#fdb834; text-decoration:none;}
	
/* SubPage Two Column Styles
============================================= */

.sub-left {float: left; margin:0; width: 632px;}
.sub-left p {font-size: 12px; color: #3b3e45; line-height:22px; padding-bottom:14px;}
.sub-left h2 {color:#3b3e45;}
	
.sub-right {float: left; width: 240px; margin: 26px 0 20px 40px; background:#deded7;
padding:2px 7px 3px 6px; color: #FFF; border:1px solid #c8c8c1;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;}
.sub-right p {font-size: 12px; color: #3b3e45; line-height: 1.5em; padding-bottom:14px;}
.sub-right h3 {font-size:13px;color:#3b3e45; text-transform:uppercase; padding: 6px 0 0 0; border-bottom:1px dotted #3b3e45; margin:0 10px 0 14px;}

.sub-right ul {margin: 5px 0 10px -5px; padding: 0; line-height: 1.5em; list-style: none; font-size: 12px; color: #3b3e45;}
	.sub-right li {position: relative; padding: 5px 0 4px 20px;}
	
/* Contact Form Styles
============================================= */
.form-L {width:400px;float:left;background:#f4f4ed; margin:20px 30px 40px 0;}
.form-R {width:490px;float:right;padding:20px 0;}
#form-container {margin:10px; padding:20px; border:1px solid #666;}
#form-container p {color:#3b3e45;}
.webform p { font-weight:bold;}


	
	.clear { display: inline-block; }   
.clear:after, .container:after { content: "."; display: block; height: 0;   clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

/* Sitemap Styles
============================================= */
.sitemap-left {float: left; margin:0; width: 632px;}
.sitemap-left p {font-size: 12px; color: #3b3e45; line-height:1.5em; padding:0 0 1px 40px;}
.sitemap-left h2 {color:#3b3e45; margin:0; padding:0; line-height:1.9em;}
.sitemap-left h3 { padding-left:20px; margin:0; line-height:1.5em;}



/* Footer Styles
============================================= */
#footer { padding:10px 0 20px 0;background:#c8c8c8 url(../images/mainElements/footer_bg.gif) repeat-x;width:100%;}
#footerdiv { position:relative;z-index:0;}
#footerdiv {margin:0 auto;width:955px;text-align:left;}
.sitemap {
	padding:0;
	margin:0;
	font-size:12px;
	line-height:1.6em;
}
.sitemap ul {
	margin:0; padding:20px 30px 0 14px;
	list-style:none;
	display:inline;
	float:left;
}
ul.first { float:left; width:300px;}
.sitemap ul ul {
	float:none;
	margin:0;
}
.sitemap li strong {
	display:block;
	margin-bottom:.3em;
}
.sitemap li li {
	color:#3B3E45;
	font-size:11px;
}
.sitemap li a, .sitemap li a:visited, .sitemap li a:link {
	color:#3B3E45;
	text-decoration:underline;
}
.sitemap li li a, .sitemap li li a:visited, .sitemap li li a:link {
color:#3B3E45;
	text-decoration:underline;}
.sitemap li a:hover, .sitemap li li a:hover,
.sitemap li a:focus, .sitemap li li a:focus {
	text-decoration:underline;
	color:#333;
	background:#F4F4ED;
}
.sitemap li a.tinynew {
	display:block;
	padding-right:30px;
	margin-right:-20px;
	color:#fff !important;
}
*html .sitemap li a.tinynew {
	margin-right:0;
}
.supportfooter {
	padding-right:30px;
	position:absolute;
	top:17px;
	right:0;
	width:264px;
	text-align:right;
}
.supportfooter p {
	font-size:11px;
	line-height:20px;
	color:#777;
}
.supportfooter p a, .supportfooter p a:visited, .supportfooter p a:link { color:#777; text-decoration:none; }
.supportfooter p a:hover { color:#333; text-decoration:underline;}

.clearfix {
	clear:both;
	height:0;
	font-size:1px;
	line-height:1px;
	width:100%;
	overflow:hidden;
}
/* Btm Link Styles
============================================= */
#btmLinks { padding:0 0 20px 0;background:#c8c8c8;width:100%;}
#btmLinksDiv { position:relative;z-index:0;}
#btmLinksDiv {margin:0 auto;width:955px;text-align:left;}
#btmLinksDiv p {
	background:#F4F4ED;
	padding:4px 10px;
	border:1px solid #3B3E45;
	font-size:11px;
	line-height:20px;
	color:#777;
}