html {height: 100%; width: 100%;}
body {margin: 0 0 0 0; padding: 0 0 0 0; font-family: tahoma, verdana, arial, sans-serif; font-size: 99%;  height: 100%; width: 100%;}

.left {float: left;}
.right {float: right;}
.text-center {text-align: center;}
.clear {clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;}

a:link {color: #900000;}
a:visited {color: #900000;}
a:active {color: #900000;}
a:hover {color: #900000;}

a.menu:link {color: #fff; display: inline; text-decoration: none; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; font-size: 80%;}
a.menu:visited {color: #fff; display: inline; text-decoration: none; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; font-size: 80%;}
a.menu:active {color: #fff; display: inline; text-decoration: none; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; font-size: 80%;}
a.menu:hover {color: #fff; background-color: #B3B2B2; display: inline; text-decoration: none; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; font-size: 80%;}

a.selected:link,a.selected:active,a.selected:visited {color: #fff; background-color: #B3B2B2; display: inline; text-decoration: none; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; font-size: 80%;}

#you-are-here {width: 750px; text-align: right; color: #777777; font-size: 70%; font-weight: bold; }

img {border: none;}
ul {}

#container {padding: 0 0 0 0; margin: 0 0 0 0; height: 100%; width: 100%;}

#header-logo{width: 100%; height: 68px; background-image: url(header-top.jpg); background-repeat: repeat-x; text-align: center;}
#header-menu {width: 100%; background-color: #900000; text-align: center; color: #fff; font-weight: bold;}
#header-divider {width: 100%; height: 20px; background-image: url(header-bottom.gif); background-repeat: repeat-x;}


#content {width: 768px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;}

.box-large {width: 606px;  padding-top: 10px;}
.box-large-title {width: 606px; color: #fff; font-weight: bold;}
.title-left {background-image: url(title-left.jpg); background-repeat: no-repeat; height: 25px; width: 17px; float: left;}
.title-middle-large {background-image: url(title-middle.jpg); background-repeat: repeat-x; height: 22px; width: 552px; float: left; padding-top: 3px; font-size: 80%;}
.title-right {background-image: url(title-right.jpg); background-repeat: no-repeat; height: 25px; width: 34px; float: left;}

.box-large-middle {background-image: url(middle-600.jpg); background-repeat: repeat-y; width: 600px; height: 100%;}
.middle {color: #777777; font-weight: bold; padding-top: 10px; padding-left: 14px; padding-right: 14px; clear: both; font-size: 75%; line-height: 1.2em; height: 100%;}
.box-large-bottom {width: 604px;}
.bottom-left {background-image: url(bottom-left.jpg); background-repeat: no-repeat; height: 23px; width: 17px; float: left; clear: right;}
.bottom-middle-large {background-image: url(bottom-middle.jpg); background-repeat: repeat-x; height: 23px; width: 552px; float: left;}
.bottom-right {background-image: url(bottom-right.jpg); background-repeat: no-repeat; height: 23px; width: 34px; float: left; clear: right;}


.box-small {width: 162px; padding-top: 10px; clear: both;}
.box-small-title {width: 162px; color: #fff; font-weight: bold;}
.title-middle-small {background-image: url(title-middle.jpg); background-repeat: repeat-x; height: 22px; width: 111px; float: left; padding-top: 3px; font-size: 80%;}
.box-small-middle {background-image: url(middle-160.jpg); background-repeat: repeat-y; width: 155px; margin-right: 5px; clear: both;}
.box-small-bottom {width: 162px;}
.bottom-middle-small {background-image: url(bottom-middle.jpg); background-repeat: repeat-x; height: 23px; width: 111px; float: left;}

#left {float: left; width: 606px;}
#right {float: right; width: 162px;}

hr {width: 100%; height: 1px; color: #B3B2B2;}

.smalltext {font-size: 75%;}
input, textarea {width: 110px; font-size: 90%; color: #900000; font-family: tahoma, verdana, arial, sans-serif; border: 1px solid #B3B2B2;}
form {margin: 0 0 0 0; padding: 0 0 0 0; font-size: 75%;}
.submit-button {background-color: #B3B2B2; font-weight: bold; color: #fff;}

.hidden {display: none;}

a.footer:link, a.footer:active, a.footer:visited {color: #fff;} 
a.footer:hover {color: #B3B2B2;}

.content-text {font-weight: bold; font-size: 100%;}

.smalldesc {font-size: 90%;}

a.port:link, a.port:visited, a.port:active {display: block;  width: 542px; text-decoration: none; border: 1px solid #B3B2B2; padding: 10px; font-size: 90%;}
a.port:hover {display: block; width: 542px; background-color: #FFFFFF; border: 1px solid #900000; padding: 10px; font-size: 90%;}

.port-image {float: left; border-right: 10px solid #fff;}

.port-code {text-align: right; font-weight: normal; color: #3C8CBC; font-size: 90%; width: 100%;}

a.port-chooser:link, a.port-chooser:active, a.port-chooser:visited {background-color: #B3B2B2; color: #fff; height: 2em; width: 10em; text-align: center; text-decoration: none; padding: 8px;}
a.port-chooser:hover {background-color: #900000; color: #fff; height: 2em; width: 10em; text-align: center; text-decoration: none; padding: 8px;}

#footer {background-image: url(footer-bg.gif); background-repeat: repeat-x; height: 23px; width: 100%; clear: both; padding-top: 20px; color: #fff; font-weight: bold; text-align: center; font-size: 70%; margin-top: 25px;}

.blue {font-size: 120%; color: #900000;}
.blues {color: #900000;}