/* CSS Document */ /* Colors used on the site: #ce7019 - Orange #c1cf58 - Green #37939b - Teal #663300 - Brown Text #996633 - Light Brown #e1b860 - Light Orange #bacdb8 - Light Teal #d7db92 - Light Green #D5DC91 - Arrow Green #F3F6CB - Yellow #F7F9E2 - Light Yellow */ body {margin:5px; padding:0; background-color:#F3F6CB; font-family: "Trebuchet MS", Verdana, Arial; font-size: 12px; color:#663300;} p { font-size: 12px;} #wrapper { width: 873px; margin:0px auto;} #tag-line { width: 873px; height: 85px; float: left; margin: -12px 0px 0px 23px;} #bottom-logo {width: 147px; height: 182px; position: absolute; bottom: 0; left:0; margin: 15px 15px 15px 30px;} a:link, a:visited {width: auto; font-size: 14px; font-weight:bold; color:#663300; text-decoration:none; position:relative; z-index:1;} a:hover, a:active { font-size: 14px; font-weight:bold; color:#996633;} a.nav:link, a.nav:visited {width: 160px; font-size: 18px; font-weight:bold; color:#663300; text-decoration:none; position:relative; z-index:1;} a.nav:hover {width: 160px; font-size: 18px; font-weight:bold; color:#996633;} /* Headers */ h1 {font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; color:#000000; font-weight:bold;} h1.green {font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; color:#c1cf58; font-style:italic;font-weight:bold;} h1.red {font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; color:#ce7019; font-style:italic; font-weight:bold;} h1.orange {font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; color:#ce7019; font-style:italic; font-weight:bold;} h1.white {font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; color:#ffffff; font-style:italic; font-weight:bold;} h1.teal {font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; color:#37939b; font-style:italic; font-weight:bold;} h1.Lteal {font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; color:#bacdb8; font-style:italic; font-weight:bold;} h2{font-family: "Trebuchet MS", Verdana, Arial; font-size: 18px; color:#ffffff; font-style:italic; font-weight:bold;} h2.red{font-family: "Trebuchet MS", Verdana, Arial; font-size: 22px; color:#ce7019; font-style:italic; font-weight:bold;} h2.green{font-family: "Trebuchet MS", Verdana, Arial; font-size: 22px; color:#c1cf58; font-style:italic; font-weight:bold;} h2.blue{font-family: "Trebuchet MS", Verdana, Arial; font-size: 22px; color:#37939b; font-style:italic; font-weight:bold;} h3.green {font-family: "Trebuchet MS", Verdana, Arial; font-size: 17px; color:#afbd22; font-style:italic; font-weight:bold;} h3.orange {font-family: "Trebuchet MS", Verdana, Arial; font-size: 17px; color:#ce7019; font-style:italic; font-weight:bold;} h3.white {font-family: "Trebuchet MS", Verdana, Arial; font-size: 17px; color:#ffffff; font-style:italic; font-weight:bold;} h3.teal {font-family: "Trebuchet MS", Verdana, Arial; font-size: 17px; color:#37939b; font-style:italic; font-weight:bold;} h4.orange {font-family: "Trebuchet MS", Verdana, Arial; font-size: 14px; color:#ce7019; font-style:italic; font-weight:bold;} /* Footer */ div.footer { width: 873px; height: 75px; margin:15px auto; padding: 15px; position:relative; text-align:center;} p.footer { font-style:italic; font-weight:bold; font-size: 14px; color:#663300;} /* Background Images */ #top-right-image {position:fixed; top:0; right:0;} #bottom-left-image {position:fixed; bottom:0; left:0;} /* Borders */ #main-top-border {float: left; width: 873px; height: 11px; margin: 0px auto; position:relative; background-image:url(../images/border_top.png); background-repeat:no-repeat;} #main-middle-border {float: left; width: 873px; height: auto; margin: 0px auto; position:relative; background-image:url(../images/border_sides.png); background-repeat: repeat-y;} #main-bottom-border {float: left; width: 873px; height: 9px; margin: 0px auto; position:relative; background-image:url(../images/border_bottom.png); background-repeat:no-repeat;} /* Nav Elements */ #top-nav-wrapper { width: 275px; float:right; margin: 8px 3px; font-size: 18px; font-weight:bold; font-style:italic;} a.top-nav, a.top-nav:visited {font-size: 18px; font-weight:bold; font-style:italic; color:#663300; text-decoration:none;} a.top-nav:hover {font-size: 18px; font-weight:bold; font-style:italic; color:#996633;} #main-nav { width: 250px; float:right; margin: 10px 15px; font-size: 18px; font-weight:bold; font-style:italic;} a.main-nav, a.main-nav:visited {font-size: 18px; font-weight:bold; font-style:italic; color:#663300; text-decoration:none;} a.main-nav:hover {font-size: 18px; font-weight:bold; font-style:italic; color:#996633;} ul.left-nav { margin: 5px 5px 5px 5px; padding:0; list-style-position:inside; display:inline-block; font-size: 16px; font-weight:bold; font-style:italic; list-style-type:none;} li.left-nav {padding:0;} /* Home Page specific styling */ div#right-home-nav {float: right; width: 160px; margin:15px 25px; text-align:right;} div#home-middle-content { width: 395px; float: right; margin:15px 25px;} div#home-column-news { width: 200px; float:left; margin: 8px 5px 8px 23px;} div#home-news-top { width: 195px; height:12px; float:left; background-image:url(../images/blue_box_01.png); background-repeat:no-repeat;} div#home-news-middle { width: 174px; height: 360px; float:left; padding: 0px 13px; background-image:url(../images/blue_box_02.png); background-repeat:repeat-y;} div#home-news-bottom { width: 195px; float:left; height:19px; background-image:url(../images/blue_box_04.png); background-repeat:no-repeat;} div#home-column-leadership { width: 200px; float:left; margin: 8px 5px;} div#home-leadership-top { width: 195px; height:12px; float:left; background-image:url(../images/blue_box_01.png); background-repeat:no-repeat;} div#home-leadership-middle { width: 178px; height: 360px; float:left; padding: 0px 11px; background-image:url(../images/blue_box_02.png); background-repeat:repeat-y;} div#home-leadership-bottom { width: 195px; float:left; height:19px; background-image:url(../images/blue_box_04.png); background-repeat:no-repeat;} div#home-column-sales { width: 200px; float:left; margin: 8px 5px;} div#home-sales-top { width: 195px; height:12px; float:left; background-image:url(../images/green_box_01.png); background-repeat:no-repeat;} div#home-sales-middle { width: 174px; height: 360px; float:left; padding: 0px 13px; background-image:url(../images/green_box_02.png); background-repeat:repeat-y;} div#home-sales-bottom { width: 195px; float:left; height:19px; background-image:url(../images/green_box_04.png); background-repeat:no-repeat;} div#home-column-other { width: 200px; float:left; margin: 8px 5px;} div#home-other-top { width: 174px; height:12px; padding: 0px 13px; float:left; background-image:url(../images/orange_box_01.png); background-repeat:no-repeat;} div#home-other-middle { width: 174px; height: 360px; float:left; padding: 0px 13px; background-image:url(../images/orange_box_02.png); background-repeat:repeat-y;} div#home-other-bottom { width: 174px; float:left; height:19px; padding: 0px 13px; background-image:url(../images/orange_box_04.png); background-repeat:no-repeat;} /* page layout columns */ #left-column {float: left; clear: left; width: 150px; margin:5px;} #right-column-wrapper {width: 650px; float:right; margin: 15px 20px 15px 15px;} /* Applies to all sections*/ p.blue {color: #37939b; font-weight: bold; font-size: 14px;} p.red {color: #ce7019; font-weight: bold; font-size: 14px;} ul.right-column { margin: 5px; padding:0; list-style-position:inside; display:inline-block; font-size: 12px; font-weight:bold; font-style:italic;} ul.right-column li {padding:0; line-height: 20px;} /* Leadership Section */ #right-blue-top {width: 640px; float:left; background-image:url(../images/blue-top.png); background-repeat:no-repeat; padding: 0px 10px;} #right-blue-middle {width: 655px; float:left; background-image:url(../images/blue-middle.png); background-repeat:repeat-y;} #right-arrow-bottom {width: 655px; height: 28px; padding:0px; float:left; background-image: url(../images/blue-arrow-green-bottom.png); background-repeat:no-repeat;} img.leadership {width: 350px; height:174px; float:left; margin: 0px 0px 0px 3px ;} #content-left-leadership { width: 330px; float:left; padding: 10px; margin: 0px 0px 0px 3px; background-color:#F2F6CB;} #content-right-leadership { width: 279px; clear:none; float: right; background-color: #D5DC91; padding: 10px; margin-right: 3px; height: 925px;} ul.leadership { margin: 5px 5px 5px 15px; padding:0; list-style-position:outside; display:inline-block; font-size: 12px; font-weight:bold; font-style:italic;} li.leadership {padding:3px 0px;} /* Sales Section */ #right-green-top {width: 640px; float:left; background-image:url(../images/green-top.png); background-repeat:no-repeat; padding: 0px 10px;} #right-green-middle {width: 655px; float:left; background-image:url(../images/green-middle.png); background-repeat:repeat-y;} #right-green-bottom {width: 655px; height: 28px; padding:0px; float:left; background-image:url(../images/green-light-brick-bottom.png); background-repeat:no-repeat;} img.sales {width: 350px; height:174px; float:left; margin: 0px 0px 0px 3px ;} #content-left-sales { width: 330px; float:left; padding: 10px; margin: 0px 0px 0px 3px; background-color:#F2F6CB;} #content-right-sales { width: 279px; clear:none; float: right; background-color: #F8CD9C; padding: 10px; margin-right: 3px;} #green-top {width: 640px; float:left; background-image:url(../images/green-top-no-fill.png); background-repeat:no-repeat; padding: 0px 10px; height:49px;} #green-middle {width: 655px; float:left; background-image:url(../images/green-border-middle.png); background-repeat:repeat-y; padding: 0px 10px;} #green-bottom {width: 655px; height: 28px; padding:0px; float:left; background-image:url(../images/green-border-bottom.png); background-repeat:no-repeat;} ul.sales { margin: 5px 5px 5px 15px; padding:0; list-style-position:outside; display:inline-block; font-size: 12px; font-weight:bold; font-style:italic;} li.sales {padding:3px 0px;} /* Sales Workshops Section */ #right-green-workshop-top {width: 640px; float:left; background-image:url(../images/green-workshop-top.png); background-repeat:no-repeat; padding: 0px 10px;} #right-green-workshop-middle {width: 655px; float:left; background-image:url(../images/green-workshop-middle.png); background-repeat:repeat-y;} #right-green-workshop-bottom {width: 655px; height: 28px; padding:0px; float:left; background-image:url(../images/green-workshop-bottom.png); background-repeat:no-repeat;} img.workshops {width: 350px; height:174px; float:left; margin: 0px 0px 0px 3px ;} #content-left-workshops { width: 330px; float:left; padding: 10px; margin: 0px 0px 0px 3px; background-color:#F2F6CB;} #content-right-workshops { width: 279px; clear:none; float: right; background-color: #D5DC91; padding: 10px; margin-right: 3px; height: 700px;} /* Other Section */ #right-red-top {width: 640px; float:left; background-image:url(../images/red-top.png); background-repeat:no-repeat; padding: 0px 10px;} #right-red-middle {width: 655px; float:left; background-image:url(../images/red-middle.png); background-repeat:repeat-y;} #right-red-bottom {width: 655px; height: 28px; padding:0px; float:left; background-image:url(../images/red-bottom.png); background-repeat:no-repeat;} img.other {width: 350px; height:174px; float:left; margin: 0px 0px 0px 3px ;} #content-left-other { width: 330px; float:left; padding: 10px; margin: 0px 0px 0px 3px; background-color:#F2F6CB;} #content-right-other { width: 279px; clear:none; float: right; background-color: #37939b; padding: 10px; margin-right: 3px;} /* Testimonials and Resources */ #teal-top {width: 640px; float:left; background-image:url(../images/teal-top-no-fill.png); background-repeat:no-repeat; padding: 0px 10px; height:49px;} #teal-middle {width: 655px; float:left; background-image:url(../images/teal-middle.png); background-repeat:repeat-y; padding: 0px 10px;} #teal-bottom {width: 655px; height: 28px; padding:0px; float:left; background-image:url(../images/teal-bottom.png); background-repeat:no-repeat;} img.test-res {width: 170px; float:left;} #content-test-res-top { width: 200px; height:19px; float:left; margin: 0px 6px; background-image:url(../images/teal-content-top.png); background-repeat:no-repeat;} #content-test-res-middle { width: 170px; height: 440px; float:left; padding: 0px 20px 0px 10px; margin: 0px 6px; background-image:url(../images/teal-content-middle.png); background-repeat: repeat-y;} #content-test-res-bottom { width: 200px; height:19px; float:left; margin: 0px 6px; background-image:url(../images/teal-content-bottom.png); background-repeat:no-repeat;} div#test-res-bottom-content { width: 590px; margin: 10px 20px; float:left;} /* Bio Section */ #right-bio-top {width: 640px; float:left; background-image:url(../images/teal-top.png); background-repeat:no-repeat; padding: 0px 10px;} #right-bio-middle {width: 655px; float:left; background-image:url(../images/teal-middle-bio.png); background-repeat:repeat-y;} #right-bio-bottom {width: 655px; height: 28px; padding:0px; float:left; background-image:url(../images/teal-bottom-bio.png); background-repeat:no-repeat;} #right-marsue-top {width: 640px; float:left; background-image:url(../images/green-top-marsue.png); background-repeat:no-repeat; padding: 0px 10px;} #right-marsue-middle {width: 655px; float:left; background-image:url(../images/green-middle-marsue.png); background-repeat:repeat-y;} #right-marsue-bottom {width: 655px; height: 28px; padding:0px; float:left; background-image:url(../images/green-bottom-marsue.png); background-repeat:no-repeat;} img.bio { float:left; margin: 0px 0px 10px 3px ;} #content-left-bio { width: 360px; float:left; padding: 10px; margin: 0px 0px 0px 3px; background-color:#F2F6CB;} #content-right-bio-marsue { width: 250px; height: 900px; clear:none; float: right; background-color: #D5DC91; padding: 5px 12px 10px 5px; margin-right: 3px;} #content-right-bio-gail { width: 250px; height: 875px; clear:none; float: right; background-color: #bacdb8; padding: 5px 12px 10px 5px; margin-right: 3px;} #content-right-bio-jennifer { width: 250px; height: 600px; clear:none; float: right; background-color: #bacdb8; padding: 5px 12px 10px 5px; margin-right: 3px;} #content-right-bio-marsue p { padding: 0px 5px} #content-right-bio-gail p { padding: 0px 5px} /* About Us */ #teal-about-top {width: 640px; float:left; background-image:url(../images/teal-about-top.png); background-repeat:no-repeat; padding: 0px 10px; height:49px;} #teal-about-middle {width: 650px; float:left; background-image:url(../images/teal-about-middle.png); background-repeat:repeat-y; padding: 0px 10px;} #teal-about-bottom {width: 655px; height: 28px; padding:0px; float:left; background-image:url(../images/teal-about-bottom.png); background-repeat:no-repeat;} #content-left-about { width: 330px; float:left; padding: 5px;} #content-right-about { width: 270px; clear:none; float: right; padding: 5px; margin-right: 10px;} #about-each { width: 240px; height: 125px; padding: 5px 10px; margin: 0px auto; background-image: url(../images/about-bios-background.png); background-repeat:no-repeat;} /* Search Page */ #results {width: 450px; height: 850px; margin: 10px 10px 10px 200px; float:left; position:relative; z-index: 100;} /* Contact Us Page */ #left-column {width: 175px; float:left; clear:left; text-align: right; font-weight:bold;} #right-column {width: 350px; float:left; margin-top: 5px;} #button {width: 175px; clear:left; margin: 25px auto;} /* Sliding panels for Leadership/individual.html page */ a.teal:link, a.teal:visited {width: auto; font-size: 20px; font-weight:bold; color:#37939b; text-decoration:none; position:relative; z-index:1;} a.teal:hover, a.teal:active { font-size: 20px; font-weight:bold; color:#37939b;} .discover{ /*header*/ cursor: hand; cursor: pointer; font: bold 14px Verdana; margin: 10px 50px; width: 550px; float:left; clear:left; } .thelanguage {width: 550px; margin: 10px 50px;} .openlanguage{ /*class added to contents of 2nd demo when they are open*/ font-size: 12px; font-weight:normal; } .closedlanguage{ /*class added to contents of 2nd demo when they are closed*/ font-size: 12px; font-weight:normal; } ul.panel { margin: 0px; padding:0; display:inline-block; font-size: 12px; font-weight:bold;} li.panel {padding:3px 0px; list-style-type:none;}