/* ------------------------------------------------------- GLOBAL */

body{
margin: 0 auto;
padding: 0;
background-image: url('../images/bg.png');
background-position: top center;
background-repeat: repeat-x;
background-color: #ffffff;
color: #3f3e3c;
font-family: Arial, Helvetica;
font-size: 9pt;
}

a:link {color: #fb8818; text-decoration: none;}
a:visited {color: #fb8818; text-decoration: none;} 
a:active {color: #fb8818; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
a img {border: none;}

.clear{clear: both;}

h1{
margin: 0;
padding: 24px 0 0 40px;
font-size: 23pt;
font-weight: bold;
text-align: left;
color: #000000;
}

h2{
margin: 0;
padding: 36px 0 0 40px;
font-size: 18pt;
font-weight: bold;
text-align: left;
color: #fb8818;
}

h3{
margin: 0;
padding: 0 0 0 40px;
font-size: 11pt;
font-weight: normal;
text-align: left;
color: #b0b0b0;
letter-spacing: 1px;
}

h4{
margin: 0;
padding: 0 0 5px 0;
font-size: 11pt;
text-align: left;
color: #fb8818;
}

h5{
margin: 0;
padding: 0 0 5px 0;
font-size: 10pt;
text-align: left;
color: #fb8818;
}

h6{
margin: 0;
padding: 0;
font-size: 9pt;
text-align: left;
color: #000000;
}

span.orangecaption{color: #fb8818; font-size: 8pt;}
span.graycaption{color: #999999; font-size: 8pt;}
span.redalert{color: #ff0000;}
span.blackcaption{font-size: 7pt;}

span.caption, span.caption a {color: #434343; font-size: 7pt;}





/* ------------------------------------------------------- TOP */


#shad-top{
margin: 0 auto;
padding: 0;
width: 1000px;
height: 34px;
background-image: url('../images/bg-shad-top.jpg');
background-repeat: no-repeat;
background-position: bottom center;
color: #c0c0c0;
text-align: center;
font-size: 10pt;
line-height: 36px;
}

#top{
margin: 0 auto;
padding: 0;
width: 1000px;
height: 179px;
background-image: url('../images/bg-top.png');
background-repeat: no-repeat;
background-position: bottom center;
}

#topleft{
float: left; display: inline;
margin: 0; padding: 0;
width: 690px;
height: 179px;
}

#topleft-title{
margin: 0; padding: 0;
width: 792px;
height: 78px;
}

#topleft-banner{
margin: 0; padding: 0;
width: 792px;
height: 101px;
}

#flash{
float: right;
margin: 0;
padding: 0;
width: 208px;
height: 179px;
text-align: left;
}

#shad-mid{
margin: 0 auto;
padding: 0;
width: 1000px;
background-image: url('../images/bg-shad-mid.png');
background-position: top center;
background-repeat: repeat-y;
}

#container{
margin: 0 auto;
padding: 0;
width: 990px;
background-color: #ffffff;
}

#topmenu{
clear: both;
margin: 0 auto;
padding: 0;
width: 990px;
height: 26px;
background-image: url('../images/bg-topmenu.jpg');
background-repeat: no-repeat;
background-position: top center;
background-color: #faa41a;
border: 0;
border-bottom: 1px solid #000000;
line-height: 25px;
text-align: center;
}

a.nav1:link, a.nav1:visited {
margin: 0;
padding: 0 45px 0 0;
height: 25px !important;
height: 25px;
text-decoration: none;
line-height: 25px;
display: inline;
background-image: url('../images/bg-nav1.gif');
background-repeat: no-repeat;
background-position: right;
font-size: 9px;
color: #666666;
}

a.nav1:hover {
color: #000000;
}

a.nav2:link, a.nav2:visited {
margin: 0;
padding: 0;
height: 25px !important;
height: 25px;
text-decoration: none;
line-height: 25px;
display: inline;
font-size: 9px;
color: #666666;
}

a.nav2:hover {
color: #000000;
}

#submenu{
margin: 0 auto;
padding: 0;
width: 990px;
text-align: center;
}

/* ------------------------------------------------------- CONTENT */

#left{
float: left; display: inline;
margin: 0; padding: 0;
width: 200px;
border: 0;
border-right: 1px dotted #c0c0c0;
text-align: center;
}

#left p{
margin: 0 10px 0 25px;
padding: 0;
line-height: 16px;
font-size: 8pt;
text-align: left;
}

#left ol{
margin: 0; padding: 0;
}

#middle{
float: left;
margin: 0;
padding: 0 20px 0 20px;
width: 498px;
border: 0;
border-right: 1px dotted #c0c0c0;
}

#middle p{
margin: 0; padding: 0;
line-height: 19px;
text-align: justify;
}

#middle ol{
margin: 0 0 0 20px;
padding: 0;
}

#right{
float: left;
margin: 0;
padding: 0 20px 0 20px;
width: 210px;
border: 0;
}

#right p{
margin: 0;
padding: 0;
line-height: 16px;
font-size: 8pt;
text-align: justify;
}

#right ol{
margin: 0 0 0 20px;
padding: 0;
color: #999999;
color: #666666;
font-size: 8pt;
}

#middle-right{
float: left;
margin: 0;
padding: 0 20px 0 20px;
width: 749px;
color: #666666;
}

#middle-right p{
margin: 0;
padding: 0;
line-height: 19px;
text-align: justify;
}

#middle-right ul{
list-style-type: none;
padding: 0;
margin: 0;
} 

#middle-right li{
background-image: url("../images/bullet.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 25px;
padding-bottom: 5px;
font-size: 9pt;
text-align: left;
}

.hr{
margin: 30px 0;
padding: 0;
width: 100%;
border: 0;
border-bottom: 1px dotted #c0c0c0;
}

.admin{
font-size: 8pt;
text-align: left;
border: 1px dotted gray; 
margin: 0; 
padding: 5px; 
background-color: #F8F8F8;
}

.code{
font-size: 8pt;
text-align: left;
border: 1px dotted gray; 
margin: 0; 
padding: 5px; 
background-color: #f5f4ee;
}

.copyright{
background-color: #F8F8F8;
padding: 20px;
color: #bbbbbb;
font-size: 8pt;
line-height: 15px;
}

/* ------------------------------------------------------- BOTTOM */


#footer{
margin: 0 auto;
padding: 0;
width: 1000px;
height: 59px;
background-image: url('../images/bg-footer.jpg');
background-repeat: no-repeat;
background-position: top center;
color: #c0c0c0;
text-align: center;
font-size: 10pt;
line-height: 59px;
font-size: 9.5px;
}

#footer a {color: #bbbbbb;}

span.slashdot{
display:inline;
height: 50px;
width: 21px;
background-image: url('../images/bg-slashdot.gif');
background-repeat: no-repeat;
background-position: center
}


/* ------------------------------------------------------- FORM */

form{
margin: 0; padding: 0;
text-align: right;

}

.textfield-right{
color: #49677A;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 8pt;
width: 206px;
font-family: Arial;
}

.textfield-middle{
color: #49677A;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 8pt;
width: 498px;
font-family: Arial;
}

.textfield-middle-short{
color: #49677A;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 8pt;
width: 250px;
font-family: Arial;
}

.textfield-middle-veryshort{
color: #49677A;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 8pt;
width: 30px;
font-family: Arial;
}

.button{
color: #000000;
background: #E7E7E7;
font-size: 7.5pt;
border: 1px groove #cccccc;
cursor:pointer;
}


/* ------------------------------------------------------- TABLES */


table{
border: 0;
width: 100%;
color: #666666;
font-size: 8pt;
border-collapse: collapse;
border-spacing: 0;
font-weight: normal;
}

.thmain{
padding: 5px 5px;
border: 1px solid #cccccc;
color: #000000;
background-color: #eeeeee;
}

.thsub{
padding: 5px 5px;
border: 1px solid #cccccc;
color: #000000;
}

td{
padding: 3px 5px;
border: 1px solid #cccccc;
border: 0 1px 1px 1px
text-align: left;
}
