﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	font-size: 62.5%;
	font-family: tahoma,arial,helvetica,clean,sans-serif;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body 
{
	background:#00173F none repeat scroll 0%;
	text-align:center;
	color:#333333;
}

#wrapper 
{
	background:#FFFFFF none repeat scroll 0%;
	border-top:4px solid #00173F;
}

a 
{
	color:#888888;
	text-decoration:none;
}

a:hover 
{
	color:#99220F;
	text-decoration:none;
}

.displayBlock { display:block; }
.displayNone { display: none; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatCenter { margin-left: auto; margin-right: auto; }

.spacingTop2 { margin-top: 2px; }
.spacingBottom2 { margin-bottom: 2px; }
.spacingLeft2 { margin-left: 2px; }
.spacingRight2 { margin-right: 2px; }

.spacingTop4 { margin-top: 4px; }
.spacingBottom4 { margin-bottom: 4px; }
.spacingLeft4 { margin-left: 4px; }
.spacingRight4 { margin-right: 4px; }

.spacingTop10 { margin-top: 10px; }
.spacingBottom10 { margin-bottom: 10px; }
.spacingLeft10 { margin-left: 10px; }
.spacingRight10 { margin-right: 10px; }

.spacingTop20 { margin-top: 20px; }
.spacingBottom20 { margin-bottom: 20px; }
.spacingLeft20 { margin-left: 20px; }
.spacingRight20 { margin-right: 20px; }

.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.textAlignCenter { text-align: center; }
.textAlignJustify { text-align: justify; }

#headerContainer 
{
    width: 910px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#header 
{
	width:910px;
	overflow:hidden;
	background:#FFFFFF none repeat scroll 0%;
}

#header .navContainer
{
	width: 910px;
	height: 26px;
    overflow: hidden;
    font-size: 1.3em;
}

#header .navContainer ul  
{
	list-style-type: none; 
	float: right;
	margin-right: 10px;
}

#header .navContainer ul li 
{
	display: inline;
	float: left;
	height: 26px;
	overflow: hidden;
	margin-left: 15px;
}

#header .navContainer ul li a
{
    font-weight: normal;
    color: #888888;
	line-height: 26px;
    text-decoration: none;
	display:block;
	line-height:26px;
	padding-left:10px;
	padding-right:10px;
}

#header .navContainer ul li a:hover 
{
	color:#FFFFFF;
	background:#00173F none repeat scroll 0%;
}

#header .navContainer ul li a.current
{
    font-weight: normal;
    color: #888888;
	line-height: 26px;
    text-decoration: none;
	display:block;
	line-height:26px;
	padding-left:10px;
	padding-right:10px;
}

#header .navContainer ul li a.current:hover 
{
	color:#FFFFFF;
	background:#00173F none repeat scroll 0%;
}

#header .logoContainer 
{
	width:910px;
	height:80px;
	padding-bottom:10px;
	padding-top:0px;
	overflow:hidden;
	text-align:left;
}

#header .logoContainer .adContainer 
{
	float:right;
	width:468px;
	height:68px;
	margin-top:10px;
	overflow:hidden;
}

#header .logoContainer img
{
	display:block;
	float: left;
}

#footerContainer 
{
    width: 910px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

#footer
{
    width: 910px;
    overflow: hidden;
}

#footer .navContainer
{
    float: left;
    overflow: hidden;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-left:10px;
}

#footer .navContainer ul { list-style-type: none; float: left; }

#footer .navContainer ul li { display: inline; color: #d1d1d1; }

#footer .navContainer ul li a
{
    font-weight: normal;
    color: #d1d1d1;
    text-decoration: none;
}

#footer .navContainer ul li a:hover { color: #ffffff; }

#footer .navContainer ul li a.current
{
    font-weight: normal;
    color: #d1d1d1;
    text-decoration: none;
}

#footer .navContainer ul li a.current:hover { color: #ffffff; }

#footer .copyright
{
	float: right;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #d1d1d1;
	width: 50%;
	overflow: hidden;
	margin-right:10px;
}

#container 
{
	width:910px;
	margin:auto;
	overflow:hidden;
	text-align:left;
	font-size:1.2em;
	line-height:1.2em;
	background:#ffffff;
}

h1, h2, h3
{
	font-family: Georgia, Times New Roman, Serif;
}

h2 
{
	color:#00173F;
	font-size:1.8em;
	line-height:1.2em;
	font-weight:normal;
}

h3 {
	color:#888888;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:normal;
}

h4 
{
	font-size:1.2em;
	line-height:1.2em;
	font-weight: normal;
}

p 
{
	line-height:1.3em;
}

.leftColumn 
{
	float:left;
	width:160px;
	padding: 10px 10px 20px 10px;
	margin-right:10px;
	border-top:1px dotted #d1d1d1;
}

.leftColumn ul.navigation
{
	list-style-type: none; 
	float: left;
	width: 160px;
	padding-left: 0px;
	padding-right: 0px;	
	overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.leftColumn ul.navigation li 
{
	height: 1.7em;
	width: 160px;
	overflow: hidden;
}

.leftColumn ul.navigation li a 
{
	display:block;
	padding-left:10px;
	width:150px;
	color:#888888;
	line-height:1.7em;
	text-decoration:none;
}

.leftColumn ul.navigation li a:hover 
{
	background:#00173F none repeat scroll 0%;
	color:#FFFFFF;
}

.mainColumn 
{
	float:left;
	width:720px;
	padding:0px 0px 20px 0px;
	border-top:1px dotted #d1d1d1;
}

#blogContent
{
	float: left;
	width: 540px;
} 

#blogSidebar
{
	float: left;
	width: 160px;
}

.textBlockContainer, 
.imageContainer, 
.dividerContainer, 
.googleAdSenseContainer, 
.googleSearchContainer, 
.syndicationContainer, 
.sitemapContainer, 
.blogBlockContainer,
.loginBlockContainer,
.registerBlockContainer,
.changePasswordBlockContainer,
.forgotPasswordBlockContainer,
.statusBlockContainer,
.blogCarouselContainer
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
    overflow: hidden;
}

.leftColumn .textBlockContainer, 
.leftColumn .imageContainer, 
.leftColumn .dividerContainer, 
.leftColumn .googleAdSenseContainer, 
.leftColumn .googleSearchContainer, 
.leftColumn .syndicationContainer, 
.leftColumn .sitemapContainer, 
.leftColumn .blogBlockContainer,
.leftColumn .loginBlockContainer,
.leftColumn .registerBlockContainer,
.leftColumn .changePasswordBlockContainer,
.leftColumn .forgotPasswordBlockContainer,
.leftColumn .statusBlockContainer,
.leftColumn .blogCarouselContainer
{
	width: 160px;
	padding-left: 0px;
	padding-right: 0px;
}

#header .textBlockContainer, 
#header .imageContainer, 
#header .dividerContainer, 
#header .googleAdSenseContainer, 
#header .googleSearchContainer, 
#header .syndicationContainer, 
#header .sitemapContainer, 
#header .blogBlockContainer,
#header .loginBlockContainer,
#header .registerBlockContainer,
#header .changePasswordBlockContainer,
#header .forgotPasswordBlockContainer,
#header .statusBlockContainer
{
	padding-left: 0px;
	padding-right: 0px;
}

#footer .textBlockContainer
{
	padding-left: 0px;
	padding-right: 0px;
	float: right;
}

.oneColumn
{
    width: 160px;
}

.twoColumn
{
    width: 340px;
}

.threeColumn
{
    width: 520px;
}

.fourColumn
{
    width: 700px;
}

.actionContainer
{
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
}

.divider
{
	width: 100%;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 1px dotted #d1d1d1;
    overflow: hidden;
}

.syndicationDate
{
	margin-bottom: 4px;
}

.sitemapContainer h1 {
	color: #00173F;
	font-size: 2.0em;
	line-height: 1.2em;
	font-weight: normal;
	padding-bottom: 10px;
}

.sitemapContainer h2 {
	color: #333333;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	padding-bottom: 10px;	
}

.sitemapContainer h3 
{
	color: #333333;
	font-size: 1.2em;
	font-family: tahoma,arial,helvetica,clean,sans-serif;
	line-height: 1.2em;
	font-weight: normal;
	padding-left: 10px;
}

.sitemapContainer a:hover h1
{
	color: #99220F;
}

.sitemapContainer a:hover h2
{
	color: #888888;
}

.sitemapContainer a:hover h3
{
	color: #888888;
}

.sitemapContainer ul 
{
	padding-left: 10px;
	padding-bottom: 10px;
}

.sitemapContainer ul li
{
	color: #888888;
	line-height: 1.3em;
}

.sitemapContainer ul li a
{
	color: #888888;
	font-size: 1.2em;	
	line-height: 1.3em;
}

.sitemapContainer ul li a:hover
{
	color: #99220F;
}

/* BLOG */

.blogBlockContainer h3
{
	color: #333333;
}

.blogBlockContainer ul li
{
	color: #888888;
	line-height: 1.3em;
}

.blogBlockContainer ul li a
{
	color: #888888;
	font-size: 1.2em;	
	line-height: 1.3em;
}

.blogBlockContainer ul li a:hover
{
	color: #99220F;
}

.blogPost
{
	float: left;
    overflow: hidden;
}

.blogPost .postInfo
{
	font-size: 1.1em;
	color: #888888;
	margin-bottom: 10px;
}

.blogPost .postInfo a
{
	color: #333333;
}
.blogPost .postInfo a:hover { color: #888888; text-decoration: none; }

.blogPost h2 
{
	color: #00173F;
	font-size: 2.0em;
	line-height: 1.2em;
}

.blogPost h2 a { color: #00173F; }
.blogPost h2 a:hover { color: #99220F; }

.blogPost .postBody
{
	clear: both;
	float: left;
    overflow: hidden;
}

.blogPost .postBody strong {font-weight: bold; }
.blogPost .postBody strong em {font-weight: bold; font-style: italic; }
.blogPost .postBody em {font-style: italic; }
.blogPost .postBody em strong {font-weight: bold; font-style: italic; }

.blogPost .postBody a { color: #888888; text-decoration:none; }
.blogPost .postBody a:hover { color: #99220F; text-decoration:none; }


.blogPost .postBody p
{
	margin-bottom: 10px;
	text-align: justify;
}

.blogPost .postBody h1, 
.blogPost .postBody h2, 
.blogPost .postBody h3, 
.blogPost .postBody h4
{
	font-family: Georgia, Times New Roman, Serif;
}

.blogPost .postBody h1
{
	color: #00173F;
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 2px;
}

.blogPost .postBody h2
{
	color: #00173F;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 2px;
}

.blogPost .postBody h3
{
	color: #333333;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 2px;
}

.blogPost .postBody h4
{
	color: #888888;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 2px;
}

.blogPost .postBody h5
{
	color: #333333;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 2px;
}

.blogPost .postBody h6
{
	color: #99220F;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 2px;
}

.blogPost .postBody ul, .blogPost .postBody ol
{
	padding: 2px 10px 2px 10px;
	list-style-position:inside;
}

.blogPost .postBody ul li, .blogPost .postBody ol li
{
	color:#333333;
	padding: 2px;
}

.blogPost .postBody ol ol, .blogPost .postBody ol ul, .blogPost .postBody ul ul, .blogPost .postBody ul ol
{
	padding: 2px 10px 2px 30px;
}

.blogPost .postBody ol
{
	list-style-type: decimal;
}

.blogPost .postBody ol ol
{
	list-style-type: upper-alpha;
}

.blogPost .postBody ul ol
{
	list-style-type: decimal;
}

.blogPost .postBody ul
{
	list-style-type: disc;
}

.blogPost .postBody ol ul,
.blogPost .postBody ul ul
{
	list-style-type: disc;
}

.blogPost .postBody blockquote
{
		padding: 10px;
}

.blogPost .postFooter
{
	clear: both;
	float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

.blogPost .postCategories
{
	clear: both;
	float: left;
    overflow: hidden;
    font-size: 1.1em;
	color: #888888;
	margin-bottom: 4px;
}

.blogPost .postCategories a
{
	color: #333333;
}

.blogPost .postCategories a:hover { color: #888888; text-decoration: none; }

.blogPost .postTags
{
	clear: both;
	float: left;
    overflow: hidden;
	font-size: 1.1em;
	color: #888888;
	margin-bottom: 4px;    
}

.blogPost .postTags a
{
	color: #333333;
}
.blogPost .postTags a:hover { color: #888888; text-decoration: none; }

.blogPost .postPermalink
{
	clear: both;
	float: left;
    overflow: hidden;
	font-size: 1.1em;
	color: #888888;
	margin-top: 6px; 
	margin-bottom: 4px;    
}

.blogPost .postPermalink a
{
	color: #333333;
}

.blogPost .postPermalink a:hover { color: #888888; text-decoration: none; }

.postTracking
{
	float: left;
	width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.postTracking h3 
{
	margin-bottom: 10px;
}

.postTracking .trackingBody
{
	clear: both;
	float: left;
	width: 100%;	
	margin-bottom: 10px;
}

.postTracking .trackingDate
{
	clear: both;
	float: left;
	color: #888888;
	font-size: 0.9em;
}

.postComments
{
	float: left;
	width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.postComments h3 
{
	margin-bottom: 10px;
}

.postComments .commentHeader
{
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 1px dotted #d1d1d1;
	padding-bottom: 4px;
}

.postComments .commentName
{
	clear: both;
	float: left;
	color: #888888;
	font-size: 1.1em;
}

.postComments .commentName a
{
	clear: both;
	float: left;
	color: #333333;
}

.postComments .commentName a:hover
{
	color: #888888;
}

.postComments .commentDate
{
	clear: both;
	float: left;
	color: #888888;
	font-size: 0.9em;
}

.postComments .commentBody
{
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 0;
}

.postCommentForm
{
	float: left;
    overflow: hidden;
}

.postCommentForm h3 
{
	margin-bottom: 10px;
}

.postCommentForm label
{
	clear: both;
	float: left;
	width: 200px;
	margin-bottom: 2px;
}

.postCommentForm input
{
	clear: both;
	float: left;
	width: 200px;	
	margin-bottom: 10px;
}

.postCommentForm input.submitButton { width: 125px; }

.postCommentForm textarea
{
	clear: both;
	float: left;	
	margin-bottom: 10px;
	width: 520px;
}

.postCommentForm span
{
	clear: none;
	float: left;	
	padding-top: 4px;
	margin-left: 10px;
	color: #888888;
}

.postCommentForm span.errorText
{
	color: #CC0000;
}

/* NEEDS WORK!!! */

fieldset  
{
	clear: both;
	float: left;
	border: 0px none; 
	margin-top: 10px; 
	overflow: hidden;
}

fieldset legend 
{ 
	font-size: 1.2em;
	margin-bottom: 10px;
	font-weight: normal;
	color: #333333;
	font-family: Georgia, Times New Roman, Serif;
	/*text-transform: uppercase;*/
}


.formContainer
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.oneColumn .errorField, .leftColumn .errorField 
{ 
	width: 160px;
}

.twoColumn .errorField, .threeColumn .errorField, .fourColumn .errorField
{
	width: 280px;
}

.errorField
{
	clear: both;
	float: left;
	overflow: hidden;
}

.errorField span
{
	clear: both;
	float: left;
	color: #CC0000; 
	margin-bottom: 10px;
}

.oneColumn .formField, .leftColumn .formField 
{ 
	width: 160px; 
}

.twoColumn .formField, .threeColumn .formField, .fourColumn .formField
{
	width: 280px;
}

.formField
{
	clear: both;
	float: left;
	overflow: hidden;
	text-align: left;
}

.oneColumn .formField span.errorText, .leftColumn .formField span.errorText
{
	width: 150px;
}

.twoColumn .formField span.errorText, .threeColumn .formField span.errorText, .fourColumn .formField span.errorText
{
	width: 280px; 
}

.formField span.errorText
{
	clear: both;
	float: left;
	margin-top: -6px;
	margin-bottom: 10px;
	color: #CC0000;
}

.formField a,
.buttonField a
{
    color: #777;
    text-decoration: none;
}

.formField a:hover,
.buttonField a:hover
{ text-decoration: underline; }

/*
div.formField label.radioListLabel, div.formField label.checkboxLabel
{
	clear: none;
	width: 370px;
	margin-left: 4px;
	margin-top: 10px;
	color: #777;
}
*/
.oneColumn .formField label, .leftColumn .formField label { width: 160px; }

.twoColumn .formField label, .threeColumn .formField label, .fourColumn .formField label { width: 280px; }

.oneColumn .formField label.radioListLabel, .leftColumn .formField label.radioListLabel { width: 120px; }

.twoColumn .formField label.radioListLabel, .threeColumn .formField label.radioListLabel, .fourColumn .formField label.radioListLabel { width: 240px; }

.formField label
{	
	clear: both;
	float: left;
	margin-bottom: 2px;
}

.formField label span
{
	color: #777;
}

.formField label.rememberMe,
.formField label.radioListLabel
{
	clear: none;
}

.formField label.radioListLabel
{
	margin-left: 4px;
	margin-top: 2px;
}
	

.oneColumn .formField label.rememberMe, .leftColumn .formField label.rememberMe { width: 110px; }

.twoColumn .formField label.rememberMe, .threeColumn .formField label.rememberMe, .fourColumn .formField label.rememberMe { width: 180px; }

.formField input
{
	clear: both;
	float: left;
	margin-bottom: 10px;
	font-family: Arial, Sans-Serif;
    font-size: 1.1em;
    font-weight: normal;
	color: #36393D;
}

.formField span.checkBoxControl input
{
	margin-top: 2px;
	margin-right: 7px;
}

.oneColumn .formField input.textBoxControl, .leftColumn .formField input.textBoxControl { width: 146px; }

.twoColumn .formField input.textBoxControl, .threeColumn .formField input.textBoxControl, .fourColumn .formField input.textBoxControl { width: 276px; }

input.textBoxControlw210 { width: 210px; }
input.textBoxControlw60 { width: 60px; margin-right: 10px;}

.formField input.textBoxControl
{ 
	height: 16px;
}

.formField input.radioControl
{ 
	margin-left: 2px;
	margin-bottom: 4px;
}

.formField textarea
{
	float: left;
	margin-bottom: 10px;
	font-family: Arial, Sans-Serif;
    font-size: 1.1em;
    font-weight: normal;
	color: #36393D;
}

.oneColumn .formField textarea, .leftColumn .formField textarea { width: 146px; }

.twoColumn .formField textarea, .threeColumn .formField textarea, .fourColumn .formField textarea { width: 276px; }

.formField select
{
	float: left;
	margin-bottom: 10px;
	font-family: Arial, Sans-Serif;
    font-size: 1.1em;
    font-weight: normal;
	color: #36393D;
}

.oneColumn .formField select, .leftColumn .formField select { width: 150px; }

.twoColumn .formField select, .threeColumn .formField select, .fourColumn .formField select { width: 280px; }

.formField select.month { width: 130px; }
.formField select.year { width: 80px; margin-left: 4px; }



.formField ul { list-style-type: none; float: left; margin-bottom:10px; }

.formField ul li { display: inline; color: #999; }
.formField ul li input { margin-left: 13px; }



.buttonField
{
	clear: both;
	float: left;
	overflow: hidden;	
}

.oneColumn .buttonField, .leftColumn .buttonField { width: 160px; }

.twoColumn .buttonField, .threeColumn .buttonField, .fourColumn .buttonField { width: 280px; }

.buttonField input.submitButton { width: 75px; }

div.scroller 
{ 
	width: 500px; 
	height: 211px;
	overflow: hidden;
}

div.scroller div.section 
{
	width:500px;
	height:210px;
	overflow:hidden;
	float:left;
	border-top:1px solid #cccccc;
}

div.scroller div.section img 
{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	float:left;
}

div.scroller div.section div.sectionText 
{
	width:197px;
	height:190px;	
	overflow:hidden;
	float:left;
	padding:10px;
	border-right:1px solid #cccccc;
}

div.scroller div.content 
{
	/*width: 10000px;*/
}

div.controls 
{
	width:478px;
	height:72px;
	overflow: hidden;
	padding: 5px 10px 5px 10px;
	border:1px solid #cccccc;
}

div.controls img
{
	border:1px solid #cccccc;
	margin:5px;
}