/* STANDARD TAG REDEFINITIONS */ BODY{ color: #B5C6D9; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: Black; margin: 0; padding: 0; background-image: url(/css/pagebackground.png); } TD {font-size: 11px; } p { font-size: 11px; margin-bottom: 7px; margin-top: 0; } a{ color: #FF0800; text-decoration: none; } a:hover{ text-decoration: none; color: #FF9900; } form{ margin:0;} /* ============================================================================================================== */ /* TOP HEADER: LOGO, MAIN SITE HOTLINKS, ETC */ #HEADER{ width:760px; margin-left:auto; margin-right:auto;} #HEADER ul{ margin: 0px 0px 0px 0px; padding-left: 27px; height: 22px; line-height: 20px; display: block; list-style: none; background-color: solid Black; border-bottom: 2px solid #363B41/*#363636*/; background-repeat: no-repeat; /*background-image: url(topbar.png);*/ } #HEADER li{ font-size: 12px; display: inline; height: 20px; background-color: solid Black; float: right; border-bottom: 1px #222222; border-top: 1px solid Black; } #HEADER li a{ font-weight:bold; color:#95A3B2; height: 20px; line-height: 20px; display: block; padding-left: 27px; /*padding-right: 27px;*/ border-top: 1px solid Black; float: left; } #HEADER li a:hover{ font-weight:bold; color:#D0E4F9;/*#A8C4E8;*/ /*background-color: #1A1E23;*/ text-decoration: none; } #HEADER h1{ margin: 0; padding: 25px 0 0 0; font-weight: normal; color: White; font-size: 10pt; } /* ============================================================================================================== */ /* LOWER SECTION OF HEADER USED TO DISPLAY LARGE BANNER IMAGES, FLASH ADS, ETC */ #HEADERIMAGE .Visual{ width:760px; height:100px; margin-left:auto; margin-right:auto; background-color: #000000; border-top: 7px solid Black; } /* ============================================================================================================== */ /* USED TO IDENTIFY PAGE LOCATION IN WEBSITE PAGE HEIRARCHY */ #LOCATOR { width:760px; margin-left:auto; margin-right:auto; margin-top:7px; padding: 7px 0px 10px 0px; border-top: 1px solid #464D54; background-repeat: no-repeat; /*background-image: url(locationbar.png);*/} #LOCATOR p { padding: 0px 0px 0px 10px; font-size: 10pt; margin-bottom: 0px; margin-top: 0; font-weight: bold} #LOCATOR a{ color: #FF0800; text-decoration: none; font-weight:bold; /*font-weight: normal;*/ } #LOCATOR a:hover{ text-decoration: none; color: #FF9900; } /* ============================================================================================================== */ /* USED AS LOCATOR FOR PAGES WHERE THERE IS NO HEADERIMAGE */ #LOCATOR2 { width:760px; margin-left:auto; margin-right:auto; margin-top:0px; padding: 7px 0px 10px 0px; background-repeat: no-repeat; /*background-image: url(locationbar.png);*/} #LOCATOR2 p { padding: 0px 0px 0px 10px; font-size: 10pt; margin-bottom: 0px; margin-top: 0; font-weight: bold} #LOCATOR2 a{ color: #FF0800; text-decoration: none; font-weight:bold; /*font-weight: normal;*/ } #LOCATOR2 a:hover{ text-decoration: none; color: #FF9900; } /* ============================================================================================================== */ /* BOUNDARY CONTAINER FOR THE MAIN "PAGE" CONTENTS OF THE PARTICULAR PAGE */ #CONTENT { width:760px; margin-left:auto; margin-right:auto; border-bottom: 1px solid #4D555D/*#464D54*/; border-top: 1px solid #4D555D; background-color: #1C1F22/*#141618*/; /*background-image: url(contentbackground.png); */} /* ============================================================================================================== */ /* USED AS CONTENT COLUMN IN SINGLE-COLUMN LAYOUT */ #SINGLECONTENTPANEL { margin-left:0px; padding: 5px 10px 10px 10px; /*border-left: 1px solid #484848; */ } #SINGLECONTENTPANEL p { /*padding: 0px 0px 0px 10px; font-size: 10pt; margin-bottom: 0px; margin-top: 0; font-weight: bold*/} #SINGLECONTENTPANEL a{ color: #FF0800; text-decoration: none; font-weight: normal; } #SINGLECONTENTPANEL a:hover{ text-decoration: none; color: #FF9900; } /*#SINGLECONTENTPANEL h1{ margin: 0px; font-weight: bold; color: #B1C2D4; font-size: 14px; text-align: left; padding: 3px 3px 3px 3px; background-color: #303439}*/ #SINGLECONTENTPANEL h1{ margin: -6px -10px 0px -10px; font-weight: bold; color: #B1C2D4; font-size: 13px; text-align: left; padding: 5px 0px 7px 455px; border-bottom: 1px solid #4D555D; border-top: 1px solid #4D555D;/*background-color: #303439/*#282828*/; /*background-image: url(header2background.png);*/ } #SINGLECONTENTPANEL h2{ margin: 0px; font-weight: bold; color: #B1C2D4; font-size: 11px; text-align: right; padding: 0px 3px 0px 3px; background-color: #303439/*#282828*/; /*background-image: url(header2background.png);*/ } #SINGLECONTENTPANEL h3{ margin:0px 0px 10px 0px; font-weight: normal; color: #B1C2D4; font-size: 9px; text-align: right; padding: 2px 3px 1px 3px; border-bottom: 1px solid #303439; border-left: 1px solid #303439; border-right: 1px solid #303439; } #SINGLECONTENTPANEL h4{ margin: 0px; font-weight: bold; color: #B1C2D4; font-size: 11px; text-align: left; padding: 0px 3px 0px 20px; border-bottom: 1px solid #303439; border-top: 1px solid #303439;/* background-color: #141618*/} #SINGLECONTENTPANEL h5{ margin: 0px; font-weight: bold; color: #B1C2D4; font-size: 14px; text-align: left; padding: 3px 3px 3px 3px; background-color: #303439} #SINGLECONTENTPANEL ul{ margin: 0; padding-left: 22px; display: block; list-style: none; background-color: solid Black; background-repeat: no-repeat; } #SINGLECONTENTPANEL li{ display: inline; height: 130px; width: 150px; background-color: #141618; float: left; border: 1px solid #303439; text-align: center; margin: 10px 20px 10px 0px; padding: 5px; } /* ============================================================================================================== */ /* USED AS "RIGHT" COLUMN IN 2-COLUMN LAYOUT */ #MAINCONTENTPANEL { margin-left:170px; /*width: 565px; */ padding: 5px 10px 10px 10px; border-left: 1px solid #4D555D/*#484848*/; } #MAINCONTENTPANEL p { /* padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;/* font-size: 10pt; margin-bottom: 0px; margin-top: 0; font-weight: bold*/} #MAINCONTENTPANEL a{ color: #FF0800; text-decoration: none; font-weight: normal; } #MAINCONTENTPANEL a:hover{ text-decoration: none; color: #FF9900; } #MAINCONTENTPANEL h1{ margin: -5px -10px 0px -10px; font-weight: bold; color: #B1C2D4; font-size: 13px; text-align: left; padding: 5px 0px 7px 281px; border-bottom: 1px solid #4D555D; /*border-top: 1px solid #4D555D;*//*background-color: #303439/*#282828*/; /*background-image: url(header2background.png);*/ } #MAINCONTENTPANEL h2{ margin: 0px; font-weight: bold; color: #B1C2D4; font-size: 11px; text-align: right; padding: 0px 3px 0px 3px; background-color: #303439/*#282828*/; /*background-image: url(header2background.png);*/ } #MAINCONTENTPANEL h3{ margin:0px 0px 10px 0px; font-weight: normal; color: #B1C2D4; font-size: 9px; text-align: right; padding: 2px 3px 1px 3px; border-bottom: 1px solid #303439; border-left: 1px solid #303439; border-right: 1px solid #303439; } #MAINCONTENTPANEL h4{ margin: 0px; font-weight: bold; color: #B1C2D4; font-size: 11px; text-align: left; padding: 0px 3px 0px 20px; border-bottom: 1px solid #303439; border-top: 1px solid #303439;/* background-color: #141618*/} #MAINCONTENTPANEL ul{ margin-left: 0px; padding-left: 20px; display: block; list-style: none; float: left;/*background-color: solid Black;*/ background-repeat: no-repeat; /*height: auto; width: auto;*/ } #MAINCONTENTPANEL ul li{ display: inline; height: 130px; width: 150px; background-color: #141618; float: left; border: 1px solid #303439; text-align: center; margin: 10px 20px 10px 0px; padding: 5px; } #MAINCONTENTPANEL dl li{ display: list-item; margin: 5px 0px 0px 20px; } #MAINCONTENTPANEL dl{ margin: 10px 20px 10px 20px; padding-top: 4px; border-top: 1px solid #303439;} #MAINCONTENTPANEL dt{ margin: 0px 0px 5px 0px; font-weight: bold; text-transform: uppercase } #MAINCONTENTPANEL dd{ margin: 0px 0px 5px 0px; padding-bottom: 5px; font-weight: normal; border-bottom: 1px solid #303439;} #MAINCONTENTPANEL dd img{ float: right; /*padding: 5px 5px 5px 5px;*/ margin: 0px 0px 0px 10px; } /* ============================================================================================================== */ /* USED AS CENTER COLUMN IN 3-COLUMN LAYOUT (WHEN #RIGHTCONTENTPANEL IS USED) */ #CENTERCONTENTPANEL { /*z-index: 1;*/ position: relative; left: 0px; top: 0px; margin-left:auto; margin-right:auto; /* 170px */ width: 392px; padding: 5px 10px 10px 10px; border-left: 1px solid #4D555D; border-right: 1px solid #4D555D; background-color: #1C1F22; } #CENTERCONTENTPANEL p { /* padding: 0px; /*font-size: 10pt; margin-bottom: 0px; margin-top: 0; font-weight: bold*/} #CENTERCONTENTPANEL a{ color: #FF0800; text-decoration: none; font-weight: normal; } #CENTERCONTENTPANEL a:hover{ text-decoration: none; color: #FF9900; } #CENTERCONTENTPANEL h1{ margin: -6px -10px 0px -10px; font-weight: bold; color: #B1C2D4; font-size: 13px; text-align: left; padding: 5px 0px 7px 281px; border-bottom: 1px solid #4D555D; border-top: 1px solid #4D555D;/*background-color: #303439/*#282828*/; /*background-image: url(header2background.png);*/ } /*#CENTERCONTENTPANEL h1{ margin: 0px; font-weight: bold; color: #B1C2D4; font-size: 12px; text-align: right; padding: 0px 3px 0px 3px; background-color: #141618}*/ #CENTERCONTENTPANEL h2{ margin: 0px; font-weight: bold; color: #B1C2D4; font-size: 11px; text-align: right; padding: 0px 3px 0px 3px; background-color: #303439/*#282828*/; /*background-image: url(header2background.png);*/ } #CENTERCONTENTPANEL h3{ margin:0px 0px 10px 0px; font-weight: normal; color: #B1C2D4; font-size: 9px; text-align: right; padding: 2px 3px 1px 3px; border-bottom: 1px solid #303439; border-left: 1px solid #303439; border-right: 1px solid #303439; } #CENTERCONTENTPANEL ul{ margin: 0; padding-left: 24px; display: block; list-style: none; float: left;/*background-color: solid Black;*/ background-repeat: no-repeat; } #CENTERCONTENTPANEL li{ display: inline; height: 130px; width: 150px; background-color: #141618; float: left; border: 1px solid #303439; text-align: center; margin: 10px 20px 10px 0px; padding: 5px; } /* ============================================================================================================== */ /* ALWAYS USED FOR THE "LEFT" CONTENT PANEL IN 2 AND 3 COLUMN LAYOUTS */ #LEFTCONTENTPANEL { position: relative; padding: 10px 10px 10px 10px; float: left; width: 150px; /*top:35px;*/ /*border-top: 1px solid #484848; border-bottom: 1px solid #484848; background-color: #151515; */ } #LEFTCONTENTPANEL p { /*padding: 0px 0px 0px 10px; font-size: 10pt; margin-bottom: 0px; margin-top: 0; font-weight: bold*/} #LEFTCONTENTPANEL a{ color: #FF0800; text-decoration: none; font-weight: normal; } #LEFTCONTENTPANEL a:hover{ text-decoration: none; color: #FF9900; } #LEFTCONTENTPANEL h1{ margin: 0px 0px 5px 0px; font-weight: bold; color: #B1C2D4; font-size: 11px; text-align: right; padding: 1px 5px 1px 3px; /*background-color: #141618;*/ border-top: 1px solid #383D43; border-right: 1px solid #383D43; border-bottom: 1px solid #383D43;} #LEFTCONTENTPANEL h2{ margin: 0; font-weight: bold; color: #B1C2D4; font-size: 11px; text-align: right; padding: 0px 3px 0px 3px; background-color: #303439; /*background-image: url(header2background.png);*/ } #LEFTCONTENTPANEL h3{ margin:0px 0px 0px 0px; font-weight: normal; color: #B1C2D4; font-size: 9px; text-align: right; padding: 2px 3px 1px 3px; border-bottom: 1px solid #383D43; border-right: 1px solid #383D43; } #LEFTCONTENTPANEL ul{ margin: 0px 0px 5px 0px; padding: 5px 5px 7px 0px; display: block; border-right: 1px solid #383D43; border-bottom: 1px solid #383D43; list-style: none; background-color: #1C1F22; background-repeat: no-repeat; } /* ============================================================================================================== */ /* USED FOR "RIGHT" CONTENT PANEL IN 3 COLUMN LAYOUTS */ #RIGHTCONTENTPANEL { position: relative; padding: 10px 10px 10px 10px; float: right; width: 150px; text-align: right; /*top:35px;*/ /*border-top: 1px solid #484848; border-bottom: 1px solid #484848; background-color: #151515; */ } #RIGHTCONTENTPANEL p { /*padding: 0px 0px 0px 10px; font-size: 10pt; margin-bottom: 0px; margin-top: 0; font-weight: bold*/} #RIGHTCONTENTPANEL a{ color: #FF0800; text-decoration: none; font-weight: normal; } #RIGHTCONTENTPANEL a:hover{ text-decoration: none; color: #FF9900; } #RIGHTCONTENTPANEL h1{ margin: 0px 0px 5px 0px; font-weight: bold; color: #B1C2D4; font-size: 11px; text-align: left; padding: 1px 5px 1px 3px; /*background-color: #141618;*/ border-top: 1px solid #383D43; border-left: 1px solid #383D43; border-bottom: 1px solid #383D43;} #RIGHTCONTENTPANEL h2{ margin: 0; font-weight: bold; color: #B1C2D4; font-size: 11px; text-align: left; padding: 0px 3px 0px 3px; background-color: #303439; /*background-image: url(header2background.png);*/ } #RIGHTCONTENTPANEL h3{ margin:0px 0px 0px 0px; font-weight: normal; color: #B1C2D4; font-size: 9px; text-align: left; padding: 2px 3px 1px 3px; border-bottom: 1px solid #383D43; border-left: 1px solid #383D43; } #RIGHTCONTENTPANEL ul{ margin: 0px 0px 5px 0px; padding: 5px 0px 5px 5px; display: block; border-left: 1px solid #383D43; border-bottom: 1px solid #383D43; list-style: none; background-color: #1C1F22; background-repeat: no-repeat; } /* ============================================================================================================== */ /* GENERAL DEVICE USED TO FLOAT AN IMAGE + CAPTION PANE TO THE FAR RIGHT OF CONTENT ON A COLUMN/PANEL */ #PANE{ float: right; padding: 5px 5px 5px 5px; margin: 15px 0px 15px 15px; /*border-bottom: 1px solid #484848; border-top: 1px solid #484848; border-left: 1px solid #484848; border-right: 1px solid #484848;*/ background-color: #141618; border: 1px solid #303439; text-align: center; color: #A6B6C7; /*font-style:italic;*/ } /* ============================================================================================================== */ /* THE FOOTER OF THE PAGE */ #FOOTER{ width:760px; margin-top:27px; margin-bottom:27px; padding-bottom:5px; margin-left:auto; margin-right:auto; /*border-top: 4px solid #363636;*/ border-bottom: 2px solid #363B41; text-align: right; padding-top: 5px; color: #6D7883; } #FOOTER p{ font-size: 10px; line-height: 14px; margin: 0; } #FOOTER a{ font-size: 11px; font-weight: normal; text-decoration: none; color: #FF0800; } #FOOTER a:hover{ color: #FF9900; text-decoration: none; }