html { height: 100%; }
.clr { clear: both; }
h3 { text-align: left; }
p {
padding-top: 0px;
padding-bottom: 0px; 
margin-top: 0px;
margin-bottom: 0px;
font-size: 12px;
line-height: 150%;
}
.outline {
border: 1px solid #cccccc;
background: #ffffff;
padding: 2px;
}
table out {
border: 0px;
border-collapse: collapse;
}
td.out_tl {
width: 5px; 
height: 5px; 
background:url(../images/tl.png);
background-repeat: no-repeat;
background-position: right;
}
td.out_t {
  height: 5px;
  background:url(../images/t.png);
  background-repeat: repeat-x;
}
td.out_tr {
  width: 5px;
  height: 5px;
  background:url(../images/tr.png);
  background-repeat: no-repeat;
  background-position: left;
}
td.out_l {
  width: 5px;
  background:url(../images/l.png);
  background-repeat: repeat-y;
  background-position: right;
}
td.out_r {
  width: 5px;
  background:url(../images/r.png);
  background-repeat: repeat-y;
  background-position: left;
}
td.out_bl {
  width: 5px;
  height: 5px;
  background:url(../images/bl.png);
  background-repeat: no-repeat;
  background-position: right;
}
td.out_b {
  height: 5px;
  background:url(../images/b.png);
  background-repeat: repeat-x;
}
td.out_br {
  width: 5px;
  height: 5px;
  background:url(../images/br.png);
  background-repeat: no-repeat;
  background-position: left;
}
#buttons_outer {
  width: 635px;
  margin-bottom: 2px;
  margin-right: 2px;
  float: left;
}
#buttons_inner {
  border: 1px solid #cccccc;
  height: 21px !important;
  height: 23px;
}
#pathway_text {
  overflow: hidden;
  display: block;
  height: 25px;
  line-height: 25px !important;
  line-height: 22px;
  padding-left: 4px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2px;
}
#pathway_text img {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 6px;
}
#buttons {
  float: left;
  margin: 0px;
  padding: 0px;
  width: auto;
}
ul#mainlevel-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.8em;
}
ul#mainlevel-nav li {
  background-image: none;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  margin: 0;
  font-size: 11px;
  line-height: 21px;
  white-space: nowrap;
  border-right: 1px solid #cccccc;
}
ul#mainlevel-nav li a {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  color: #6455CC;
  background: transparent;
}
#buttons>ul#mainlevel-nav li a { 
  width: auto; 
}
ul#mainlevel-nav li a:hover  {
  color: #fff;
  background: #6455CC;
}
#search_inner {
  height: 58px;
  width: 163px;
  float: right;
  border: 1px solid #cccccc;
  overflow: hidden;
}
#search_inner .inputbox {
  border: 1px solid #6455CC;
  margin: 2px; 
  padding: 2px 2px 2px 2px;
  font-family: arial, helvetica, sans-serif;
  font-size: 10px;
  color: #6455CC;
}
#search_inner .button {
  margin: 2px;
}
#header_outer {
  text-align: left;
  border: 0px;
  margin: 0px;
}
#header {
  float: left;
  padding: 0px;
  margin-right: 2px;
  width: 806px;
  height: 150px;
  background: url(../images/jugheader.jpg) no-repeat;
}
#top_outer {
  float: right;
  width: 165px;
}
#top_inner {
  border: 1px solid #cccccc;
  padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}
#left_outer {
  float: left;
  margin-top: 2px;
  width: 165px;
}
#left_inner {
  padding: 2px;
  float: none !important;
  float: left;
}
#content_outer {
  padding: 0px;
  margin-top: 0px;
  margin-left: 2px;
  float: left;
  width: 807px;
}
#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}
table.content_table {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
table.content_table td {
  padding: 0px;
  margin: 0px;
}
#banner_top {
  float: right;
  width: 468px;
  height: 60px;
  text-align: center;
}
#banner_inner {
  float: left;
  min-width: 600px;
  padding: 0px;
  margin-bottom: 2px;
  height: 60px;
  text-align: center;
}
#poweredby_inner {
float: right;
padding: 0px;
margin-left: 0px;
height: 70px;
}
#right_outer {
margin-left: 0px;
width: 100%;
}
#right_inner {
  float: none !important;
  float: left;
  padding: 0px;
}
.user1_inner {
  border: 1px solid #cccccc;
  float: none !important;
  float: left;
  margin: 0px;
  padding: 2px;
}
.user2_inner {
  border: 1px solid #cccccc;
  float: none !important;
  float: left;
  margin: 0px;
  padding: 2px;
}
table td.body_outer {
  padding: 10px;
}
.maintitle {
  color: #ffffff;
  font-size: 40px;
  padding-left: 15px;
  padding-top: 20px;
}
.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}
.back_button {
  float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}
.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}
.pagenavbar {
margin-right: 10px;
float: right;
}
#footer {
text-align: center;
padding: 3px;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
li {
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
}
td {
  text-align: left;
  font-size: 12px;
  line-height: 150%;

}
body {
  margin-top: 0px;
  height: 100%;
  padding: 0px;
  font-family: Arial, Helvetica, Sans Serif;
  line-height: 120%;
  font-size: 11px;
  color: #333333;
  margin-bottom: 1px;
  background: #cccccc;
}
a:link, a:visited {
  color: #6455CC; 
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #4b3f98;	
  text-decoration: none;
  font-weight: bold;
}
table.contentpaneopen {
  width: 100%;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px;
}
table.contentpaneopen td {
   padding-right: 5px;
}
table.contentpaneopen td.componentheading {
  padding-left: 4px;
}
table.contentpane {
  width: 100%;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px;
}
table.contentpane td {
  margin: 0px;
  padding: 0px;
}
table.contentpane td.componentheading {
  padding-left: 4px;
}
table.contentpaneopen fieldset {
  border: 0px;
  border-bottom: 1px solid #eee;
}
.button {
  color: #6455CC;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  height: 22px;
  margin: 1px;
}
.inputbox {
  padding: 2px;
  border:solid 1px #6455CC;
  background-color: #ffffff;
  font-size: 10px;
}
.componentheading {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
  text-align: left;
  padding-top: 4px;
  padding-left: 4px;
  height: 21px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}
.contentcolumn {
  padding-right: 5px;
}
.contentheading {
  height: 30px;
  color: #6455CC;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
}
.contentpagetitle {
  font-size: 13px;
  font-weight: bold;
  color: #cccccc;
  text-align:left;
}
table.searchinto {
  width: 100%;
}
table.searchintro td {
  font-weight: bold;
}
table.moduletable {
  width: 100%;
  margin-bottom: 5px;
  padding: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}
div.moduletable {
  padding: 0;
  padding-bottom: 10px;
  margin-bottom: 2px;
}
table.moduletable th, div.moduletable h3 {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
  text-align: left;
  padding-left: 4px;
  height: 21px;
  line-height: 21px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0 0 2px 0;
}
table.moduletable td {
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}
table.pollstableborder td {
  padding: 2px;
}
.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
}
.sectiontableentry1 td {
  background-color: #ffffff;
  height: 50px;  
}
.sectiontableentry2 td {
  background-color: #f9f9f9;
  height: 50px;  
}
.small {
  color: #999999;
  font-size: 11px;
}
.createdate {
  height: 15px;
  padding-bottom: 10px;
  color: #999999;
  font-size: 11px;
}
.modifydate {
  height: 15px;
  padding-top: 10px;
  color: #999999;
  font-size: 11px;
}
table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}
table.contenttoc td {
  padding: 2px;
}
table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
  text-align: left;
  padding-top: 2px;
  padding-left: 4px;
  height: 21px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}
a.mainlevel:link, a.mainlevel:visited {
  display: block;
  background: url(../images/menu_bg.png) no-repeat;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
  color: #6455CC;
  text-align: left;
  padding-top: 5px;
  padding-left: 18px;
  height: 20px !important;
  height: 25px;
  text-decoration: none;
}
a.mainlevel:hover {
  background-position: 0px -25px;
  text-decoration: none;
  color: #fff;
}
a.mainlevel#active_menu {
  color:#fff;
  font-weight: bold;
}
a.mainlevel#active_menu:hover {
  color: #fff;
}
a.sublevel:link, a.sublevel:visited {
  padding-left: 1px;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
  color: #6455CC;
  text-align: left;
}
a.sublevel:hover {
  color: #6455CC;
  text-decoration: none;
}
a.sublevel#active_menu {
	color: #333;
}
.highlight {
  background-color: Yellow;
  color: Blue;
  padding: 0;
}
.code {
  background-color: #ddd;
  border: 1px solid #bbb;
}
form {
  margin: 0;
  padding: 0;
}
div.mosimage {
  border: 1px solid #ccc;
}
.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}
.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}
span.article_seperator {
  display: block;
  height: 1.5em;
}
div.frontpagebanner {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.frontpageskyscraper {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.frontpageskyscraper h3 {
  margin-bottom: 20px;
}

#mod_login_usernametext {
  float: left;
  height: 16px;
}
#mod_login_username {
  float: right;
  width: 70px;
}
#mod_login_passwordtext {
  float: left;
  height: 16px;
}
#mod_login_password {
  float: right;
  width: 70px;
}
#mod_login_remembertext {
  float: left;
}
#mod_login_remember {
  float: none;
}
#mod_login_noaccount {
  margin-top: 5px;
  padding-top: 5px;
}
#mod_login_logoutform {  
  text-align: center;
}
#mod_loginform {
 text-align: center;
}
#mod_loginform .button {
 margin: 5px;
}
a.mod_login {
  width: 150px;
  float: left;
  clear: both;
}
#mod_login_greeting {
  width: 100%;
  line-height: 150%;
  text-align: center;
  float: left;
  clear: both;
}
td.cal_month {
  border: 0px solid black;
  text-align: center;
}
td.cal_month_title {
  width: 154px;
  text-align: center;
  display: none;
}
td.cal_month_previous {
  text-align: center;
  display: none;
}
td.cal_month_name {
  text-align: left;
}
td.cal_month_next {
  text-align: center;
  display: none;
}
td.cal_month_week_day_name {
  width: 22px;
  text-align: center;
  vertical-align: middle;
  background-color: #eeeeee;
}
td.cal_month_day {
  width: 22px;
  text-align: center;
  vertical-align: middle;
}
td.cal_month_day_default {
  width: 22px;
  background-color: #ccccdd;
  text-align: center;
}
td.cal_month_day_other_month {
 width: 22px;
 background-color: #ffffff;
 text-align: center;
}
td.cal_month_day_weekend {
 width: 12px;
 background-color: #ccddcc;
 text-align: center;
}
div.cal_month_day_popup {
 background: #ddddff;
 border: medium solid #ffffff;
 padding: 2px;
}
div.cal_month_event {
 width: 120;
 text-align: left;
 vertical-align: top;
 background-color: #ddddff;
}
td.cal_month_categories_selector {
 display: none;
}
td.cal_month_footer {
 text-align: center;
}
table.epoko_list td {
  padding: 5px; 
}