﻿/* Original color: #17365f */

html, body
{
	height: 101%;
	margin: 0px;
	padding: 0px;
	background: #acacac;
	font: 10pt helvetica, arial, sans-serif;
	color: #555555;
}

img
{
	border-style: none;
}

a
{
	text-decoration: none;
	color: #17365f;
}

#divBody 
{
	width: 978px;
	margin: 0px auto 0px auto;
	padding: 0px 29px 0px 29px;
	background: url('../images/back-white.jpg') repeat-y center;
}
	
#divHeader 
{
	width: 920px;
	height: 25px;
	margin: 0px auto 0px auto;
}

#headerLogo
{
	width: 174px;
	float: left;
	margin: 0px;
	padding: 0px 56px 0px 0px;
}

#divAssistance
{
	color: #555555;
	font: 100 8pt helvetica, arial, sans-serif;
	float: left;
}

.assistanceContent
{
	margin: 16px 0px 8px 0px;
	font: 100 8pt helvetica, arial, sans-serif;
	color: #555555;
	float: left;
	height: 1.1em;
	padding: 0em 1em 0em 1em;
	border-right: 1px solid #555555;
}

.assistanceContent a
{
	color: #555555;
}	
	
#divFooter 
{
	width: 978px;
	margin: 0px auto 0px auto;
	padding: 24px 29px 48px 29px;
	background: url('../images/back-blue.jpg') repeat-y center;
	font: 8pt helvetica, arial, sans-serif;
	color: #fff;
}

#footerContent
{
	margin-left: 259px;
}

.footerInside
{
	vertical-align: top;
	float: left;
	margin: 0em;
}

.footerInside a
{
	color: #9eabbc;
}

.footerInside a:hover
{
	color: #fff;
}

#footerBase
{
	width: 978px;
	height: 32px;
	margin: 0 auto;
	padding: 0px 29px 0px 29px;
	background: url('../images/back-bottom.jpg') no-repeat top center;
}

.standardColumnHome,
.standardColumnNews,
.standardColumnSearch,
.standardColumnDefault,
.standardColumnDirections
{
	width: 654px;
	float: left;
	line-height: 1.6em;
	color: #555555;
}

.standardColumnAbout,
.standardColumnTransport,
.standardColumnRegional,
.standardColumnPublications,
.standardColumnInvolve,
.standardColumnContact,
.standardColumnMeetings,
.standardColumnNarrow,
.standardColumnHelp
{
	width: 524px;
	float: left;
	color: #555555;
}

#rightColumn
{
	width: 254px;
	float: left;
}
	
.clear 
{
	clear: both;
}

.mainAbout,
.mainContact,
.mainDefault,
.mainHome  
{
	padding: 8px 0px 0px 0px;
	width: 690px;
	float: left;
	margin: 0px;
	color: #ffffff;
	font: 8pt helvetica, arial, sans-serif;
}

#divMainMenuWrapper
{
	margin: 0em 0em 0em -.9em;
}

.divMainMenu
{
	margin: -2.5em 0em 2.5em 0em;
	color: #444444;
	float: left;
	height: 1em;
	padding: 0em .9em .3em 1em;
	border-right: 1px solid #999;
}

.divMainMenuSelected
{
	margin: -2.5em 0em 2.5em 0em;
	font: 8pt helvetica, arial, sans-serif;
	color: #000000;
	float: left;
	height: 1em;
	padding: 0em .9em .3em 1em;
	border-right: 1px solid #999;
}

.divMainMenuSelected  a
{	
	color: #000000;
}

.divMainMenu a
{
	color: #999;
	text-decoration: none;
}

.divMainMenu a:hover
{
	color: #000000;
}

#cc1SubMenu_lblError
{
	position: absolute;
	bottom: 0px;
}

#divSubMenuWrapper
{
	background: #17365f url('../images/menuNotch.png') bottom left no-repeat;
	width: 690px;
	height: 138px;
	float: left;
	margin: -20px 0px 0px 0px;
	font: 9pt helvetica, arial, sans-serif;
	/* text-transform: uppercase; */
}

.divSubMenu, .divSubMenuSelected 
{
	font: 9pt helvetica, arial, sans-serif;
	line-height: 1.6em;
}

.divSubMenu a
{
	color: #9eabbc;
}

.divSubMenu a:hover, .divSubMenuSelected a, .divSubMenuSelected .divSubMenuItem a
{
	color: #ffffff;
}

#divSub1, #divSub2, .divSub3
{
	width: 210px;
	padding: 8px 8px 8px 12px;
	height: 122px; 
	float: left;
}

.divSub3Column
{
	width: 105px;
	height: 122px;
	float: left;
	overflow: hidden;
}

.divSub3 a
{
	/* color: #ccc9c0; */
	color: #dddad0;
}

#divSub3Selected, .divSub3
{
	/* background: #968b6a;; */
	background: #968b6a;
}

.divMenuFooterItem
{
	margin: 0em;
	float: left;
	height: 1em;
	padding: 0em;
}

.divMenuFooterItemSelected
{
	margin: 0em;
	font: 8pt helvetica, arial, sans-serif;
	float: left;
	height: 1em;
	padding: 0em;
}

.divMenuFooterItemSelected  a
{	
	color: #fff;
}

.divMenuFooterItem a
{
	color: #9eabbc;
	text-decoration: none;
}

.divMenuFooterItem a:hover
{
	color: #fff;
}

#footerAddress
{
	margin-top: 32px;
	line-height: 1.3em;
}

.subMenuList
{
	/* list-style-type: none; */
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
}

#closeText
{
	font: bold 8pt helvetica, arial, sans-serif;
	letter-spacing: 1px;
}

.lblDate
{
	font: 8pt helvetica, arial, sans-serif;
	color: #888888;	
}

#divDate
{
	min-height: 91px;
	font-weight: bolder;
}

#divSearch
{
	margin: 1px 0px 3px 0px;
	padding-top: 8px;
	height: 25px;
	vertical-align: bottom;
	float: right;
}

.leftHome
{
	width: 120px;
	margin: 8px 8px 8px 0px;
	color: #555555;
	float: left;
}

.leftDefault,
.leftNews,
.leftAnnc
{
	width: 120px;
	margin: -1px 8px 8px 0px;
	color: #555555;
	float: left;
}

.leftAbout,
.leftTransport,
.leftRegional,
.leftMeetings,
.leftPublications,
.leftInvolve,
.leftContact,
.leftHelp,
.leftDirections
{
	width: 248px;
	margin: -1px 8px 8px 0px;
	color: #555555;
	float: left;
}

#leftBarBorders
{
	width: 120px;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	padding: 5px 0px 5px 0px;
	float: left;
}
	
.divBar
{
	height: 1px;
	width: 120px;
	background-color: #666666;
}

.txtSearch
{	
	font: 8pt helvetica, arial, sans-serif;
	color: #555555;
	height: 15px;
	width: 220px;	
}

#divTxtSearch
{
	float: left;
	width: 220px;
	margin: 2px 8px 0px 0px;
	vertical-align: bottom;
	padding: 0px;
}

.btnSearch
{
	height: 25px;
	font: 8pt helvetica, arial, sans-serif;
	color: #444444;
}

#divBtnSearch
{
	float: left;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

.txtEmailSubscribe
{
	
	font: 8pt helvetica, arial, sans-serif;
	color: #555555;
	height: 15px;
	width: 96px;	
}

.btnEmailSubscribe
{
	height: 25px;
	width: 32px;
	font: 8pt helvetica, arial, sans-serif;
	color: #444444;
}

.lnkHome
{
	text-decoration: none;
	color: #555555;
	font: bold 10pt helvetica, arial, sans-serif;
}

#divStandard
{
	width: 690px;
	min-height: 250px;
	margin: 14px auto 0px 259px;
	padding-bottom: 128px;
	color: #555555;
	font: 10pt helvetica, sans-serif;
	word-wrap: break-word;
	overflow: hidden;
}

#divStandard p
{
	margin: 0em 0em 1em 0em;
	padding: 0em;
}

#divPageTitle
{
	padding: 0px 0px 5px 0px;
	border-top: 3px solid #aaaaaa;
	margin-top: 8px;
	display: none;
}

.pageLabel, .galleryLabel, .mainLabel
{
	width: 690px;
	height: 80px;
	margin: 8px 0px 8px 259px;
	padding: 0px;
	border-bottom: 1px solid #aaa;
	font-weight: bold; 
	font-size: 25pt;
}

/* .galleryLabel, .mainLabel
{ 
	width: 690px; 
	margin: 14px 0px 32px 259px; 
	padding: 4px 0px 0px 0px; 
	font-weight: bold; 
	font-size: 24pt;
	color: #444; 
	border-top: 2px solid #cccccc; 
} */

.title
{
	/* font: 500 20pt georgia, serif; */
}

.subSectionMenu
{
	background: #f8f2e6;
	width: 110px;
	margin: 8px 0px 8px 8px;
	padding: 5px;
	font-weight: bold;
	float: left;
}

.subSectionMenuItem
{
	padding-bottom: 1.3em;
	line-height: 1.3em;
	vertical-align: bottom;
}

.subSectionMenuActive
{
	color: #333333;
	text-decoration: none;
}

.subSectionMenuInactive
{
	color: #888888;
	text-decoration: none;
}

.subSectionMenuInactive:hover
{
	color: #333333;
	text-decoration: none;
}

#divHome
{
	width: 920px;
	margin: 16px 0px 0px 259px;
	padding-bottom: 128px;
	color: #555555;
}

.homePageLabel
{
	display: none;
}

#homePageTitle
{
	margin: 2px 0px 42px 0px;
	padding: 0px;
	width: 690px;
	font: bold 25pt helvetica, sans-serif;
	color: #968b6a;;
}

#homePageTitle b
{
	color: #17365f;
}

#homeContent
{
	margin: 0px;
	padding: 0px;
	width: 690px;
	line-height: 1.3em;
}

#homeLeftColumn
{
	margin-right: 12px;
	padding: 16px 8px 0px 0px;
	width: 440px;
	float: left;
	border-top: 2px solid #cccccc;
}

#homeRightColumn
{
	width: 230px;
	float: left;
}

.homeRightColumnItem
{
	margin-bottom: 56px;
	padding-top: 16px;
	width: 100%;
	border-top: 2px solid #cccccc;
}

#subSectionContent
{
	font: 10pt helvetica, arial, sans-serif;
	padding-top: 0px;
	line-height: 1.6em;
}

#subSectionContent p, #homeContent p, #divResults p
{
	margin-top: 0px;
	padding-top: 0px;
}

#divResults
{
	margin: 8px 0px 0px 259px;
	padding: 24px 0px 128px 0px;
}

#searchLeft
{
	width: 500px;
	padding: 0em 2em 0em 0em;
}

#bucketResults
{
	width: 95%;
	float: left;
	padding: 0em 2em 0em 0em;
}

/* #searchRight
{
	width: 25%;
	float: left;
	border-left: 1px solid #c9d7f1;
	padding: 0em 0em 0em 1em;
} */

.searchDBResult, .bucketDBResult
{
	margin: 0em 0em 1em 0em;
	padding-bottom: 1em;
	line-height: 1.3em;
}

.searchDBResult a
{
	text-decoration: underline;
	line-height: 1.7em;
	font-size: 11pt;
	color: #00c;
	overflow: hidden;
}

#searchRight .searchDBResult a
{
	line-height: 1.3em;
}

.searchURL
{
	color: green;
}

#searchString
{
	padding-bottom: 1em;
}

#searchFilesButton
{
	padding-bottom: 1em;
}

.commentbox
{
	width: 500px;
	height: 300px;
	
}

#contact 
{
	line-height: 1.3em;
}

.divRSVP
{
	padding-top: 8px;
	line-height: 1em;
}

#rsvpSignup
{
	width: 365px;
	float:left;
	text-align: left;
	padding-top: 8px;
}

#cc1RSVP_divExist
{
	width: 225px;
	float:left;
	margin-top: 8px;
	padding: 0px 8px 8px 16px;
	border-left: 1px solid #aaaaaa;
	text-align: left;
}

.rsvpFloatField
{
	width: 164px;
	float: left;
	padding: 0em 0em 0.7em 0em;
	margin: 0px;
}

.rsvpFloatFieldShort
{
	width: 113px;
	float: left;
	padding: 0em 0em 0.7em 0em;
	margin: 0px 6px 0px 0px;
}

.rsvpField
{
	padding: 0em 0em 0.7em 0em;
	margin: 0px;
}

.rsvpFull
{
	width: 314px;
	margin: 3px 0px 0px 0px;
}

.rsvpHalf, .rsvpEmail
{
	width: 150px;
	margin: 3px 0px 0px 0px;
}

.rsvpCity
{
	width: 105px;
	margin: 3px 0px 0px 0px;
}

.rsvpState
{
	height: 22px;
	width: 105px;
	margin: 3px 0px 0px 0px;
}

.rsvpZip
{
	width: 76px;
	margin: 3px 0px 0px 0px;
}

.committees, .boardMembers
{
	padding-bottom: 24px;
}

.contactIndent
{
	margin-left: 16px;
}

.contactBoard
{
	margin-top: 0px;
}

.sectionHeadingContact
{
	font: bold 12pt helvetica, arial, sans-serif;
	color: #036799;
	padding-bottom: 12px;
}

.comments
{
	width: 565px;
	height: 140px;
	overflow: auto;
	background: #eeeeee;
	margin: 16px auto 16px 5%;
	padding: 8px;
	line-height: 1.2em;
}

.commentHeader
{
	width: 100%;
	padding-bottom: 4px;
	border-bottom: 1px solid #aaaaaa;
}

.commentBody
{
	margin: 8px;
}

.comments p
{
	margin-top: 0px;
	padding-top: 0px;
}

.commentBox
{
	width: 565px;
	height: 140px;
	margin-bottom: 8px;
}

.emailDisclaimer
{
	font-size: 7pt;
}

#divProducts, #form, #divGallery
{
	width: 690px;
	min-height: 450px;
	margin: 0px 0px 0px 259px;
	padding-bottom: 128px;
	color: #555555;
	font: 8pt helvetica, arial, sans-serif;
	word-wrap: break-word;
	overflow: hidden;
}

#form
{
	margin: 14px 0px 0px 259px;
}

.productTitle
{
	width: 666px;
	height: 82px;
	margin: 14px 0px 2px 259px;
	padding: 4px 12px 8px 12px;
	background: #968b6a;;
}

#standardTitle
{
	position: relative;
	width: 300px;
	top: 0px;
	font-weight: bold;
	font-size: 30pt;
	color: red;
	z-index: 10;
}

.productTitleNumber
{
	width: 260px;
	float: left;
	font: bold 36pt helvetica, arial, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}

#productTitleDescription
{
	width: 400px;
	float: right;
	font: 20pt helvetica, arial, sans-serif;
	color: #ffffff;
	text-align: right;
}

#productMenu
{
	width: 666px;
	height: 34px;
	margin-bottom: 3px;
	padding: 8px 12px 0px 12px;
	background: #17365f;
	color: #afa27c;
	font: bold 9pt helvetica, arial, sans-serif;
	text-transform: uppercase;
}


.productMenuLeftItem
{
	padding: 0px 24px 0px 0px;
	float: left;
}
.productMenuLeftItemA, .productMenuRightItemPDFDWG
{
	/* color: #d2cdba; */
	color: #afa27c;
}
.productMenuLeftItemA:hover, .productMenuRightItemPDFDWG:hover
{
	color: #ffffff;
}
.productMenuLeftItemSelected, .productMenuLeftItemSelected
{
	color: #ffffff;
}

#productMenuRight
{
	width: 350px;
	float: right;
	text-align: right;
}

#productMenuRight img
{
	vertical-align: middle;
}

.productMenuRightItem, .productMenuRightItemSelected
{
	display: block;
	margin-left: 16px;
	padding-left: 17px;
	background: url('../images/productMenuRightArrow-tan.gif') no-repeat left 2px;
	color: #afa27c;
	float: right;
	text-align: right;
}

.productMenuRightItem:hover, .productMenuRightItemSelected
{
	color: #ffffff;
	background: url('../images/productMenuRightArrow-white.gif') no-repeat left 2px;
}

.productMenuRightItem .noLink, .productMenuRightItem .noLink:hover,
{
	color: #afa27c;
	cursor: text;
}

.productMenuRightItemDisabled
{
	color: #696969;
	cursor: text;
}

.productMenuRightItemPDFDWG, .productMenuRightItemDisabled
{
	font-weight: 100;
}

#productLeft
{
	width: 229px;
	min-height: 400px;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	float: left;
}

.productRight
{
	width: 460px;
	min-height: 400px;
	border-top: 1px solid #444444;
	float: left;
}

#divProductDescription
{
	width: 222px;
	min-height: 200px;
	padding: 8px 0px 12px 0px;
}

#productGallery
{
	width: 100%;
	min-height: 150px;
	padding: 8px 0px 0px 0px;
	border-top: 1px solid #444444;
}

.productInstallation
{
	padding: 8px 0px 0px 16px;
}

.productExample
{
	padding: 8px 0px 0px 16px;
}

h1
{
	margin: 0px;
	padding: 0px;
	font: bold 8pt helvetica, arial, sans-serif;
}

h2
{
	margin: 0px 0px 16px 0px;
	padding: 0px;
	font: bold 10pt helvetica, arial, sans-serif;
}

h3
{
	margin: 0px;
	padding: 0px;
	font: bold 12pt helvetica, arial, sans-serif;
}

h4
{
	margin: 0px;
	padding: 0px;
	font: bold 14pt helvetica, arial, sans-serif;
}

h5
{
	margin: 0px;
	padding: 0px;
	font: bold 22pt helvetica, arial, sans-serif;
}

h6
{
	margin: 0px;
	padding: 0px;
	font: bold 30pt helvetica, arial, sans-serif;
}

#divProducts ul
{
	margin: 0px 0px 12px 0px;
	list-style-type: disc;
}

#divSmallThumbs
{

}
	
#divSmallThumbs a
{
	color: #555555;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}

.gallerySmallThumb
{
	width: 74px;
	height: 85px;
	margin-bottom: 8px;
	float: left;
}

.galleryTitleBar
{
	width: 100%;
	height: 32px;
	margin: 16px 0px 16px 0px;
	background: #968b6a;;
	color: #ffffff;
	font-size: 12pt;
	font-weight: bold;
}

#galleryTitleBarNumber
{
	margin: 8px 8px 0px 8px;
	float: left;
}

#galleryTitleBarLink
{
	margin: 8px 8px 0px 8px;
	float: right;
	font-size: 10pt;
	font-weight: 500;
}

#galleryTitleBarLink a
{
	color: #ffffff;
}

#galleryProductImageList
{
	width: 220px;
	margin: 0px 10px 0px 0px;
	float: left;
}

.galleryMediumImages
{
	width: 107px;
	height: 80px;
	margin: 0px 3px 3px 0px;
	float: left;
}	

.galleryLargeImage
{
	width: 460px;
	float: left;
}

a.itemLink
{
	display: block;
	width: 204px;
	height: 76px;
	/*margin: 2px 2px 0px 0px;*/
	padding: 16px 12px 12px 12px;
	float: left;
	background: #17365f;
	color: #ffffff;
	font-size: 24pt;
	font-weight: bold;
}

.itemLinkTitle
{
	text-transform: uppercase;
}

a.itemLink:hover
{
	background: #968b6a;;
}

.itemDescription 
{
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
}

#cc1SubMenu_lblError
{
	display: none;
}

#landingTitle
{
	/*margin-bottom: 32px;*/
	margin-bottom: 9px;
	font-size: 22pt; // Initially it was 22
	color: #444444;
	font-weight: bold;
	/* text-transform: uppercase; */
}

#landingTip {
	color:#6D6E72;font-family:Helvetica;font-size:7pt;margin-bottom:32px;margin-top:-5px;
}

#landingBanner
{
	width: 100%;
	height: 138px;
	margin: 0px 0px 16px 0px;
	background: #dddddd;
	text-align: center;
	line-height: 138px;
	vertical-align: middle;
	font-size: 12pt;
	color: #ffffff;
}

#landingBody
{
	width: 100%;
	margin-bottom: 40px;
	line-height: 1.3em;
}

.formLabel
{
	margin: 0px 0px 8px 0px;
	width: 150px;
	float: left;
}
.formLabelReq
{
	margin: 0px 0px 8px 0px;
	width: 150px;
	float: left;
	color: Red;
}
.formItem
{
	width: 250px;
	margin-bottom: 3px;
	float: left;
	border: 1px solid gray;
}

#cc1Contact_txtComments, #cc1Email_txtComments
{
	height: 8em;
}

#cc1Contact_btnSubmit, #cc1Email_btnSubmit
{
	display: block;
	width: 70px;
	margin: 12px 0px 0px 150px;
	padding: 3px;
	border: 1px solid;
	border-color: #bdbdbd #999 #999 #bdbdbd;
	background: #ddd;
	text-align: center;
	text-decoration: none;
	font-size: 9pt;
	color: #444;
	outline: none;
}

#cc1Contact_btnSubmit:active, #cc1Email_btnSubmit:active 
{
	border-color: #999 #bdbdbd #bdbdbd #999;
	outline: none;
}

#formError
{
	margin: 12px 0px 0px 150px;
	color: red;
}

#cc1Contact_ddlState, #cc1Contact_ddlCountry, #cc1Contact_ddlInquiry, #cc1Email_ddlState, #cc1Email_ddlCountry, #cc1Email_ddlInquiry, #cc1Contact_ddlBarrier
{
	width: 252px;
}

.divBanner
{
	margin: 14px 0px 0px 29px;
}

.divBannerSub
{
	margin: 14px 0px 0px 259px;
}

.bannerSub
{

}

.galleryLargeImageLabel
{
	font-size: 18pt;
	font-weight: bold;
}

.galleryLargeImageLabel p
{
	font-size: 10pt;
	font-weight: normal;
}

.galleryMediumImages img
{
	cursor: pointer;
}

.galleryLargeImage img
{
	visibility: hidden;
}

#formRequire
{
	width: 400px; 
	margin-bottom: 4px;
	text-align: right;
	font-style: italic;
	color: Red;
}
.EmailResponse
{
	font-size: 12pt;
}

/* Products Listing Section **************/

#productRow 
{
    width:100%;
    margin-bottom:15px;
}

#productRow #linkBox
{
     width:148px;text-align:left;background:#17365F none repeat scroll 0;float:left;
}

#productRow #contentBox
{
     width:530px;border-top:2px solid #CBCBCB;margin-left:10px;float:left;padding-top:11px;height:120px;
}

#productRow #contentBox #titleArea
{
width:170px;float:left;margin-right:20px;height:120px;
}

#productRow #contentBox #descArea
{
width:200px;float:left;color:black;line-height:15px;color:#555555;
}
#descArea ul{
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
}

#productRow #contentBox #imgArea
{
float:left;text-align:center;margin-left:20px;
}
