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

body{
margin: 0px auto;
padding: 0px;
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: 0px;
padding: 24px 0px 0px 80px;
font-size: 23pt;
font-weight: bold;
text-align: left;
color: #000000;
}

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

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

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

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

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

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

span.caption{font-size: 7pt;}
.caption a:link {color: #434343; text-decoration: none; cursor: text;}
.caption a:visited {color: #434343; text-decoration: none; cursor: text;} 
.caption a:active {color: #434343; text-decoration: none; cursor: text;}
.caption a:hover {color: #434343; text-decoration: none; cursor: text;}



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


#shad-top{
margin: 0px auto;
padding: 0px;
width: 898px;
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: 0px auto;
padding: 0px;
width: 898px;
height: 179px;
background-image: url('../images/bg-top.png');
background-repeat: no-repeat;
background-position: bottom center;
}

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

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

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

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

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

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

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

a.nav1:link, a.nav1:visited {
margin: 0px;
padding: 0px 45px 0px 0px;
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: 0px;
padding: 0px;
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: 0px auto;
padding: 0px;
width: 848px;
text-align: center;
}

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

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

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

#left ol{
margin: 0px 0px 0px 0px;
padding: 0px;
color: #999999;
}

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

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

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

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

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

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

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

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

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

#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 0px;
padding: 0px;
width: 100%;
border: 0px;
border-bottom: 1px dotted #c0c0c0;
}

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

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

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

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


#footer{
margin: 0px auto;
padding: 0px;
width: 898px;
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:link {color: #cccccc;}
#footer a:visited {color: #cccccc;}
#footer a:active {color: #cccccc;}
#footer a:hover {color: #cccccc;}

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: 0px;
padding: 0px;
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: 350px;
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: 0px;
width: 100%;
color: #666666;
font-size: 8pt;
border-collapse: collapse;
border-spacing: 0px;
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-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align: left;
}