@charset "utf-8";
/* CSS Document */

*{ margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
body{
background: url(../images/pageback_4.jpg) repeat-x #000000;}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;}

h1{
font-size:18px;}

a{
color:#FFFF00; text-decoration:none;}

a:hover{color:#FF0000; text-decoration:underline;}

ul{margin:0 0 0 25px;
font-size:12px;
}s

#header{
width:800px;
margin:0;
padding:0;

}

#navbox{
width:800px;
margin:0;
padding:0;
background:url(../images/bg1.gif) repeat-x;
}


.subnav a {
color: #fff;
text-decoration:none;
text-align:left;
}


.subnav ul{               /* this is the  navigation background BAR  */

list-style:none;
padding:0;
margin:0;

float:left;
white-space:nowrap;
cursor:pointer;
}

.subnav ul li {display:inline-block;   /* creates dotted line separator between buttons  */

position:relative;
padding:0;
margin:0 auto;
float:left;
white-space:nowrap;


}

.subnav ul li a{
color:#fff;
text-align:center;
margin:0 auto;


}


.subnav ul li ul{                                  /*Hide the 1st floating menu  */
position:absolute;
top:-9999px;
left:-9999px;
}
.subnav ul li:hover ul.sub {                       /*SHOW the 1st floating menu  */
padding:5px;
margin:0;
top:63px;
left:0;
width:auto;
list-style:none;
background:none;
background-color:#0f3051;
border:solid 1px #fff;
float:left;
z-index:1000;
height:auto;
display:block;

}


.subnav ul li ul li{                      /*individual list item settings  */
display:list-item;
position:relative;
padding:0px 0 0 0;
margin:0;
width:200px;
text-align:left;
font-size:12px;
border:none;
border-bottom:dotted 1px #fff;
background-color:#0f3051;
color:#fff;
clear:both;
float:none;

}





.subnav ul li:hover ul li.down{    /* inserts arrow for list item that has a 2nd Level Drop down */
background:url(images/template-images/arrow.gif) right no-repeat;
}


.subnav ul li:hover ul li span.nolink{    /* allows padding for no link to replace the a tag padding on list item*/
display:block;
padding:3px 0 3px 5px;
text-align:left;
}

.subnav  ul li:hover ul li span.nolink:hover{
color:#e6aa20;
}


.subnav  ul li:hover ul.sub li a{              /*padding for the list item in 1st level menu  */
display:block;
padding:3px 0 3px 5px;
text-align:left;
}

.subnav  ul li:hover ul li a:hover{         /*rollover color for the list item in 1st level menu  */
color:#00CCFF;
text-align:left;


}


.subnav ul li:hover ul.sub li.down ul{    /*HIDE 2nd level menu  */

position:absolute;
top:-9999px;
left:-9999px;

}


.subnav ul li:hover ul.sub li.down:hover ul {   /*SHOW 2nd level menu  */
padding:5px;
margin:0;
top:-5px;
left:200px;
width:auto;
list-style:none;
background:none;
background-color:#0f3051;
border:solid 1px #fff;
float:left;
z-index:2000;
height:auto;
display:block;

}


.subnav ul li ul li ul li{                   /* 2nd level item list setting  */
display:list-item;
position:relative;
padding:0px 0 0 0;
margin:0;
width:200px;
text-align:left;
font-size:12px;
border:none;
border-bottom:dotted 1px #fff;
background-color:#0f3051;
color:#faf3ca;
clear:both;
float:none;

}

.subnav ul li:hover ul.sub li.down ul li a{   /* 2nd level item list padding  */
display:block;
padding:3px 0 3px 5px;
text-align:left;
}






.subnav ul li.intro {   /* Intro button normal setting */

color: #000;
background:url(../images/buttons/m2.gif) top no-repeat;
text-decoration:none;
height:63px;
width:106px;
padding:0;
margin:0;
display:block;}



.subnav ul li.engine:hover { color:#FFFF00;                 /* about button hover setting */
background:url(../images/buttons/m3.gif) no-repeat;
}


.subnav ul li.engine {   /* Intro button normal setting */

color: #000;
background:url(../images/buttons/m3.gif) top no-repeat;
text-decoration:none;
height:63px;
width:106px;
padding:0;
margin:0;
display:block;}



.subnav ul li.intro:hover { color:#FFFF00;                 /* about button hover setting */
background:url(../images/buttons/m2.gif) no-repeat;
}




/*    end navigation   */


#container
{
width:800px;
margin:0;
min-height:600px;
background:url(../images/sidebar.jpg) left no-repeat;
}


#sidebar{
float:left;
width:165px;
margin:0;
background:#393a3e;
}

#sidebar h1{
margin:0;
padding:0;}

#sidebar h1 a {
background:url(../images/button.jpg) no-repeat;
display:block;
width:125px;
height:21px;
margin:0;
padding:5px 0 0 30px;
color:#fff;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
}

#sidebar h1 a:hover {
background:url(../images/button-OVER.jpg) no-repeat;



}


#sidebar li {
padding:7px 0 0 10px;
border-bottom:dotted 1px #ff0000;
color:#fff;
font-size:12px;
list-style:none;
}

#sidebar li a {
color:#fff;
font-size:12px;
text-decoration:none;
}

#sidebar li a:hover {
color:#FF0000;
}

#sidebar p, #sidebar a{color:#FFFFFF;}

#content{
float:right;
width:575px;
min-height:400px;
padding-right:25px;
}



#footer { 
width:100%;
margin:0;

background:url(../images/footer_bottom.jpg) repeat-x ;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 5px 10px 0 25px;

}


#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;}

#footer a, #footer a:visited { text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

.flflt { float:left; padding:0; margin:0;
}

.flfrt {float:right; padding:0; margin:0;
}

.clearfloat {clear:both;
}