/* CSS Document */
/* Main HTML Elements styling */
html, body {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #000000;
background-image: url(../images/css-html-back.png);
background-repeat: repeat-x;
color: #999999;
}
fieldset, img {
border: 0;
}
h1, h2, h3, h4, h5, h6, strong {
font-weight:bold;
}
h1 {
font-size:138.5%;
}
h2 {
font-size:123.1%;
}
h3 {
font-size:108%;
}
em {
font-style:italic;
}
img, img a {
border:none;
}
a:link, a:visited {
color: #237ae3;
text-decoration: none;
}
a:hover {
color: #00bbbb;
}
a:active {
color: #006666;
}
a:focus {
color: #237ae3;
}
ul, ol {
margin: 0 5px 10px 25px;
padding: 0;
}
ul li {
list-style-type: disc;
list-style-position: outside;
padding: 0;
margin: 0;
font-size: 13px;
}
ol li{
list-style-type: decimal;
list-style-position: outside;
padding: 0;
margin: 0;
font-size: 13px;
}
/* Dropdown Menu styling */
ul.dropdown, ul.dropdown li, ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
width: 100%;
font: bold 13px Arial,Helvetica,sans-serif;
z-index: 597;
position: relative;
float: left;
}
ul.dropdown li {
position: relative;
float: left;
line-height: 1.3em;
vertical-align: middle;
padding: 0;
background-color: #000;
color: #777777;
line-height: normal;
}
ul.dropdown li ul {
color: #777777;
text-transform: none;
display: none;
position: absolute;
top: 100%;
left: 0;
border-bottom: 1px solid #333;
z-index: 598;
}
ul.dropdown li:hover > ul {
display: block;
}
ul.dropdown li > a {
padding: 7px 14px;
white-space:nowrap;
}
ul.dropdown ul li a {
width: 160px;
padding: 5px;
border: 1px solid #333;
border-bottom: 0;
background-color:#000;
z-index: 599
}
ul.dropdown a {
display: block;
color: #777777;
text-decoration: none;
}
ul.dropdown a:hover {
color: #fff;
text-decoration: none;
}
.divider {
background-image: url(../images/css-menu-divider.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}
/* Templat header/footer styling */
.top-main-left, .top-main-right, .top-main-center {
min-height: 427px;
margin: 0;
padding: 0;
float: left;
background-color: #000;
background-position: 0 0;
background-repeat: no-repeat;
}
.top-main-left{
width: 12px;
background-image:url(../images/css-body-left.png);
}
.top-main-right {
width: 12px;
background-image:url(../images/css-body-right.png);
}
.top-main-center {
width: 900px;
background-repeat:repeat-x;
background-image:url(../images/css-body-center.png);
}
.full-bar {
float: left;
height: 5px;
width: 820px;
background-color: #000;
background-position: 0 0;
background-repeat: no-repeat;
background-image:url(../images/css-horizental-bar.png);
}
.header-state-nav {
float: right;
height:47px;
}
.header-state-nav a {
float: left;
padding: 3px;
color: #777777;
font-weight: bold;
}
.header-state-nav a:hover {
color: #fff;
}
.header-state-nav img {
float: left;
}
.header-state-nav div {
float: left;
clear:both;
}
.header-top-main {
float: left;
}
.main-content {
float: left;
width: 820px;
overflow: hidden;
margin: 20px 0 20px 0;
}
.footer {
float: left;
height:25px;
width: 760px;
margin: 10px 0 0 10px;
}
.footer span {
color: #FF8F00;
font-weight: bold;
padding: 0 5px 0 20px;
}
.footer div {
float: left;
}
.fineprint{
font-size: 9px;
}
/* General purpose styling */
.centered {
margin-left: auto;
margin-right: auto;
}
.body-centered[width="610"] {
margin: 0 105px 0 105px;
width:610px;
}
.body-centered[width="620"] {
margin: 0 100px 0 100px;
width:620px;
}
.body-centered[width="680"] {
margin: 0 70px 0 70px;
width:680px;
}
.body-centered[width="820"] {
margin: 0;
width:820px;
}
/* all rounded box have {top, body, bottom}
that use background images
the top - body - bottom div's */
.rounded-box > div{
width: 100%;
background-position:0 0;
background-repeat:no-repeat;
overflow: hidden;
}
/* the contents div - set's margin */
.rounded-box > div:first-child + div > div {
width: 90%;
margin: 0 5% 0 5%;
}
/* roundex box with width 221 */
.rounded-box[width="221"] {
width: 221px;
}
.rounded-box[width="221"] > div:first-child {
background-image: url(../images/css-gray-rounded-top.gif);
height: 14px;
}
.rounded-box[width="221"] > div:first-child + div {
background-color: #121212;
}
.rounded-box[width="221"] > div:first-child + div + div {
background-image: url(../images/css-gray-rounded-bottom.gif);
height: 14px;
}
/* roundex box with width 330 */
.rounded-box[width="330"] {
width: 330px;
}
.rounded-box[width="330"] > div:first-child {
background-image: url(../images/css-gray-rounded-top-330.gif);
height: 14px;
}
.rounded-box[width="330"] > div:first-child + div {
background-color: #121212;
}
.rounded-box[width="330"] > div:first-child + div + div {
background-image: url(../images/css-gray-rounded-bottom-330.gif);
height: 14px;
}
/* roundex box with width 612 */
.rounded-box[width="612"] {
width: 612px;
}
.rounded-box[width="612"] > div:first-child {
background-image: url(../images/css-gray-rounded-long-top.gif);
height: 14px;
}
.rounded-box[width="612"] > div:first-child + div {
background-color: #121212;
}
.rounded-box[width="612"] > div:first-child + div + div {
background-image: url(../images/css-gray-rounded-long-bottom.gif);
height: 14px;
}
.headline, .subheadline {
color: #FF8F00;
font-weight:bold;
}
.headline {
font-size:18px;
}
.subheadline {
font-size: 16px;
}
.title {
color: #FF8F00;
font-size: 12px;
}
ul.orange-dot, ul.orange-dot li, ul.orange-dot ul {
list-style: none;
list-style-image:url(../images/css-bullet.png);
list-style-position: outside;
padding: 0;
margin: 10px 10px 15px 10px;
}
ul.orange-dot li h1 {
color: #fff;
font-weight:bold;
font-size:12px;
display:inline;
}
/* top edge div */
.faded-box div:first-child {
height: 1px;
background: url(../images/css-268-black-fade-edge.png) no-repeat;
}
/* content div */
.faded-box div:first-child + div {
background: url(../images/css-268-black-fade.png) repeat-y;
}
/* bottom edge div */
.faded-box div:first-child + div + div {
height: 1px;
background: url(../images/css-268-black-fade-edge.png) no-repeat;
}
/* to alert for un-implemented pages that are still referenced */
a[href="404.html"] {
color: red;
}
ul.dropdown a:link[href="404.html"],
ul.dropdown a:visited[href="404.html"] {
color: red;
}