html { height: 100%; }
body { font-family: verdana, arial, sans-serif; padding: 0px; margin:0; font-size: .68em; background: #2C2C2A; color: #e7e7e7; margin-right: 25px; margin-left: 25px;}
#container { margin: auto; }
a { border-bottom:1px dotted; font-weight: bold; text-decoration:none; }
a:hover { color: #e7e7e7; border-bottom:1px solid; text-decoration:none; }
#banner, #logo { float: left; display: block; overflow: hidden; height: 100%; }
#banner { display: none; }
#header { border-bottom: 4px #900 solid; clear: both; height: 100px; overflow: hidden; display: block; }
#menu ul { display:inline; margin: 0; padding: 0; }
#menu li { display:inline; margin: 0; padding: 0; list-style: none; }
#user-menu fieldset { border: none; }
#menu { background: black; height: 40px; text-align: right;}
#topnav { border-bottom: 4px #900 solid; border-top: 6px #900 solid; }
#languages a, #topmenu a { border: none; text-decoration: none; display: block; float: right; padding: 15px; text-align: center; }
#languages a:hover, #topmenu a:hover { background: url('../img/top_nav_m.png') no-repeat center top; }
#languages { float: left; padding-left: 50px;}
#languages ul, #topmenu ul { display: inline; margin: 0; padding: 0;}
#languages li, #topmenu li { list-style: none; display: inline; margin: 0; padding: 0px;}
#page { margin-top: 30px;}
#logo-text { font-size: 50px; color: gray; padding: 15px; }
#topmenu { float: right; padding-right: 50px;}
#sidebar { float: left; width: 200px; border-right: 4px maroon solid; padding:0px 5px 0 0; margin-bottom: 30px;}
.leftbox { padding-bottom: 10px; }
.leftbox ul, li { padding: 0; margin: 0 }
.leftbox a { display:block; padding:3px; font-weight:bold; }
.leftbox h3 { margin: 0; margin-bottom: 5px; text-align: left; font-weight: bold; }
#welcome { margin: 0; padding: 0; padding-bottom: 5px;}
#content { width: 70%; float: left; padding-left: 3em; text-align: justify; padding-right: 3em; border-right: 4px solid maroon; margin-bottom: 30px;}
#footer { text-align: right; margin 10px auto; clear: both;}
#footer { border-top: 4px solid #900; border-bottom: 4px solid #900; background: black;}
#footer a, #footer img { border: none; padding-bottom: none; padding-top: 0;}
#user-menu input { width: 120px; }
a:hover { border-color: white; }
table { width: 100%; }
p { margin: 0px; padding: 0px 0px 16px 0px; line-height: 1.7em;
}
h5 { margin: 0; margin-bottom: 5px; margin-top 5px; text-align: left; font-weight: bold; padding-bottom: 5px;}
h6 { margin: 0; margin-bottom: 5px; margin-top 5px; text-align: left; font-weight: bold; padding-bottom: 5px; }
h4 { margin: 0; margin-bottom: 5px; margin-top 5px; text-align: left; font-weight: bold; padding-bottom: 5px; }
h3 { margin: 0; margin-bottom: 5px; margin-top 5px; text-align: left;font-weight: bold; padding-bottom: 5px; }
h2 { margin: 0; margin-bottom: 5px; margin-top 5px; text-align: left; font-weight: bold; padding-bottom: 5px; }
h1 { margin: 0; margin-bottom: 5px; margin-top 5px; text-align: left; font-weight: bold; padding-bottom: 5px; }
h1 { font-family: arial, sans-serif; letter-spacing: .1em; font-weight: normal; text-transform: uppercase; padding: 0px 0px 5px 0px; margin: 0px 0px 12px 0px; border-bottom: 1px solid; font-size: 200%; }
h2 { font-size: 150%; color: gray; border-bottom: 1px gray dotted; text-transform: lowercase; margin-top: 15px; }
h3 { font-size: 130%; font-variant: small-caps; margin-left: 22px; border-bottom: 1px white double; }
h4 { font-size:13px; text-transform:uppercase; }
.news h4 {
margin:0;
}
.sub {
font-size: 55%;
padding-left: 12px;
letter-spacing: .1em;
}
a {
outline: none;
}
img {
border: 0;
margin: 7px;
}
.links a {
border-style: none;
border-color: inherit;
border-width: 0;
display: block;
padding-left: 15px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.links a:hover {
border-style: none;
border-color: inherit;
border-width: 0;
}
.backtotop a {
display:block;
text-align:right;
margin-top:15px;
}
/* .left aligns images left and has text flow to the right of it and vice versa with .right */
/* .center puts and image in the center with no text flow */
.left {
float: left;
}
.center {
display: block;
margin: auto;
}
.right {
float: right;
}
/* the code tag */
code {
margin: 10px 0px 10px 0px;
display: block;
border-left: 2px solid;
margin-left: 22px;
font-size: 120%;
padding: 5px;
max-height: 150px;
}
/* underlined objects because the tag doesn't validate */
.u {
text-decoration: underline;
}
/* blockquote and .author is the author of the quote*/
blockquote {
margin: 20px 0px 0px 22px;
padding: 10px 20px 10px 20px;
border-left: 2px solid;
font-style: italic;
}
.author {
text-align: right;
border-left: 8px solid;
margin: 0px 0px 20px 22px;
font-style: italic;
padding-bottom: 5px;
}
/* unordered list */
ul {
margin: 2px 0px 15px 10px;
padding: 0px;
}
ul li {
list-style-type: square;
margin: 0px 0px 6px 15px;
padding: 0px;
}
ul li ul {
margin: 4px 0px 4px 16px;
}
ul li ul li {
list-style-type: circle;
}
/* ordered list */
ol {
margin: 8px 0px 0px 16px;
padding: 0px;
}
ol li {
margin: 0px 0px 11px 22px;
padding: 0px;
}
ol li ol {
margin: 8px 0px 0px 16px;
padding: 0px;
}
ol li ol li {
margin: 8px 0px 0px 22px;
padding: 0px;
list-style-type: lower-roman;
}
/*definition list */
dt {
font-size: 110%;
font-style: italic;
padding: 2px;
}
dd {
padding: 2px;
margin-bottom: 5px;
}
/* forms */
form {
margin:0;
}
fieldset { padding:3px; margin: 1em; }
legend {
padding:4px;
color:#e7e7e7;
}
label {
display:block;
margin-bottom:2px;
}
input {
margin-bottom:10px;
}
textarea { margin-bottom:10px; height:150px; }
textarea { display:block; border:2px #900 solid; font:11px Verdana; width:300px; padding:2px; }
input[type=text], input[type=submit]{ border:2px #900 solid; font:11px Verdana; width:150px; padding:2px; outline: none; }
input[type=checkbox]{ border:2px #900 solid; outline: none; }
input[type=hidden] { border: none; padding: 0; }
h4 { color:#900; }
textarea { border-color: #900; }
input { border-color: #900; }
.code { border-left-color: #900; }
.author { border-left-color: #900; }
blockquote { border-left-color: #900; }
a { color: #900; border-color: #900; }