/* =Standards -----------------------------------------------------------------------------*/ html { min-height: 100%; background-color: #CEE396; } #content { background-color: #009999; text-align: left; margin-left: auto; margin-right: auto; } #wrapper { min-height: 100%; text-align: left; border: 0; width:990px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; position: relative; } * { border: 0; padding: 0; margin: 0; }/* Set everything to "zero" */ html, body { min-height:100%; /*for compliant browsers*/ font: x-small Arial, Verdana, sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small;/*for IE 5.5 */ font-size: 100%; line-height: 1.125em; min-width:1000px; background-color: #99AA21; color: #99AA21; } /*non-content: e.g., -navigation lists, etc. Slightly smaller than content text {font-size:0.75em;} */ ul li { float: left; /* cure IE5.x "whitespace in lists" problem */ width: 100%; } ul li a { height: 1%; /* make links honour display: block; properly */ } /* 100% height for compliants, enwraps floated content*/ #html #wrapper { height:100%; }/* and feed IE what it needs */ html, body, p, th,td, li, dd, dt { font: Tahoma, Verdana, Arial, Helvetica, sans-serif, Myriad Pro; text-align: center; } p { font-family:Arial, Helvetica, sans-serif; color:#3F3844; font-size: 12px; } h1, h2, h3, h4, h5, h6 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, Myriad Pro; } .clear { clear:both; } h1 { font-size: 2.0em; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; } h4 { font-size: 1.0em; } h6 { font-size: 0.8em; }/* Defined default Header sizes*/ a:link, a:visited, a:focus, a:hover, a:active { background-color:none; }/*s.508 Accessibility*/ a:link { color: #00f; } a:visited { color: #009; } a:focus, a:hover { color: #06f; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/ a:active { color: #0cf; } .clear { clear:both; height:1px; overflow:hidden; } /* =Overall Structure -----------------------------------------------------------------------------*/ #wrapper { height: 100%; } body { background:url(../images/pagebkg.jpg) white center no-repeat; background-position:top; } #headercontainer { width: 988px; height: 122px; padding: 0px; } #menucontainer { width: 988px; height: 60px; position:relative; } #bodycontainer { width: 950px; position:relative; padding-left: 65px; padding-bottom: 10px; text-align:left; padding-top: 5px; min-height: 700px; } #footercontainer { width: 988px; position:relative; padding-top: -30px; text-align: center; } /* =Typography -----------------------------------------------------------------------------*/ /* =Headings -----------------------------------------------------------------------------*/ /* =Links -----------------------------------------------------------------------------*/ a:link { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; color:#EC4B3E; text-decoration:underline; } a:hover { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; color: #EC4B3E; text-decoration: none; } a:visited { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; color: #EC4B3E; text-decoration:underline; } a:active { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; color: #EC4B3E; text-decoration:none; } #wrapper #footercontainer a:link { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-decoration:underline; } #wrapper #footercontainer a:hover { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-decoration:underline; } #wrapper #footercontainer a:visited { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-decoration:underline; } #wrapper #footercontainer a:active { font: Helvetica, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-decoration:underline; } a.regularlink:link { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0AA3AF; line-height: 21px;} a.regularlink:hover { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0066CC; line-height: 21px; text-decoration: underline; } a.regularlink:visited { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; } a.regularlink:active { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; } #footercontainer a { font-size: 12px; } #footercontainer a:link { color: #666666; text-decoration: none; } #footercontainer a:visited { color: #999999; text-decoration: none; } #footercontainer a:hover { color: #0033CC; text-decoration: underline; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/ #footercontainer a:active { color: #0033CC; } #leftsubmenu { font-size:13px; color:#49424F; text-align:left; line-height: 15pt; float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none;} #leftsubmenu a:link { float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none;} #leftsubmenu a:visited { float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; color:#666666;} #leftsubmenu a:hover { float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; color:#B75B00; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/ #leftsubmenu a:active { float:left; width:120px; margin-right:30px; text-align:left; height: 100%; text-decoration:none; } /* =Main Menu CSS -----------------------------------------------------------------------------*/ #menu { width: 988px; height: 60px; background: url(../images/mainmenu.png) no-repeat; margin: 0; padding: 0; position: relative; } #menu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #menu li, #menu a { height: 60px; display: block;} /* = Main Menu Placment of Links -------------------------------------*/ #leftspace { left: 0; width: 52px; height: 60px; } #printdesign { left: 52px; width: 113px; height: 60px; } #web { left: 165px; width: 66px; height: 60px; } #branding { left: 231px; width: 90px; height: 60px; } #photography { left: 321px; width: 120px; height: 60px; } #printing { left: 441px; width: 86px; height: 60px; } #midspace { left: 527px; width: 105px; height: 60px; } #home { left: 632px; width: 68px; height: 60px; } #about { left: 700px; width: 66px; height: 60px; } #resources { left: 766px; width: 91px; height: 60px; } #contact { left: 857px; width: 83px; height: 60px; } #rightspace { left: 940px; width: 48px; height: 60px; } /* = Main Menu Hover of Links -------------------------------------*/ #leftspace a:hover { background: url(../images/mainmenu.png) -52px -60px no-repeat; height: 60px;} #printdesign a:hover { background: url(../images/mainmenu.png) -52px -60px no-repeat; height: 60px;} #web a:hover { background: url(../images/mainmenu.png) -165px -60px no-repeat; height: 60px;} #branding a:hover { background: url(../images/mainmenu.png) -231px -60px no-repeat; height: 60px;} #photography a:hover { background: url(../images/mainmenu.png) -321px -60px no-repeat; height: 60px;} #printing a:hover { background: url(../images/mainmenu.png) -441px -60px no-repeat; height: 60px;} #midspace a:hover { background: url(../images/mainmenu.png) -527px -60px no-repeat; height: 60px;} #home a:hover { background: url(../images/mainmenu.png) -632px -60px no-repeat; height: 60px;} #about a:hover { background: url(../images/mainmenu.png) -700px -60px no-repeat; height: 60px;} #resources a:hover { background: url(../images/mainmenu.png) -766px -60px no-repeat; height: 60px;} #contact a:hover { background: url(../images/mainmenu.png) -857px -60px no-repeat; height: 60px;} #rightspace a:hover { background: url(../images/mainmenu.png) -940px -60px no-repeat; height: 60px;} /* = Main Menu ON-PAGE of Links -------------------------------------*/ #printdesign-on { background: url(../images/mainmenu.png) -52px -120px no-repeat; left: 52px; width: 113px; height: 60px;} #web-on { background: url(../images/mainmenu.png) -165px -120px no-repeat; left: 165px; width: 66px; height: 60px;} #branding-on { background: url(../images/mainmenu.png) -231px -120px no-repeat; left: 231px; width: 90px; height: 60px;} #photography-on { background: url(../images/mainmenu.png) -321px -120px no-repeat; left: 321px; width: 120px; height: 60px;} #printing-on { background: url(../images/mainmenu.png) -441px -120px no-repeat; left: 441px; width: 86px; height: 60px;} #home-on { background: url(../images/mainmenu.png) -632px -120px no-repeat; left: 632px; width: 68px; height: 60px;} #about-on { background: url(../images/mainmenu.png) -700px -120px no-repeat; left: 700px; width: 66px; height: 60px;} #resources-on { background: url(../images/mainmenu.png) -766px -120px no-repeat; left: 766px; width: 91px; height: 60px;} #contact-on { background: url(../images/mainmenu.png) -857px -120px no-repeat; left: 857px; width: 83px; height: 60px;} /* =Sub Menu -----------------------------------------------------------------------------*/ /* =Main Content -----------------------------------------------------------------------------*/ .pagetitle { font-size:18px; color:#EC4B3E; font-weight:normal; letter-spacing:0.5px; font-family: Helvetica, Arial; margin: 22px 0 0 0; } .myhr { width:100%; height:1px; margin: 5px 0 23px 0; } .floatingleft { float: right } .bodytext { font:Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12.5px; color:#333333; line-height: 16px; } #footercontainer p { font-size:11px; color:#999999; line-height: 11pt; } #contentcontainer { float:left; width:932px; text-align:left; height: 100%; padding-bottom: 100px; } #contentcontainer strong { color:#666666; } #contentcontainer p { margin-bottom: 8px; font-size:12px; line-height:17px; text-align:left; color: #666666; } #contentcontainer h1 { font-size: 16px; text-align: left; font-family:Arial, Helvetica, sans-serif; } #bodycontainer #contentcontainer ul {margin-top:-15px; margin-bottom:35px; } #bodycontainer #contentcontainer ul li ul { margin-top:3px; } /* =Secondary Content -----------------------------------------------------------------------------*/ /* =Footer -----------------------------------------------------------------------------*/ /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } /* =Misc 1 -----------------------------------------------------------------------------*/ /* =Misc 2 -----------------------------------------------------------------------------*/ .pullquote { font-size: 12px; margin: 0 0 0 20px; } /*START CONVEYE LINK*/ #conveyelink { width:204px; height:116px; margin-left:auto; margin-right:auto; margin-top: 20px; } #conveyelink a { width:204px; height:116px; display:block; background: transparent url(http://www.conveye.com/permalinks/conveye-link-medium.png) no-repeat; background-position: 0px 0px; } #conveyelink a:hover { background-position: -204px 0px; } #conveyelink a:active { background-position: -204px -1px; border:medium; } /*END CONVEYE LINK*/ #wrapper #bodycontainer #contentcontainer .contactformcontainer { float: right; height: 335px; width: 390px; margin: 0 0 0 0; top: 60px; padding: 0px; border: 0px; } #wrapper #bodycontainer #contentcontainer #boardpagetablefloats { float: left; width: 251px; margin: 0 0 0 20px; } #wrapper #bodycontainer #contentcontainer #boardpagetablefloats strong { color: #003399; font-size: 15px; line-height: 35px; } #wrapper #bodycontainer #contentcontainer #vollettercontainer { float: left; width: 420px; display: block; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer { display: block; float: right; height: 200px; width: 390px; margin: 0 0 0 5px; padding: 10px; } #wrapper #bodycontainer #contentcontainer #eventslistingcontainer { float: left; width: 850px; display: block; } #wrapper #bodycontainer #contentcontainer #eventsrightadspace { float: right; width: 270px; display: block; margin: 0 0 0 35px; padding: 10px; height: 400px; background-color: #EAEBF5; } #wrapper #bodycontainer #contentcontainer #homeintroletter { float: left; width: 800px; display: block; margin: 15px 0 0 0; } #wrapper #bodycontainer #contentcontainer #homerightadspace { float: right; width: 270px; display: block; margin: 0 0 0 35px; padding: 10px; height: 400px; background-color: #EAEBF5; } #wrapper #bodycontainer #contentcontainer .contactformcontainer td { font-size: 13px; color: #666666; } #wrapper #bodycontainer #contentcontainer .contactformcontainer td input { font-size: 13px; color: #666666; background-color: #FFFFFF; border: 1px solid; width: 300px; } #wrapper #bodycontainer #contentcontainer .contactformcontainer td textarea { font-size: 13px; color: #666666; background-color: #FFFFFF; float:left; border: 1px solid; width: 300px; } #wrapper #bodycontainer #contentcontainer .contactformcontainer td .submit{ font-size: 13px; color: #666666; background:url(bizlinks.css) no-repeat; width:100px; height:23px; border: 1px solid; float: right; margin: 5px 0 0 0; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer td { font-size: 13px; color: #666666; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer td input { font-size: 13px; color: #666666; background-color: #FFFFFF; border: 1px solid; width: 300px; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer td textarea { font-size: 13px; color: #666666; background-color: #FFFFFF; float:left; border: 1px solid; width: 300px; } #wrapper #bodycontainer #contentcontainer #volcontactformcontainer td .submit{ font-size: 13px; color: #666666; background:url(bizlinks.css) no-repeat; width:100px; height:23px; border: 1px solid; float: right; margin: 5px 0 0 0; } .homepic { float: right; margin: 0 0 0 35px; } #wrapper #headercontainer #samplepositioner { background-color: #33FF99; visibility: visible; height: 50px; width: 50px; left: 100px; top: 50px; } #wrapper #headercontainer #toprightheader { float: right; width: 150px; text-align: right; font: helvetica, arial; font-size: 12px; color: #999999; height: 75px; max-height: 75px; overflow: hidden; position: absolute; left: 767px; top: 45px; } #wrapper #toptoptext { height: 10px; max-height: 10px; overflow: hidden; position: absolute; } #wrapper #toptoptext h1 { font-family: "Courier New", Courier, monospace; color: #AABC72; font-size: 10px; height: 10px; max-height: 10px; } #after { display:none; left: 465px; width: 530px; height: 60px; background: url(../images/whereurat/home.gif); position: absolute; top: 129px; } #password, #username { background-color: #CCCCCC; padding:3px; margin:0 0 10px 0; } #button { width:100px; height:25px; font-size:12px; text-align: center; } #wrapper #bodycontainer #contentcontainer #hookcontent { width: 480px; float: left; margin: 20px 0 0 0; } #wrapper #bodycontainer #contentcontainer #hookrightcolumn { float: right; width: 440px; height: 500px; background-image: url(../images/hooks/RightHookJuly2009.png); background-repeat: no-repeat; } #wrapper #bodycontainer #contentcontainer #hookcontent .pagetitle { font-size: 15px; width: 470px; }