/* --- body default values --- */

body {
	margin:0;
	padding:0;
	background-color:#010146;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#2a2a2a;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.italicize {
	font-style:italic;
}

a:link {
	color:#171780;
	text-decoration:underline;
}

a:visited {
	color:#171780;
	text-decoration:underline;
}

a:hover {
	color:#171780;
	text-decoration:none;
}

a:active {
	color:#171780;
	text-decoration:none;
}

.alignCenter {
	text-align:center;
}

.alignRight {
	text-align:right;
}

.floatRight {
	float:right;
	margin:5px 0 5px 10px;
}

.floatLeft {
	float:left;
	margin:5px 10px 5px 0;
}

.clearFloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

.greylink:link {
	color: #2a2a2a;
	text-decoration:none;
}

.greylink:visited {
	color: #2a2a2a;
	text-decoration:none;
}

.greylink:hover {
	color: #2a2a2a;
	text-decoration:underline;
}

.greylink:active {
	color: #2a2a2a;
	text-decoration:none;
}

/* this hides navigation / sitemap link so that it only displays in mobile devices */
#navHandheld {
	display:none;
}

/* this hides footer info that only displays when printing */
#contactInfoForPrint {
	display:none;
}

/* eliminates extra bottom margin pixels added to images by Firefox and Safari, and eliminates default border on images that are links */
img {
	line-height:0;
	border:none;
}

/* this class should be used on a div to put some vertical space such as after the last paragraph */
.verticalSpacer {
	margin:0 0 5px 0;
	padding:0;
}

/* acronyms, abbreviations -- changes cursor -- be sure to have a title attribute that provides the meaning of the acronym or abbreviation */
acronym {
	border-bottom:1px dotted #666;
	cursor:help;
}

/* -------------------------------------------------- */

/* REMINDER:the total width of a <div> will include the padding and border in addition to the width specified in the CSS so adjust the width attribute if adjusting the padding and border attributes -- i.e. reduce width if increasing padding and/or border width sizes and vice versa */

/* main container that contains all other elements below */

#mastheadContainer {
	width:100%;
	height:176px;
	background:#010146 url(../images/masthead-bg.gif) repeat-x;
}

#masthead {
	position:relative;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:839px;
	height:176px;
	z-index:10;
}

#logoArea {
	float:left;
	position:relative;
	width:241px;
	height:127px;
	border-right:1px solid #FFFFFF;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#logoArea .logo {
	position:absolute;
	top:39px;
	left:0;
	background:url(../images/client-login-button.gif) left no-repeat;
}

#tagline {
	float:left;
	position:relative;
	width:422px;
	height:127px;
}

#tagline h1 {
	margin:0;
	padding:0 34px;
	position:absolute;
	width:354px;
	bottom:25px;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
}

#clientLoginArea {
	float:left;
	position:relative;
	width:174px;
	height:127px;
	border-left:1px solid #FFFFFF;
}

#clientLoginArea .clientLoginButton {
	position:absolute;
	top:65px;
	right:0;
	background:url(../images/client-login-button.gif) left no-repeat;
}

#clientLoginArea .clientLoginButton a:link, #clientLoginArea .clientLoginButton a:visited {
	display:block;
	width:109px;
	height:15px;
	text-decoration:none;
	background:url(../images/client-login-button.gif) left no-repeat;
}

#clientLoginArea .clientLoginButton a:hover, #clientLoginArea .clientLoginButton a:active {
	background-position:right;
}

#clientLoginArea .phoneNumber {
	position:absolute;
	top:86px;
	right:0;
}

#topNavContainer {
	position:absolute;
	bottom:14px;
	left:0px;
	width:839px;
	_position:relative;
	_margin-top:32px;
}

#homepageMainImageContainer {
	width:100%;
	height:198px;
	background:#010146 url(../images/main-image-bg.jpg) repeat-x;
}

#homepageMainImage {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:927px;
}

#internalPageHeadingBarContainer {
	width:100%;
	height:100px;
	background:#ffffff url(../images/heading-bar-bg3.jpg) repeat-x;
}

#internalPageHeadingBar {
	position:relative;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:839px;
}

#internalPageHeadingBar h1 {
	margin:0;
	padding:35px 0 0 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:3em;
	font-weight:normal;
	color:#a2010c;
}

.headingGraphic {
	position:absolute;
	top:44px;
	right:0;
	width:245px;
	height:25px;
}

#mainContentContainer {
	width:100%;
	background:#ffffff;
}

#mainContent {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-bottom:30px;
	width:839px;
}

#mainColumnHomepage {
	float:left;
	margin:0;
	padding:30px 0 0 0;
	width:553px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#mainColumn {
	float:left;
	margin:0;
	padding:0;
	width:553px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#mainColumn .quoteBox {
	margin:10px;
	padding:10px 10px 5px 10px;
	border:1px solid #cccccc;
	background:#eeeeee;
}

#mainColumn .needHelpBox {
	margin:30px 0;
	padding:0;
	width:553px;
	border:1px solid #a8000d;
}

#mainColumn .needHelpBox p {
	margin:0;
	padding:0 35px 10px 35px;
}

#mainColumnHomepage h1, #mainColumn h1 {
	margin:0;
	padding:0 0 20px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:2.6em;
	font-weight:normal;
	color:#a2010c;
}

#mainColumnHomepage h2, #mainColumn h2 {
	margin:0;
	padding:0 0 16px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:2.1em;
	font-weight:normal;
	color:#ce000f;
}

#mainColumnHomepage h3, #mainColumn h3 {
	margin:0;
	padding:0 0 10px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#ce000f;
}

#mainColumnHomepage p, #mainColumn p {
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	font-size:1.2em;
	line-height:150%;
}

#mainColumnHomepage ul, #mainColumn ul {
	margin:0 0 15px 30px;
	padding:0;
	list-style-type:square;
	font-size:1.2em;
}

#mainColumnHomepage ul li ul, #mainColumn ul li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:square;
	font-size:1em;
}

#mainColumnHomepage ol, #mainColumn ol {
	margin:0 0 15px 33px;
	padding:0;
	font-size:1.2em;
}

#mainColumnHomepage ol li ol, #mainColumn ol li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

.mainColumnHorizontalDivider {
	margin:5px 0 15px 0;
	width:100%;
	border-bottom:1px solid #797979;
}

.contactButton {
	display:block;
	width:244px;
	height:47px;
	background:url(../images/contact-button.gif) left no-repeat;
}

.contactButton a:link, .contactButton a:visited {
	display:block;
	width:244px;
	height:47px;
	text-decoration:none;
	background:url(../images/contact-button.gif) left no-repeat;
}

.contactButton a:hover, .contactButton a:active {
	background-position:right;
}

.purchaseExpressRailButton {
	display:block;
	width:340px;
	height:47px;
	background:url(../images/purchase-express-rail-button.gif) left no-repeat;
}

.purchaseExpressRailButton a:link, .purchaseExpressRailButton a:visited {
	display:block;
	width:340px;
	height:47px;
	text-decoration:none;
	background:url(../images/purchase-express-rail-button.gif) left no-repeat;
}

.purchaseExpressRailButton a:hover, .purchaseExpressRailButton a:active {
	background-position:right;
}

.contactThirdRailButton {
	display:block;
	width:353px;
	height:47px;
	background:url(../images/contact-third-rail-button.gif) left no-repeat;
}

.contactThirdRailButton a:link, .contactThirdRailButton a:visited {
	display:block;
	width:353px;
	height:47px;
	text-decoration:none;
	background:url(../images/contact-third-rail-button.gif) left no-repeat;
}

.contactThirdRailButton a:hover, .contactThirdRailButton a:active {
	background-position:right;
}

.contactOnTrackButton {
	display:block;
	width:354px;
	height:47px;
	background:url(../images/contact-on-track-button.gif) left no-repeat;
}

.contactOnTrackButton a:link, .contactOnTrackButton a:visited {
	display:block;
	width:354px;
	height:47px;
	text-decoration:none;
	background:url(../images/contact-on-track-button.gif) left no-repeat;
}

.contactOnTrackButton a:hover, .contactOnTrackButton a:active {
	background-position:right;
}

#sideColumnHomepage {
	float:right;
	margin:31px 0 0 0;
	padding-left:20px;
	width:245px;
	border-left:1px solid #797979;
}

#sideColumn {
	float:right;
	margin:1px 0 0 0;
	padding-left:20px;
	width:245px;
	border-left:1px solid #797979;
}

#sideColumnHomepage h3, #sideColumn h3 {
	margin:0;
	padding:10px 0 16px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:2.1em;
	font-weight:normal;
	color:#ce000f;
}

#sideColumnHomepage p, #sideColumn p {
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	font-size:1.2em;
	line-height:150%;
}

#blogContainerHomepage {
	margin:0 auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 20px 0;
	width:839px;
	border-top:1px solid #797979;
}

#blogContainerHomepage .blogContainerHeading {
	margin:0 0 0 -2px;
	padding:15px 0 10px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:2.1em;
	color:#ce000f;
}

#blogContainerHomepage .blogSection {
	float:left;
	margin:0 69px 0 -4px;
	padding:0;
	width:235px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#blogContainerHomepage .blogSection h1 {
	margin:0;
	padding:10px 0 10px 0;
	font-size:1.2em;
	line-height:150%;
	font-weight:bold;
	color:#171780;
}

#blogContainerHomepage .blogSection h2 {
	margin:0;
	padding:10px 0 10px 0;
	font-size:1.2em;
	line-height:150%;
	font-weight:bold;
	color:#171780;
}

#blogContainerHomepage .blogSection h3 {
	margin:0;
	padding:10px 0 10px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#171780;
}

#blogContainerHomepage .blogSection p {
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:150%;
}

#blogContainerHomepage .blogSectionLast {
	float:left;
	padding:0;
	width:235px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#blogContainerHomepage .blogSectionLast h3 {
	margin:0;
	padding:10px 0 10px 0;
	font-family:"Century Gothic", Century, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	color:#171780;
}

#blogContainerHomepage .blogSectionLast p {
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:150%;
}

#blogContainerHomepage a:link {
	color:#171780;
	text-decoration:none;
}

#blogContainerHomepage a:visited {
	color:#171780;
	text-decoration:none;
}

#blogContainerHomepage a:hover {
	color:#171780;
	text-decoration:underline;
}

#blogContainerHomepage a:active {
	color:#171780;
	text-decoration:underline;
}

.tweetmeme_button {
	display:none;
}

#bottomMainImageContainer {
	width:100%;
	height:102px;
	background:#FFFFFF url(../images/bench-bg.jpg) top repeat-x;
}

#bottomMainImage {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:927px;
	height:102px;
	background:#FFFFFF url(../images/bench.jpg) top;
}

#footerContainer {
	width:100%;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background:#010146;
}

#footer {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0 0 40px 0;
	width:839px;
	color:#FFFFFF;
}

#footer a:link {
	color:#FBF111;
	text-decoration:none;
}

#footer a:visited {
	color:#FBF111;
	text-decoration:none;
}

#footer a:hover {
	color:#ffffff;
	text-decoration:none;
}

#footer a:active {
	color:#ffffff;
	text-decoration:none;
}

.footerSection {
	float:left;
	margin-right:67px;
	padding:0;
	width:235px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

.footerSectionLast {
	float:left;
	padding:0;
	width:235px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

.footerHeading {
	padding:40px 0 5px 0;
	font-size:1.1em;
	border-bottom:1px solid #FFFFFF;
}

#footer ul {
	margin:3px 0 0 0;
	padding:0;
	list-style-type:none;
}

#footer ul li {
	margin:0;
	padding:3px 0 2px 0;
	font-size:1.1em;
}

.footerHorizontalDivider {
	margin:5px 0 30px 0;
	width:100%;
	border-bottom:1px solid #FFFFFF;
	height:1px;
}

.footerBottomLinks {
	text-align:center;
}

.footerBottomLinks ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}

/* --- form field attributes --- */

#contactForm {
	margin:1px 0 0 0;
	padding:15px 15px 80px 15px;
	border:1px solid #b7bcc0;
	background:#e9eaeb url(../images/email-icon-screened-bg.gif) no-repeat right bottom;
}

#contactForm table {
	margin:0;
	padding:15px;
	width:100%;
	border-collapse:collapse;
}

#contactForm table tr td {
	margin:0;
	padding:5px 15px 5px 0;
	vertical-align:top;
}

#contactForm table tr td p {
	padding-top:3px;
}

#contactForm table tr td.alignFormTextRight {
	text-align:right;
}

#name, #company, #url, #phone, #email, #bestTimeToContact, #iHaveQuestionsAbout, #numberOfActiveProducts, #frequencyOfFeedUpdates, #nameOfManagementCompany {
	margin:0;
	padding:3px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	border:1px solid #b7bcc0;
}

#otherURLs, #additionalInfo, #listOfActiveCSEAccounts {
	margin:0;
	padding:3px;
	width:200px;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	border:1px solid #b7bcc0;
}

#contactForm table tr td #spamcode {
	margin:0;
	padding:0;
	border:1px solid #b7bcc0;
}

#security_code {
	margin:0;
	padding:3px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	border:1px solid #b7bcc0;
}

#submit {
	margin:15px 0 0 0;
	padding:0;
}

/* -------------------------- */

/* --- Override Wordpress CSS styles here --- */

.wp-caption-text {
	text-align: center;
	font-style: italic;
}

/* -------------------------- */