* {margin: 0; padding: 0}

body {background-color: white; font-family: titillium_webregular, helveitca, sans-serif; color: #666; }



textarea, input {background-color: white; color: #333}



header {display: block; height: auto; padding: 10px; background-color:#004888  }



main {background-image: url(img/comodo.gif); width: 1000px; display: block; box-shadow: 0px 5px 5px #999; display: block; margin: auto; padding: 10px; overflow: auto; min-height: 600px; background-repeat: no-repeat; background-position: bottom right; padding-bottom: 50px}

form label {width: 260px; margin-bottom: 5px; float: left; clear: left; height: 20px; padding: 5px 0px; margin-top: 5px;}

form iframe, form input, form textarea, form select, form .formvalue {font-size: 1em; font-family: titillium_webregular; float: left; width: 100px; margin-bottom: 5px; width: 200px;; margin-top: 10px; padding: 5px;}

form input, form textarea {border: 1px solid #ddd}

form input[type="submit"] { clear: both; margin-left: 200px; margin-top: 40px; padding: 10px; background-color: #004888; color: white; font-weight: bold; border: 0; }

form select {margin-right: 5px;}

input[readonly] {background-color: #eee}

form textarea {height: 175px;}

form iframe {height: 40px;}



main nav {width: 185px; float: left; padding: 20px; padding-right: 15px; border-right: 2px solid #eee; display: block;}

main article { float: left; width: 730px; display: block; padding: 20px; display: block}



h1,h2,h3,h4,h5 {color: #004888}

a:hover {color: #D0E8FE}



th {text-align: left; background-color: #f5f5f5}



nav ul {list-style-type: none}



ul.docs {margin-left: 0; margin-top: 25px}

ul.docs li {border-bottom: 1px solid #aaa; margin-top: 0px; margin-bottom: 10px;; padding-bottom: 20px; padding-top: 10px;}



nav ul li {margin-bottom: 15px; padding: 0px;}

nav a {padding: 5px;}

nav ul ul ul {display: block; margin-left: 15px;}



a {font-weight: bold; color: #004888; text-decoration: none;}



.documents td.icon {padding-left: 35px; background-repeat: no-repeat; background-position: 3px 3px}





form p.note {clear: both;; margin-left: 200px; color: #aaa; font-style: italic }

hr {clear: both; color: #aaa; background-color: #aaa; height: 1px; border: 0; margin-top: 20px; margin-bottom: 20px }



nav ul ul {display: none; padding-left: 0px; margin-top: 10px;}

nav ul ul a {padding-left: 10px}

nav ul ul ul a {padding-left: 20px}



label.radio {float: right; clear: right; width: 700px; margin-top: 0; padding-top: 0; }

input[type="radio"] {width: auto; clear: left; margin-left: 0px; margin-top: 5px; padding-top: 0; border:0}





.documents table {margin-top: 20px; margin-bottom: 20px; width: 100%; border-collapse: collapse}

.documents tr td, .documents th {border-bottom: 1px solid #aaa; padding: 5px; }



.saved {margin: 10px; padding: 20px; border-radius: 20px; background-color: yellow; border: 1px solid  #aaa; box-shadow: 5px 5px 5px #888; margin-bottom: 40px }

.saved ul {margin-left: 20px;}

.highlight_row td {background-color: #eee}



.documents {margin-top: 40px}



.subcat {margin-left:20px; margin-bottom: 5px; display: none}



.docs {list-style-type: none; margin-left: 20px; }

.docs li {padding: 10px; background-repeat: no-repeat; padding-left: 35px; background-position: 0px 10px;}



nav a.active {background-color:#D0E8FE }

nav a.active a:hover {color: black}

.history h2 {margin-top: 30px; font-size: 1.1em; margin-bottom: 5px; padding-left: 5px;}

.history .Accessed {margin-top: 20px}

.history .logins {width: 100%;}

.history .logins td {padding: 5px; vertical-align: top}

.history .logins ul {list-style-type: none}

.history ul {padding-top: 5px; font-size: 0.9em; padding-bottom: 10px; display: none}



td,th {vertical-align: top}

.history ul p {margin-bottom: 5px;}



a.forgot {color: #999; cursor: pointer; float: left; font-size: 0.8em; font-weight: normal; width: 130px; display: block; margin-left: 85px;}



form input {margin-top: 5px;}

.login form label {text-align: right; padding-right: 5px; width: 80px; height: 20px}

.login form {display: block; margin: auto; width: 305px; overflow: auto; clear: both; padding-bottom: 30px; }

.login form input[type="submit"] { float: right;  margin-top: 5px; width: auto; margin-right: 10px; margin-left: 0; clear: none}



.login form.forgotten label {font-weight: bold; width: 120px}

.login form.forgotten {width: 360px; display: none}

.login form.forgotten input {width: 80px;}

.login form.forgotten input[type="submit"] {width: auto}

.login p {padding-bottom: 1em; font-size: 0.9em; width: 75%; display: block; margin: auto; }



ul.home {list-style-type: none; width: 305px; float: left; display: block; overflow: auto}

ul.home li {padding: 5px; float: left;}





.news {float: left; display: block; margin-left: 20px; width: 650px; border: 1px solid #004888; margin-top: 5px;}

.news header {color: white; font-weight: bold; border: 1px solid white}

.news ul {list-style-type: none; padding: 5px; }

.news li {padding-bottom: 20px;}

.news header a {float: right; color: white;}



header {overflow: auto}

header > div {width: 1000px; margin: auto}

header img {float: left}

header .right {float: left; width: 300px}



a.logout {padding: 3px 35px; text-transform: uppercase; display: block; float: right; clear: both; background-color: white; font-size: 0.9em; color: #9C9C9C }



.subcat {border: 0; background-color: white}



header p {color: white; float: right; clear: both; font-size: 0.9em; font-style: italic}





.newslist {list-style-type: none;}

.newslist li {padding-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #eee;}





form.signup {margin-left: 50px}



form.signup h3 span.num {display: block; position: absolute; color: white; background-color: #004888; margin-left: -50px; width: 30px; height: 30px; text-align: center; border-radius: 15px;}



form .note {float: right; width: 190px; font-weight: bold; color: red; font-size: 0.7em; margin-top: 5px}



ul.notes {list-style-type: none;; margin-top: 30px; clear: both; display: block;}

ul.notes li {margin-bottom: 1em;}



.required label:after, label.required:after {content:'*'; color: red}



ul.documents li {background-repeat: no-repeat; margin-bottom: 1em;; height: 40px; padding-left: 40px}

ul.documents {list-style-type: none}



td.icon:hover img {display: block; border: 2px solid black; position: absolute}

td.icon img {display: none}


li.icon:hover img {display: block; border: 2px solid black; position: absolute}

li.icon img {display: none}