/* body and default links */

body {
    font-family: "Trebuchet MS", Verdana, Sans-serif;
    background:#fff url(/images/camelot_tower_small.png) top left no-repeat;
    color:#000;
    padding:0 0 0 0;
    margin:0 0 0 0;
}

a, a:link {
    color: #475780;
    font-weight: bold;
    text-decoration: none;
    border-bottom: dotted 1px #66c
    }

a:visited {
    color: #475780;
    border-bottom: dotted 1px #66c
    }

a:hover {
    color: #475780;
    border-bottom: solid 1px #475780
    }

h2, h3 {
    color:#475780;
}
td.line {
    background-color:#475780;
    height:1px;
    width:1px;
}

/* head */
#head{
    position:relative;
    top:0px;
    left:100px;
}
#head a {
    border: 1px solid black;
    color: #000;
}
#head a:hover {
    background-color:#ccf;
    color:#475780
}
#head a.title{
    border:none;
    color:inherit;
}
#head a.title:hover {
    background-color:inherit;
    color:#ccf;
}

/* header */
#head #header {
    background-color: #475780; 
    font-weight:bold;
    color: #fff; 
    padding: 0 10px;
    margin: 10px 0px;
    width:500; 
    overflow:visible; 
    font-size:24
}
/* top menu */
#head #navigation {
    color: white; 
    margin:10px 0px;
    min-width: 500;
    z-index: 3;
    overflow:visible;
}

#head #navigation a {
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
}

/* actions */
#head #actions {
    font-size:smaller;
}

#head #actions a{
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
}
/* main */
#main {
    
}
/* Table of Contents */
#main #toc {
    width:400px;
    border: 1px solid black;
    padding:4px;
    background-color:#ccf;
}

#main #toc .title{
    font-size:large;
    font-weight:bold;
    color:#475780;
    margin:0px;
    padding:  0px;
}

#main #toc hr{
    width:50%;
    color:#475780;
    height:1px;
}

#main #toc a{    
    border:none;
    display: block;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
}

#main #toc a:hover {
    background-color:white;
    color:#475780;
}
/* Table of Contents */
#main #dtoc {
    width:200px;
    border: 1px solid black;
    padding:4px;
    background-color:#ccf;
}

#main #dtoc .title{
    font-size:large;
    font-weight:bold;
    color:#475780;
    margin:0px;
    padding:  0px;
}

#main #dtoc .toctext{
    font-weight:bold;
}
#main #dtoc hr{
    width:50%;
    color:#475780;
    height:1px;
}

#main #dtoc a{
    border:none;
    display: block;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
}

#main #dtoc a:hover {
    background-color:white;
    color:#475780;
}
#main #dtoc #uplinks{
    font-size:small;
    display:inline;
}
#main #dtoc #uplinks a{
    display:inline;
    color:#475780;
}


/* Main Content Pane */
#main #content {
    position:relative; 
    top: 0px; 
    left:100px; 
    background-color:#eef;
    border: 1px solid black; 
    padding: 10px; 
    margin:10px 0px;
    height:auto !important;
    min-height:350; 
    z-index: 1; 
    width:80%; 
    overflow:visible;

}
#main #content input[type="submit"]{
    border:1px outset #475780;
    background-color:inherit;
}
#main #content  input[type="submit"]:hover {
    background-color:white;
    cursor: pointer;
}

#main #content table.data{
    border:1px solid #475780;
    min-width:50%;
}
#main #content .rowheader{
    background-color:#475780;
    color:white;
}

#main #content .rowcolor1{
    background-color:#eef;
}

#main #content .rowcolor2{
    background-color:#ccf;
}

#main #content .deletedcolor1{
    background-color:#fee;
}

#main #content .deletedcolor2{
    background-color:#fcc;
}

#main #content .rowtext{
    background-color:inherit;
    border-style:solid;
    border-width:1px;
    border-color:#475780;
}

#main #content input.rowtext{
    padding: 1px 5px;
}

#main #content img.logoimage{
    max-width:200;
}
#main #content .error{
    color:red;
}
#main #content .edittext{
    border-style:inset;
    border-width:1px;
    background-color:#ccf;
    border-color:#475780;
    
}
#main #content .editselect {
    background-color:#ccf;
}
#main #content textarea.edittext{
    padding:5px;
}
#main #content input.edittext{
    padding:1px 5px;
}

#main #content a.control {
    font-size:smaller;
    border: 1px outset black;
    padding: 0px 10px;
    margin: 1px;
}

#main #content a:hover.control {
    background-color:white;
}

#main #content .noteheader {
    background-color:#475780;
    color:white;
    padding:2px 10px;
}

#main #content .noteauthor {
    font-weight:bold;
    border-bottom: 1px solid #475780;
    padding-left:10px;
}

#main #content .notetime {
    font-size:small;
    border-bottom: 1px solid #475780;
    text-align:right;
}

#main #content .notedata {
    padding-bottom: 20px;
    padding-left:10px;
}

/* subsection menu */
#main #submenu {
    width:200px;
    border: 1px solid black;
    padding:4px;
    background-color:#ccf;
}

#main #submenu h3 {
    color:#475780;
    margin:0px;
    font-size: medium;
}

#main #submenu a {
    border:none;
    display: block;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
}

#main #submenu a:hover {
    background-color:white;
    color:#475780;
}

#main #submenu h3 a{
    color:#475780;
    padding:0px;
    font-size: medium;
}
    
/* file listing */

#main #filelist tr.header th{
    font-size:normal;
    font-weight:bold;
    border-bottom: 1px solid #66c;  
}
#main #filelist tr.data td {
    padding:5px 0px 10px 2px;
    border-bottom: solid 1px #bbf;
    font-size:small;
}

#main #filelist .size{
    text-align:right;
}

#main #filelist .name{
    text-align:left;
}

#main #filelist .actions{
    text-align:right;
    font-weight:normal;
}
#main #filelist .author{
    text-align:right;
}

#main #filelist .timestamp{
    text-align:right;
}

#main #filelist .icon{
    text-align:right;
    vertical-align:top;
}


/* control pane */
#main #controls{
    font-size:smaller;
    z-index:3;
    padding:5px;
    margin:10px 0px;
    
}

#main #controls a {
    border: 1px outset black;
    padding: 0px 10px;
    margin: 1px;
}

#main #controls a:hover {
    background-color:white;
}
/* info pane */
#main #info{
    font-size:smaller;
    position:relative;
    top:0px;
    left:100px;
    z-index:3;
    width:550px;
    border: 1px solid black;
    background-color:#eef;
    padding:5px;
    margin:10px 0px;

}

#main #info a {
    border: 1px outset black;
    padding: 0px 10px;
    margin: 1px;
}

#main #info a:hover {
    background-color:white;
}


/* footer */
#footer {
    position:relative; 
    top:50px; 
    left:100px;
    width:900px;
    text-align:center; 
    font-size:small;
}