body, td {font-family: verdana, arial, helvetica; font-size: 10px; margin: 0px}
a img {border: 0;}
a {color: #039582;}
a:hover {color: #EBCB3F; text-decoration: none;}

#container {width: 780px; margin: 0 auto;}
#body {background-image: url('back_page.gif');}
#header {background-image: url(header.jpg); width:780px; height:148px; margin-bottom: 10px;}
#footer {clear: both; margin: 20px 0 5px 0; text-align: center; background-color: #039582; color: white; padding: 3px;}

.signupformhead {font-weight: bold; font-size: 16px; margin-top: 10px; border-bottom: 1px solid black;}
.confirm {color: green; font-size: 12px; font-weight: bold;}
.error {color: red; font-size: 12px; font-weight: bold;}
.clear {clear: both;}
.show {display: block;}
.hide {display: none;}
#main {margin: 0 170px;}


#leftcol {width: 150px; float: left; color: yellow;}
#leftcol a {display: block; padding: 3px 5px; width: 141px; border: 1px solid black; margin-bottom: -1px; background-color: #334a96; color: white; text-decoration: none; font-size: 10pt;}
#leftcol a:hover {background-color: #ffe369; color: black;}
#leftcol div {margin-bottom: 20px;}
#leftcol div.navsection {background-color: #02947f; height: 14px; padding: 2px 5px; margin-bottom: 0px; border: 1px solid #000; width: 141px; border-bottom: none;}
#leftcol a.secure {color: yellow;}
#leftcol a.secure:hover {color: black;}
#nav {}
#adminnav {}
#sysadminnav {}

#rightcol {width: 142px; float: right; padding: 0 5px;}
#sidebar {margin-bottom: 10px;}
#sidebar .article {margin-bottom: 10px; padding: 5px; border: 1px solid #E5C849; background-color: #FFEEA0;}
#sidebar .title {font-weight: bold;}
#banners {margin-bottom: 5px;}
#banners img {margin-bottom: 5px;}

#quicklinks {margin-bottom: 10px;}
#quicklinks .title {display: block; border: 1px solid #334A96; margin-bottom: -1px; padding: 3px 5px; width: 127px; background-color: #334A96; color: white; font-weight: bold;}
#quicklinks a {display: block; border: 1px solid #334A96; margin-bottom: -1px; padding: 8px 5px; width: 127px; text-decoration: none; color: white; background-color: #0EB69F; font-weight: bold;}
#quicklinks a:hover {background-color: #334A96;}


table.cms-main {font-size: 10px; border-spacing: 0px; width: 100%;}
table.cms-main td, table.cms-main th {text-align: left; padding: 3px 5px;}
table.cms-main .row1 td {background-color: #eeeeee;}

a.admin {border: 1px solid black; padding: 1px 3px; background-color: yellow; text-decoration: none;}
a.admin:hover {background-color: black; color: white;}

.form-title {border-bottom: 1px solid black; font-size: 18px; margin-bottom: 10px;}

.admintools {width: 150px; float: right; text-align: right;}

#trumba {margin: 40px 0 10px 0;}

#articles {font-family: verdana; font-size: 14px; line-height: 26px;}
#articles .article {padding: 20px 0;}
#articles .article img {float: right; margin-left: 10px;}
#articles .title {font-size: 19px; border-bottom: 1px solid #eeeeee;}
#articles .teaser {font-size: 14px; font-style: italic;}
#articles .body {font-size: 12px;}

table.filelist, table.linklist {width: 100%; line-height: 14px;}
table.filelist th, table.linklist th {font-weight: bold; font-size: 12px; text-align: left;}
table.filelist td, table.linklist td {width: 30%;}
a.articlelink {display: block; width: 90%; text-decoration: none; border: 1px solid black; color: black; background-color: #ffe369; font-size: 10px; padding: 2px 5px;}
a.articlelink:hover {color: white; background-color: #039582;}

#intro {font-size: 12px; border-bottom: 1px solid grey; padding-bottom: 10px; margin-bottom: 10px;}
#intro .title {font-size: 14px; font-weight: bold;}
.help {width: 140px; float: right; padding: 5px; border: 1px solid #999999; background-image: url('head_help.gif'); background-repeat: no-repeat; padding-top: 30px;}

#clockbox {text-align: center; margin-bottom: 15px; border: 2px dotted #E5C849; padding: 8px; background-color: #FFEEA0;}
#js_clock {font-size: 24px;}
