body {
background-color: #333;
color: #999;
font-family: Tahoma, Arial, sans-serif;
line-height: 1.35em;
font-size: 11px;
}

.printonly {
display: none;
}

#preload1 {
position: absolute;
left: -1000px;
top: -1000px;
background-image: url("../images/nav/round.gif");
background-position: -1000px -1000px;
background-repeat: no-repeat;
}

#preload2 {
position: absolute;
left: -1000px;
top: -1000px;
background-image: url("../images/nav/blue_round.gif");
background-position: -1000px -1000px;
background-repeat: no-repeat;
}

#preload3 {
position: absolute;
left: -1000px;
top: -1000px;
background-image: url("../images/buttons/upload_r.gif");
background-position: -1000px -1000px;
background-repeat: no-repeat;
}

#preload4 {
position: absolute;
left: -1000px;
top: -1000px;
background-image: url("../images/buttons/logout_r.gif");
background-position: -1000px -1000px;
background-repeat: no-repeat;
}

#container {
width: 900px;
height: 600px;
margin: 10px auto 0;
border: 2px solid #999;
background: url("../includes/rotate_bkgd.php");
/*background: url("../images/bkgd_damian_bday.png") no-repeat; */
}

#container.ftp {
background: url("../images/bkgd/ftp.jpg");
}

#container.where {
background: url("../images/bkgd_random/building.jpg");
}

#container h1#title {
display: none;
}

#content-spacer {
width: 100px;
}

#nav, #content, #rightimage, #content-spacer {
float: left;
margin-top: 300px;
padding: 0;
}

#content, #rightimage, #content-spacer {
height: 250px;
}

#nav ul li, #bottombar, #content, #rightimage, #content-spacer {
border-top: 1px solid #bcf;
}

#bottombar {
background: #fff;
margin-top: 553px;
margin-left: 140px;
height: 80px;
text-align: center;
}

#bottombar p {
padding: 0;
margin: 0;
}

.v1_graph {
background: url("../images/vector/grapha.gif") no-repeat;
}

.v2_graph {
background: #fff url("../images/vector/graphb.gif") no-repeat;
}

.v1_telys {
background: url("../images/vector/telysa.gif") no-repeat;
}

.v2_telys {
background: #fff url("../images/vector/telysb.gif") no-repeat;
}

.v1_world {
background: url("../images/vector/worlda.gif") no-repeat;
}

.v2_world {
background: #fff url("../images/vector/worldb.gif") no-repeat;
}

.v1_ftp {
background: url("../images/vector/ftpa.gif") no-repeat;
}

.v2_ftp {
background: #fff url("../images/vector/ftpb.gif") no-repeat;
}

#content {
width: 450px;
padding-left: 20px;
color: #09c;
overflow: auto;
line-height: 1.2em;
}

#content ul {
list-style: circle;
margin: 0;
padding: 0 0 0 18px;
line-height: 1.5em;
}

#content p {
clear: left;
margin: 5px 0;
max-width: 375px;
}

#content div.quote {
background: url("/images/openquote.gif") top left no-repeat;
margin: 0;
padding: 0 30px 0 40px;
}

#content div.quote p {
padding: 0 20px 5px 0;
margin: 0;
text-indent: 2em;
}

#content div.quote p.writtenby {
padding: 0 20px 10px 0;
text-indent: 0;
text-align: right;
font-weight: bold;
}

#content a {
color: #f90;
text-decoration: underline;
font-weight: bold;
background: none;
padding: 0 2px;
}

#content a.external {
background: url("../images/external.png") center right no-repeat;
padding-right: 13px;
background-color: none;
}

#content a:hover {
color: #fff;
text-decoration: none;
background-color: #f90;
}

#content.ftp {
padding: 0 10px;
}

#content.ftp img {
border: 1px solid #fff;
}

#content.ftp img:hover {
border: 1px solid #f90;
}

#content.ftp img.inline {
float: right;
margin: 0;
padding: 0;
}

#content.ftp table.view {
padding: 0;
margin: 0;
}

#content.ftp table.view tr, #content.ftp table.admin tr {
color: #333;
text-align: left;
vertical-align: bottom;
}

#content.ftp table.view tbody {
color: #333;
padding: 0;
margin: 0;
}

#content.ftp table tr.realheader th {
text-transform: uppercase;
background: #0099cd;
color: #fff;
margin: 0;
padding: 2px;
vertical-align: bottom;
text-align: left;
}

#content.ftp table.view td {
border-right: 1px dotted #999;
border-bottom: 1px dotted #999;
margin: 0;
padding: 2px;
text-align: left;
vertical-align: top;
}

#content.ftp table.admin td {
border-right: 1px dotted #999;
border-bottom: 1px dotted #999;
margin: 0;
padding: 2px;
text-align: left;
vertical-align: top;
}

#content.ftp table td.icon {
border-right: none;
border-left: 1px dotted #999;
}

#content.ftp a {
color: #09c;
}

#content.ftp a:hover {
color: #f90;
text-decoration: underline;
background-color: #fff;
}

#content table.normal {
padding: 0;
margin: 0;
border: 0;
}

#content table.normal tbody {
margin: 0;
padding: 0;
line-height: 0;
}

#content table.normal tbody tr td {
vertical-align: top;
border: none;
padding: 0;
margin: 0;
}

#content table.normal tbody tr td h2 {
line-height: 0.6em;
}

#content h2, #content h3 {
text-transform: uppercase;
padding-top: 5px;
}

#content h2 {
font-size: 1.5em;
}

#content h3 {
margin-top: 18px;
}

#content h3.ftp {
text-align: right;
}

#content h2 span.fadeheader {
font-size: .55em;
font-weight: normal;
color: #999;
}

#content h2 span.fadeheader a {
color: #999;
text-decoration: none;
}

#content h2 span.fadeheader a:hover {
color: #fff;
}

#rightimage {
width: 188px;
color: #333;
margin-left: 2px;
background: url("../includes/rotate_sidebar.php");
}

#rightimage.ftp {
background: url("../images/sidebar_random/coffee.gif");
}

#rightimage.map {
background: url("../images/sidebar/map.gif");
}

#rightimage ul {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center;
}

#rightimage ul li.logout a {
display: block;
margin: 10px auto;
width: 154px;
height: 21px;
background: url("../images/buttons/logout.gif") center no-repeat;
text-decoration: none;
}

#rightimage ul li.logout a:hover {
background-image: url("../images/buttons/logout_r.gif");
}

#rightimage ul li.upload a {
display: block;
margin: 10px auto;
width: 154px;
height: 21px;
background: url("../images/buttons/upload.gif") center no-repeat;
text-decoration: none;
}

#rightimage ul li.upload a:hover {
background-image: url("../images/buttons/upload_r.gif");
}

#rightimage h3 {
color: #07c;
font-size: 1.5em;
font-weight: normal;
text-transform: uppercase;
margin: 20px 15px 0;
padding-bottom: 5px;
border-bottom: 1px solid #07c;
}

#rightimage h4 {
color: #07c;
margin: 5px 15px 0;
}

#nav {
width: 138px;
margin-right: 2px;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav ul li a {
display: block;
padding: 10px;
line-height: 16px;
text-align: right;
text-decoration: none;
color: #09c;
text-transform: uppercase;
font-weight: bold;
background: url("../images/nav/flat.gif");
}

#nav ul li a:hover {
background: url("../images/nav/round.gif");
}

#nav ul li#current a {
color: #fff;
background: url("../images/nav/blue_round.gif");
}

#nav ul li#current a:hover {
color: #fff;
background: url("../images/nav/blue_round.gif");
}

#footer {
width: 904px;
padding: 0;
margin: 0 auto;
}

#footer p {
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px 0;
margin: 0;
}

#footer p a {
color: #999;
text-decoration: none;
}

#footer p a:hover {
color: #fff;
}

#footer form {
float: right;
margin: 0;
background: #999;
padding: 8px;
height: 21px;
}

#footer form label {
color: #333;
font-weight: bold;
}

#footer form input {
height: 15px;
margin: 0;
padding: 1px;
border: 0;
font-size: 1em;
vertical-align: middle;
}

#footer form input.button {
height: 17px;
padding: 0;
margin: 1px;
border: 1px solid #f90;
}

#footer img {
float: right;
margin: 0;
}

#footer h2 {
display: none;
}