/* CSS Document */ * {border: 0px; margin: 0px; padding: 0px; text-decoration: none; } body {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000; } html {scrollbar-base-color: #BD0201; scrollbar-arrow-color: white; scrollbar-track-color: #fff0e9; scrollbar-shadow-color: black; scrollbar-lightshadow-color: black; scrollbar-darkshadow-color: gray; scrollbar-highlight-color: white; scrollbar-3dlight-color: black;} /*settings for HTML elements*/ table {border-collapse: collapse; margin: 10px 30px 10px 30px; } td {padding: 10px 0px;} tr {vertical-align: top;} table.X1 { border:thin; vertical-align: center; padding: 0 0 0 0 } table.X1 td { vertical-align: center; padding: 0 0 0 0 } table.X1 td.tdX1 { vertical-align: center; padding: 10 10 10 10 } a {color:#d4032b;} h2 {font-size: 12px; margin: 10px 30px 5px 30px; } h3 {font-size: 13px; margin: 10px 30px -10px 30px; } h1 {font-size: 18px; margin: 30px 30px 10px 30px; } p {font-size: 11px; margin: 10px 30px; line-height:1.3em; } h4 {font-size: 11px; margin: 10px 30px 5px 30px; font-weight: normal; } ol {margin: 10px 30px 10px 20px;} strong {font-family: Arial, Helvetica, sans-serif;} h1, h2, h3 {font-family: "Trebuchet", "Trebuchet MS"; line-height: 1.2em; } /*main div structure*/ div#wrapper {width: 1000px; position: relative; background: #fff; margin: 0 auto;} div#top {width: 1000px; height: 151px; background: url(../images/thypin_header.jpg) no-repeat; position: absolute; top: 0; left: 0; z-index: 99; } div#register {width: 230px; height: 146px; position: absolute; top: 151px; left: 0px; z-index: 99; background:url(../images/1000X600_02.gif) no-repeat;} div#button {width: 230px; height: 74px; position: absolute; top: 297px; left: 0; } div#logo {width: 230px; height: 69px; position: absolute; top: 371px; left: 0; z-index: 99;} div#left_bot {width: 230px; height: 160px; background: url(../images/leftbot1.gif) no-repeat; position: absolute; top: 440px; left: 0; z-index: 100; } div#nav {width: 770px; height: 30px; background: url(../images/1000X600_03.gif) #FFFFFF no-repeat; font-size: 14px; position: absolute; top: 151px; left: 230px; z-index: 100; font-family: "Trebuchet MS", Trebuchet, Arial; } div#content {width: 517px; height: 419px; float: left; background: url(../images/image_04.gif) no-repeat #fff; position: relative; top: 181px; left: 230px; z-index: 99;} div#side_pic {width: 253px; height: 419px; background: url(../images/image_05.gif) no-repeat; position: absolute; top: 181px; left: 747px; z-index: 98;} div#swf_logo { width: 150px; height: 183px; z-index: 101; position: absolute; left: 61px; top: 27px; } /*images for the buttons*/ div#button a {width: 230px; height: 74px; display:block; background: url(../images/button_arrow.gif) no-repeat; } div#button a:hover { background:url(../images/roll_button_arrow.gif); } div#logo a {width: 230px; height: 69px; display: block; background: url(../images/logo.gif) no-repeat; } div#logo a:hover {background-image:url(../images/logo_roll.jpg);} /* content area for home page*/ div#homebanner {position: absolute; width: 770px; height: 419px; top: 181px; left: 230px; z-index: 99; background: url(../images/homepage.jpg) no-repeat;} /* content area for sitemap and privacy policy */ div#map {position: absolute; width: 770px; height: 419px; top: 181px; left: 230px; z-index: 99; background: url(../images/background_for_map.gif) no-repeat;} /* text areas */ div#text {overflow-x: auto; overflow-y:auto; background-attachment: scroll; width: 518px; height: 420px; float: left; } div#privacy_text {width: 768px; height: 420px; z-index: 99; overflow-x: auto; overflow-y:auto; background-attachment: scroll;} #navbar {z-index: 100;} #navbar li { list-style: none; float: left; } #navbar li a {color: #FFFFFF; display: block; font-size: 12px; height: 25px; } /*Images and Rollovers for the main navagation*/ #navbar li a#nav_home {width: 117px; background: url(../images/nav_home.gif) top left no-repeat;} #navbar li a:hover#nav_home {background: url(../images/roll_home.gif) top left no-repeat;} #navbar li a#nav_about { width: 100px; background: url(../images/nav_about.gif) top left no-repeat;} #navbar li a:hover#nav_about { width: 100px; background: url(../images/roll_about.gif) top left no-repeat;} #navbar li a#nav_getting {width: 136px; background: url(../images/nav_getting.gif) top left no-repeat; } #navbar li a:hover#nav_getting { background: url(../images/roll_getting.gif) top left no-repeat; } #navbar li a#nav_events {width: 147px; background: url(../images/nav_events.gif) top left no-repeat; } #navbar li a:hover#nav_events { background: url(../images/roll_events.gif) top left no-repeat; } #navbar li a#nav_partnerships { width: 119px; background: url(../images/nav_partnerships.gif) top left no-repeat;} #navbar li a:hover#nav_partnerships { background: url(../images/roll_partnerships.gif) top left no-repeat;} #navbar li a#nav_contact {width: 144px; background: url(../images/nav_contact.gif) top left no-repeat; } #navbar li a:hover#nav_contact {background: url(../images/roll_contact.gif) top left no-repeat; } /*Properties for the navagation bar and drop down menus*/ #navbar li a span#hidden {color: #ffffff; visibility: hidden;} #navbar li ul {position: absolute; width: 600px; display: none; height: 80px; margin-left: -100px; text-align: center; } #navbar li:hover ul, #navbar li.over ul {display: block;} #navbar li ul li { float: left; } #navbar li ul li a {color: #000; float: left; background: url(../images/line_black.JPG) no-repeat center right; display: block; } #navbar li ul li a:hover {color: #D4032B;} #navbar li ul#about_us li a, #navbar li ul#events_media li a, #navbar li ul#getting_started li a {padding: 3px 0; height: 35px; background-position: top left no-repeat;} #navbar li ul#getting_started {width: 750px; margin-left: -210px; } #navbar li ul#events_media {margin-left: -200px; } #navbar li ul li a#last {background: none; } #navbar li a#last {background: none; } /*Images and Rollovers for the dropdown menus*/ #navbar li ul li a#drop_overview {background: url(../images/overview.gif) top left no-repeat; width: 165px;} #navbar li ul li a#drop_founder {background: url(../images/founder.gif) top left no-repeat; width: 140px;} #navbar li ul li a#drop_about_fegs {background: url(../images/about_fegs.gif) top left no-repeat; width: 149px; } #navbar li ul li a#drop_about_you {background: url(../images/about_you.gif) top left no-repeat; width: 146px;} #navbar li ul li a:hover#drop_overview {background-image: url(../images/roll_overview.gif); } #navbar li ul li a:hover#drop_founder {background-image: url(../images/roll_founder.gif) ; } #navbar li ul li a:hover#drop_about_fegs {background-image: url(../images/roll_about_fegs.gif); } #navbar li ul li a:hover#drop_about_you {background-image: url(../images/roll_about_you.gif); } #navbar li ul li a#drop_upcoming{background: url(../images/upcoming.gif) top left no-repeat; width: 173px;} #navbar li ul li a#drop_register{background: url(../images/register.gif) top left no-repeat; width: 126px;} #navbar li ul li a#drop_seminars{background: url(../images/seminar.gif) top left no-repeat; width: 142px;} #navbar li ul li a#drop_enews{background: url(../images/enews.gif) top left no-repeat; width: 159px;} #navbar li ul li a:hover#drop_upcoming{background-image:url(../images/roll_upcoming.gif) ;} #navbar li ul li a:hover#drop_register{background-image:url(../images/roll_register.gif) ;} #navbar li ul li a:hover#drop_seminars{background-image:url(../images/roll_seminar.gif) ;} #navbar li ul li a:hover#drop_enews{background-image:url(../images/roll_enews.gif) ;} #navbar li ul li a#drop_self_eval{background: url(../images/self_eval.gif) top left no-repeat; width: 126px;} #navbar li ul li a#drop_questions{background: url(../images/questions.gif) top left no-repeat; width: 160px;} #navbar li ul li a#drop_stumbling{background: url(../images/stumbling.gif) top left no-repeat; width: 158px;} #navbar li ul li a#drop_common_insights{background: url(../images/common_insights.gif) top left no-repeat; width: 171px;} #navbar li ul li a#drop_reference{background: url(../images/reference.gif) top left no-repeat; width: 135px;} #navbar li ul li a:hover#drop_self_eval {background-image:url(../images/roll_self_eval.gif) ;} #navbar li ul li a:hover#drop_questions {background-image:url(../images/roll_questions.gif) ;} #navbar li ul li a:hover#drop_stumbling {background-image:url(../images/roll_stumbling.gif) ;} #navbar li ul li a:hover#drop_common_insights {background-image:url(../images/roll_common_insights.gif) ;} #navbar li ul li a:hover#drop_reference {background-image:url(../images/roll_reference.gif) ;} /* sidepics */ body#about_fegs div#side_pic {background-image: url(../images/AboutFEGS.jpg);} body#overview div#side_pic {background-image:url(../images/Overview.jpg);} body#our_founder div#side_pic {background-image:url(../images/Gertrude.jpg);} body#contact div#side_pic {background-image:url(../images/ContactUs.jpg);} body#common_insights div#side_pic {background-image:url(../images/CommonInsight.jpg);} body#upcoming_events div#side_pic {background-image:url(../images/UpcomingEvent.jpg);} body#partnerships div#side_pic {background-image:url(../images/Partners.jpg);} body#stumbling_blocks div#side_pic {background-image:url(../images/Stumbling.jpg);} body#past_seminars div#side_pic {background-image:url(../images/PastSeminar.jpg);} body#books div#side_pic {background-image:url(../images/Reference.jpg);} body#enews div#side_pic {background-image:url(../images/enews.jpg);} /* Other Type Setting elements*/ body#partnerships h2 {margin: 15px 30px -8px 30px; } body#partnerships h2#sub {margin: 15px 30px -8px 60px; background:url(../images/bullet.gif) no-repeat top left; padding-left: 10px;} div#left_bot p {text-align: right; margin-right: 47px; margin-top: 34px; margin-bottom: 0px; line-height: 1.8em; font-family: "Trebuchet", "Trebuchet MS"; } /* Typesetting for the main content areas*/ div#text a:hover, div#left_bot a:hover {color: #8e0217;} div#text h2 a, div#text h1 a {color: #000; } div#text h2 a:hover {color: #d4032B;} div#text ul, div#form ul {list-style: url(../images/bullet.gif); margin: 10px 50px 10px 30px; } div#text li, div#form li {margin: 10px 0px 5px 30px; } div#text li ul, div#form li ul {margin: 10px 30px 10px 30px; list-style: url(../images/bullet.gif);} div#text li ul li, div#form li ul li {margin: 10px 0;} ol#no_numbers {list-style: none; } h4 span {font-style: italic; font-size: 12px; } /*Styles for the 'input' submit button*/ a#buttons {padding: 12px 0; text-align: center; font-weight: bold; font-family: "Trebuchet", "Trebuchet MS"; font-size: 16px; background:url(../images/button.gif) no-repeat; width: 120px; color: #fff; border: 0px; display: block; height: 30px; } a#buttons:hover { background-image:url(../images/button_over.gif); color: #fff; } div#privacy_text p {margin-right: 100px; } /*Settings for the the site map page*/ div#map h2 {margin: 10px 30px 8px 50px; font-size: 16px;} div#map ul {margin: 0px 30px 15px 60px; font-size: 16px; list-style: none;} div#map li {margin-bottom: 8px;} div#map a {color:#000;} div#map a:hover {color:#8e0217} div#map div#col {float: left; width: 270px; margin: -10px 0px } /*Links on the lower left hand side*/ a#site_map, a#contact_us, a#home_link, a#policy {display: block; width: 100px; height: 16px; margin-left: 53px; } a#site_map {background: url(../images/map.gif) no-repeat;} a#contact_us {background: url(../images/contact_us.gif) no-repeat;} a#home_link {background: url(../images/home.gif) no-repeat;} a#policy {background: url(../images/policy.gif) no-repeat;} a:hover#policy {background: url(../images/policy_roll.gif);} a:hover#site_map {background: url(../images/map_roll.gif)} a:hover#contact_us {background: url(../images/contact_us_roll.gif) } a:hover#home_link {background: url(../images/home_roll.gif) }