/* color.css */

html { 
background-color:#000000;
 }


div#content { 
background-color : #000000; }

div#site_info { 
background : transparent url(site_info.png) no-repeat 0 0; }

body { 
 }

div#branding {
position : relative;
z-index : 10;
  }


h1 { 
position : absolute;
top : 0px; 
left : 872px;
width : 107px; 
height : 54px; 
background : transparent url(../images/generic/h1.png) no-repeat;
text-indent : -9999px; }

div#branding blockquote { 
position : absolute;
top : -9999px; }

/* --------------------------------------navigation-------------------------------------- */

div#nav_main { 
position : relative;
z-index : 1;
height : 74px;
background : #000000; }

ul#nav_features {
position : absolute;
top : 45px;
left : 30px;
margin : 0;
width : 440px;
height : 60px; }

ul#nav_features li {
display : inline;
position : absolute; 
display : block;
height : 60px; 
width : 140px;
text-indent: 10px;
background:transparent url(../images/generic/separater_line.jpg);
background-repeat: no-repeat;
background-position: -5px -12px;

}
 a:link, a:visited { 
text-decoration : none; }

 a:link, a:visited { 
 color:#CCCCCC }
 
 a:link.red, a:visited.red, ul li a:hover { 
 color:#FF0000 }



#page2 #nav_features .nav_2 a,
#page3 #nav_features .nav_3 a,
#page4 #nav_features .nav_4 a,
#page5 #nav_features .nav_5 a,
#page6 #nav_features .nav_6 a


{
color: #ffffff;

padding : 9px;
background:transparent url(../images/common/nav-on.gif);
}




li.nav_1 {
left : 0; }

li.nav_2{
left : 80px; }

li.nav_3 {
left : 200px; }

li.nav_4 {
left : 300px; }

li.nav_5 {
color:#FF0000;
left : 420px; }

li.nav_6 {
left : 530px; }

li.nav_7 {
left : 650px; }

li.nav_8 {
left : 760px; }


li.nav_5 a{
color:#FF0000; }


/* --------------------------------------sub navigation-------------------------------------- */
div#sub_nav_main { 
position : relative;
z-index : 5;
height : 16px;
background : #000000; }

ul#sub_nav_features {
position : absolute;
font-size: 120%;
left : 30px;
line-height:20px;
 }

ul#sub_nav_features li {
display : inline;
position : relative; 

width : 140px;
padding-left: 20px;

background:transparent url(../images/generic/separater_line.jpg);
background-repeat: no-repeat;
background-position: -5px -12px;

}
 
div#sub_nav_main a {
 color:#FF0000;
}
div#sub_nav_main a:hover {
 color:#fff;
}

li.sub_nav_1 {
left : 0; }

li.sub_nav_2{
left : 100px; }

li.sub_nav_3 {
left : 200px; }

li.sub_nav_4 {
left : 300px; }

li.sub_nav_5 {
left : 400px; }

li.sub_nav_6 {
left : 500px; }

li.sub_nav_7 {
left : 650px; }

li.sub_nav_8 {
left : 750px; }

/* --------------------------------------sub navigation-------------------------------------- */

div#nav_main p { 
position : absolute;
top : 45px;
left : 35px;
margin : 0; }



div#nav_main h2 { 
position : absolute;
top : -9999px; }


div#site_info {
position : relative;
width : 100%;
min-height : 40px;
background-color:#000000; }

div#site_info h5 { 
position : absolute;
right : 10px; 
bottom : 10px;
width : 150px; 
height : 70px; 
background : transparent url(h5.png) no-repeat; }

div#site_info h5 a { 
display : block;
width : 150px; 
height : 70px; 
text-indent : -9999px; }

div#site_info p { 
position : absolute;
left : 30px; 
top : 10px;
margin : 0; }

div#site_info h5 + p { 
text-indent : -9999px; }