html {height:100%; overflow:hidden;}
body {height:100%; margin:0px; padding:0px; overflow:hidden; background:#ffffff; color:#000000; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
h1 {position:absolute; top:0px; left:0px; width:270px; margin:0px; padding:70px 140px 15px 240px; font-size:11px;}
.above h1 {background:url('../above/h1_bg_black.gif') repeat-y; background-color:#000000; color:#FF9933; background-position:500px;}
.below h1 {background:url('../below/h1_bg_orange.gif') repeat-y; background-color:#FF9933; color:#00000; background-position:500px;}
h2, h3 {color:#FF6600; font-size:13px; font-weight:bold;}
h3 {font-size:10px;}
ul {padding:0px; margin:0px; list-style-position:outside; line-height:20px;}
#introNav, #headLinks,
#introLinks, #navList, h1 {font-family:Arial, Helvetica, sans-serif;}
/******************* TEMPLATE LAYOUT ***********************/
#header {width:100%; height:55px; position:absolute; left:-18px; top:0px; z-index:999;}
.above #header {background:url('../above/smalllogoorgane.gif') no-repeat; background-position:23px 10px; background-color:#FF9933;}
.below #header {background:url('../below/smalllogoblack.gif') no-repeat; background-color:#000000; background-position:25px 10px;}
#headLinks {list-style:none; margin:10px 0 0 250px; padding:0px;}
#headLinks li {display:block; float:left; margin:0 20px 0 20px; font-weight:bold;}
#headLinks li a {display:block; height:21px; padding:4px 0 0 26px; font-size:11px; color:#ffffff; text-decoration:none;}
.above #headLinks a.left {background:url('../general/black_button_left.gif') no-repeat 0 4px;}
.above #headLinks a.right {background:url('../general/black_button_right.gif') no-repeat 0 4px;}
.above #headLinks a:hover {color:#000000;}
.below #headLinks a.left {background:url('../general/orange_button_left.gif') no-repeat 0 4px;}
.below #headLinks a.right {background:url('../general/orange_button_right.gif') no-repeat 0 4px;}
.below #headLinks a:hover {color:#FF9933;}
#navList {position:absolute; top:124px; left:0px; padding:0px; margin:0px; font-size:8px; padding:0 0 30px 20px; width:151px;}
#navList li {margin:7px 0 7px 0; width:150px; font-size:9px; letter-spacing:1px; line-height:12px;}
#navList li a {text-decoration:none;}
.above #navList li a {color:#ffffff;}
.below #navList li a {color:#000000;}
.above #navList {background:url('../general/navBot_Black.gif') no-repeat bottom left; background-color:#000000; list-style-image:url('../general/orange_arrow.gif');}
.below #navList {background:url('../general/navBot_Orange.gif') no-repeat bottom left; background-color:#FF9933; list-style-image:url('../general/white_arrow.gif');}
.above #navList li.below {display:none;}
.below #navList li.above {display:none;}
#navTop {position:absolute; top:99px; left:0px; width:191px; height:25px;}
.above #navTop {background:url('../general/navTop_Black.gif') no-repeat;}
.below #navTop {background:url('../general/navTop_Orange.gif') no-repeat;}
#scrollFrame {height:100%; width:100%; overflow-y:scroll; position:absolute; top:0px; left:0px;}
#mainContent {padding:140px 0 0 240px; position:relative; width:400px;}
.above #mainContent {background:url('../general/black-bkg.gif') repeat-y;}
.below #mainContent {background:url('../general/orange-bkg.gif') repeat-y;}
/***************** DIV STYLES ***************/
#intro {background:url('../general/background.gif') no-repeat; background-color:#000000; color:#ffffff; padding:100px 0 0 280px;}
#intro #logo,
#requestBrochure #logo,
#contactMap #logo {position:absolute; left:8px; top:8px;}
#intro p {width:300px;}
#introNav {position:absolute; left:8px; top:105px; padding:0px;}
#introNav li {margin:8px 0 8px 0; font-weight:bold; font-size:11px;}
#introNav li a {padding-left:10px; color:#ffffff; text-decoration:none; background:url('../general/orange_arrow.gif') no-repeat; background-position:0 3px;}
#introNav li a:hover {color:#FF9933;}
#introLinks {position:absolute; left:250px; top:10px; padding:0px;}
#introLinks li {display:block; float:left; margin:0 20px 0 20px; font-weight:bold; font-size:11px;}
#introLinks li a {display:block; padding-left:25px; color:#ffffff; text-decoration:none; background:url('../general/orange_button_right.gif') no-repeat left; height:22px;}
#introLinks li a:hover {color:#FF9933;}
#splashScreen {background:url('../general/background.gif') no-repeat; background-color:#000000; color:#ffffff;}
#splashScreen div {width:390px; margin:100px auto 0 auto; position:relative;}
#splashScreen div .logo {position:absolute; top:0px; left:55px; border:none;}
#splashScreen div span {display:block; margin:10px 0 0 55px; font-family:"Times New Roman", Times, serif; color:#CCCCCC; font-size:20px;}
#requestBrochure {background:#000000; font-size:12px; color:#ffffff;}
#requestBrochure a {color:#CCCCCC; font-weight:bold; text-decoration:none; margin:10px 0 0 150px;}
#contactMap {}
#contactMap p {position:absolute; top:80px; left:10px;}
#contactMap #map {position:absolute; top:60px; left:300px;}
/************** FORM STYLES ********************/
#requestForm {color:#FF9900; font-weight:bold;}
#requestForm label {display:inline-block; width:150px; text-align:right; margin:10px 10px 5px 0; vertical-align:top;}
#requestForm textarea,
#requestForm input {width:300px; margin:5px 0 5px 0;}
#requestForm #submit,
#requestForm #reset {width:70px;}
/******************* OTHER ********************/
.orange {color:#FF6600;}
#topLink {text-align:right; padding:20px 0 10px 0; font-weight:bold; font-size:9px;}
#topLink a {padding-right:10px; background:url('../general/topLinkArrow.gif') no-repeat right center; color:#000000; text-decoration:none;}
#SIGlink {display:block; position:absolute; bottom:5px; left:0px; text-align:center; padding:2px 10px 2px 20px; font-size:11px; text-decoration:none; border:1px solid #999999; border-left:none;}
.above #SIGlink {background:#000000; color:#CCCCCC;}
.below #SIGlink {background:#FF9933; color:#333333; border-color:#000000;}
#SIGlink:hover {color:#ffffff;}