/* body */ body { background-color: #B4BC89 ; background-image: url(../images/bk.jpg) ; background-repeat: repeat-x ; text-align: center ; font-family: Arial, Helvetica, sans-serif ; color: #666666 } /* framework */ #container { width: 760px ; background-image: url(../images/3.jpg) ; text-align: center ; margin: 0 auto ; font-size: 12px } #subcon { width: 90% ; margin: auto ; text-align: left ; font-size: 12px } #topnav { width: 760px ; height: 75px ; background-image: url(../images/1A.jpg) ; text-align: right ; margin: auto ; color: #ffffff } #subtopnav { width: 760px ; height: 75px ; background-image: url(../images/1.jpg) ; text-align: right ; margin: auto ; color: #ffffff } #mast { width: 760px ; height: 207px ; background-image: url(../images/2.jpg) ; text-align: center ; margin: auto } #submast { width: 760px ; height: 91px ; background-image: url(../images/2a.jpg) ; text-align: center ; margin: auto } #footer { width: 760px ; height: 68px ; background-image: url(../images/4a.jpg) ; text-align: center ; color: #999900 ; font-size: 10px ; margin: auto ; clear: both } /* homepage columns */ #left-col { width: 248px ; float: left ; text-align: center } #right-col { width: 498px ; float: left ; text-align: center ; border-left: 4px solid #A3B640} /* homepage product display */ #prodimg { width: 120px ; padding-right: 10px ; text-align: center ; float: left } #prodinfo { width: 343px ; text-align: justify ; float: left } #prodpageimg { width: 330px ; padding-right: 10px ; text-align: center ; float: left } /* subpage prod display */ #subprodimg { width: 157px ; padding-right: 10px ; text-align: center ; float: left } #subprodinfo { width: 445px ; text-align: justify ; float: left } /* subpage columns */ #pic-col { width: 157px ; float: left ; text-align: center } #pic-div { width: 15px ; height: 195px ; margin-top: 15px ; float: left } #style-pic { width: 195px ; float: left ; text-align: left } #style-desc { float: left ; padding-top: 15px ; text-align: justify } #style-desc-a { width: 479px ; font-size: 11px ; float: left ; text-align: left } /* headers */ h1 { font-size: 20px ; color: #999900 ; font-weight: normal ; margin-top: 15px ; margin-bottom: 15px ; padding: 0 } h2 { font-size: 14px ; color: #999900 ; font-weight: normal ; margin: 0 ; padding: 0 } /* links */ a:link { color: #999900 ; font-size: 12px ; font-weight: normal ; text-decoration: underline } a:visited { color: #999900 ; font-size: 12px ; font-weight: normal ; text-decoration: underline } a:hover { color: #666666 ; font-size: 12px ; font-weight: normal ; text-decoration: underline } a:active { color: #999900 ; font-size: 12px ; font-weight: normal ; text-decoration: underline } a.prod:link { color: #999900 ; font-size: 12px ; font-weight: normal ; text-decoration: none } a.prod:visited { color: #999900 ; font-size: 12px ; font-weight: normal ; text-decoration: none } a.prod:hover { color: #666666 ; font-size: 12px ; font-weight: normal ; text-decoration: none } a.prod:active { color: #999900 ; font-size: 12px ; font-weight: normal ; text-decoration: none } a.med:link { color: #999900 ; font-size: 11px ; font-weight: normal ; text-decoration: underline } a.med:visited { color: #999900 ; font-size: 11px ; font-weight: normal ; text-decoration: underline } a.med:hover { color: #666666 ; font-size: 11px ; font-weight: normal ; text-decoration: underline } a.med:active { color: #999900 ; font-size: 11px ; font-weight: normal ; text-decoration: underline } a.sm:link { color: #999900 ; font-size: 10px ; font-weight: normal ; text-decoration: none } a.sm:visited { color: #999900 ; font-size: 10px ; font-weight: normal ; text-decoration: none } a.sm:hover { color: #666666 ; font-size: 10px ; font-weight: normal ; text-decoration: none } a.sm:active { color: #999900 ; font-size: 10px ; font-weight: normal ; text-decoration: none } a.menu:link { color: #FFFFFF ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.menu:visited { color: #FFFFFF ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.menu:hover { color: #333333 ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.menu:active { color: #FFFFFF ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.gray:link { color: #666666 ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.gray:visited { color: #666666 ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.gray:hover { color: #999900 ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.gray:active { color: #666666 ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.small:link { color: #999900 ; font-size: 10px ; font-weight: normal ; text-decoration: none } a.small:visited { color: #999900 ; font-size: 10px ; font-weight: normal ; text-decoration: none } a.small:hover { color: #666666 ; font-size: 10px ; font-weight: normal ; text-decoration: none } a.small:active { color: #999900 ; font-size: 10px ; font-weight: normal ; text-decoration: none } a.grayh:link { color: #666666 ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.grayh:visited { color: #666666 ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.grayh:hover { color: #999900 ; font-size: 12px ; font-weight: bold ; text-decoration: none } a.grayh:active { color: #666666 ; font-size: 12px ; font-weight: bold ; text-decoration: none } /* choose menu */ #choose { width: 684px ; height: 25px ; background: #EBEBEB ; margin: 5px auto } #chtxt { padding-top: 4px ; padding-right: 5px ; float: left } #arrow { width: 19px ; height: 25px ; background-image: url(../images/arrow.gif) ; margin-left: 5px ; float: left } /* flyout menu */ #navmenu { width: 550px ; float: right ; padding-top: 49px ; text-align: center } /* positions the top menu */ #dropmenudiv { position: absolute ; border: 2px solid #897F2A ; border-bottom-width: 0 ; font: normal 12px ; line-height:18px ; z-index:100 } #dropmenudiv a { width: 100% ; display: block ; text-indent: 3px ; border-bottom: 1px solid #897F2A ; padding: 1px 0 ; text-decoration: none } #dropmenudiv a:hover { background-color: white ; color: black } #dropmenudiv a:link { color: white ; font-weight: bold } /* preference form */ form { margin: 0 } input { font-size: 11px ; font-family: arial, helvetica, sans-serif } #fld { border: 1px solid #897F2A ; width: 120px } #btn { font-size: 12px ; width: 100px } select { font-size: 11px ; font-family: arial, helvetica, sans-serif ; border: 1px solid #897F2A ; width: 160px } /* misc text formatting */ p { margin-top: 12px ; margin-bottom: 12px ; font-size: 11px } #p1 { margin-top: 6px ; margin-bottom: 6px } #p2 { margin-top: 15px ; margin-bottom: 15px } #p3 { margin-top: 8px ; margin-bottom: 8px ; font-size: 11px } .style1 { font-size: 12px ; color: #666666 } .style2 { color: #999900 ; font-weight: bold } .style3 { font-size: 11px ; color: #666666 } .style5 { font-size: 10px ; color: #666666 ; line-height: 20px } .style6 { color: #FFFFFF } .style7 { color: #999900 } .style8 { font-size: 12px ; font-weight: bold ; color: #999900 } .style11 { font-size: 14px ; font-weight: bold } .style14 { font-size: 15px ; font-weight: bold ; color: #999900 } .style11-fixed { font-size: 14px ; font-weight: bold ; margin:50px 0 30px 0 ; float:left;} #para { width: 216px ; font-size: 12px ; margin: auto ; text-align: left ; padding-left: 5px } #para2 { width: 95% ; font-size: 12px ; margin: auto ; margin-right: 10px ; text-align: left } ul.non { text-decoration:none ; font-size:100% ; font-weight:normal ; margin:0px } li.non { padding-top:2px ; padding-bottom:2px ; padding-left: 0px } br {} #clr { clear: both ; font-size: 1px } #crumb { font-size: 11px ; color: #999900 ; clear: both } #td1 { width: 95px }