/* CSS Tabs */
#button {
        width: 16.5em;
        border-right: 1px solid #000;
        padding: 0 0 1em 0;
        margin-bottom: 1em;
        font-family: Tahoma, Arial, sans-serif;
                /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
        font-size : 12px;
        background-color: #90bade;
        color: #333;
        }

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

        #button li {
                border-bottom: 1px solid #9bade0;
                margin: 0;
                list-style: none;
                list-style-image: none;
                }

        #button li a {
                display: block;
                padding: 3px 3px 3px 0.5em;
                border-left: 10px solid #1958b7;
                border-right: 10px solid #508fc4;
                background-color: #2175bc;
                color: #fff;
                text-decoration: none;
                width: 100%;
                }

        html>body #button li a {
                width: auto;
                }

        #button li a:hover {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }

        #button li #active {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }

/* This is the main layout */
body {font: normal 83% sans-serif;}
a {color: #0000ff;}
h3 {margin: 0; margin-bottom: 8px;}

#outside {margin: auto; width: 800px; border: solid 1px #cccccc;}

#permlink {margin: 0; padding: 2px; text-align: right; border: solid 1px #ffffff;}
#permlink a {margin-left: 5px; margin-right: 5px;}

#header {margin: 0; padding: 0; border: solid 1px #ffffff;}
#header h1 {margin: 0; padding: 5px;}

#topnav {margin: 0; margin-bottom: 0px; padding: 5px; border: solid 1px #ffffff;}
#topnav a {padding: 3px;}

#left {float: left; width: 202px; border: solid 1px #ffffff;}

#middle {margin-left: 202px; margin-right: 0px; border: solid 1px #ffffff;}


#footer {clear: both; margin: 0; text-align: left; border: solid 1px #ffffff;}
#footer h5 {margin: 0;}

.box {width: 92%; margin: auto; margin-bottom: 10px; padding: 5px; border: solid 0px #666666;}


/* These are used to colorize the page */
BODY  {background-image: url('images/blue_bg.gif'); }
h3 {color: #5a6156; padding-bottom: 3px; border-bottom: solid 0px #cccccc;}
h5 {padding-left: 5px; color: #5a6156;}

#outside{background-color: #eff3ff; border: solid 4px #d5ddcd;}

#permlink{border: solid 1px #d5ddcd; background-color: #d5ddcd;}
#permlink a {text-decoration: none; color: #000000;}
#permlink a:hover {text-decoration: underline;}

#header{border: solid 1px #035; background-color: #068;}
#header h1 {color: #d5ddcd;}

#topnav {border: solid 1px #508fc4; background-color: #508fc4;}
#topnav a {border: solid 1px #508fc4; text-decoration: none; background-color: #508fc4; color: #ffffff;}
#topnav a:hover {border: solid 1px #d5ddcd; background-color: #d5ddcd; color: #781000;}

#left {border: solid 0px #d5ddcd;}

#middle {border: solid 0px #d5ddcd;}

#right {border: solid 1px #d5ddcd;}

#footer {border: solid 0px #d5ddcd;}

.box {background-color: #ffffff; border: solid 1px #d5ddcd;}
.box a {text-decoration: none; color: #781000;}
.box a:hover {text-decoration: underline;}
.box ul {margin: 0; padding-left: 15px; list-style: circle;}