/* ##################### GENERAL SETTINGS ##################### ok */

body {
background:  #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
color: #000;
text-align: center;
}

#wrapper {
background: #fff; 
margin:0 auto; 
padding:0; 
width: 800px;
border: 5px solid #737373;
}

.wrapper {
width: 530px;
border: 0px;
height: 500px;
}
.header {
background: url(../images/header1.jpg) no-repeat top left;
width: 800px;
height: 125px;
margin: 0;
padding: 0;
}

.top {
clear: both;
margin: 0;
padding: 0;
background:  #737373;
width: 800px;
height: 50px;
}

.leftcol {
background: #fff;
float: left;
width: 185px;
margin: 0;
padding: 5px;

}

h1 {
color: #737373;
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

h2 {
  color: #737373; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px; 
  font-weight: bold;
}

h3 {
  color: #737373; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px; 
  font-weight: bold;
}


/* ##################### MODULE SETTINGS ###################### ok */

table.moduletable {
  margin: 5px 0px 5px 0px;
  width: 100%;
  border-left: solid 0px #A1A1A1;
  border-right: solid 0px #A1A1A1;
  border-top: solid 1px #737373;
  border-bottom: solid 0px #A1A1A1;
}

table.moduletable th {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  14px; 
  color: #737373;
  vertical-align: middle;
  text-align: left;
  white-space: wrap;
  border: 0px dotted #A1A1A1;
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
  height: 24px;
  width: 100%;
  padding: 0px;
  
}

table.moduletable td {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  12px; 
  line-height:  14px; 
  color:  #fff; 
}

table.moduletablenews {
  margin: 2px 0px 2px 0px;
color: #fff;
  width: 100%;
  border-left: solid 0px #A1A1A1;
  border-right: solid 0px #A1A1A1;
  border-top: solid 1px #737373;
  border-bottom: solid 0px #A1A1A1;
}

table.moduletablenews th {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  14px; 
  color: #737373;
  vertical-align: middle;
  text-align: left;
  white-space: wrap;
  border: 0px dotted #A1A1A1;
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
  height: 24px;
  width: 100%;
  padding: 0px;
}

table.moduletablenews td {
width: 100%;
}

/* ##################### FORM SETTINGS #################### ok */

.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  text-align:  center;
  font-size: 10px;
  font-weight: bold;
  line-height:  20px;
  background-color: #dddddd;
  color: #000;
  border: 1px solid #000000;
  padding: 0px; 
  cursor: pointer;
}

.inputbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}

/* ################# SECTION LISTING SETTINGS ################# ok */

.sectiontableheader {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  line-height:  20px; 
  color:  #fff;
background: #000; 
  font-weight:  bold; 
 }

.sectiontableentry1 {
  background-color: transparent;
}

.sectiontableentry2 {
  background-color: transparent;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# ok */



a.cat, a.cat:link, a.cat:visited, a.cat:hover {
font-size: 15px;
}


a.mainlevel:link {
padding:1px 0 3px 6px;
margin: 0;
color:#060689;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold; 
text-align: left;
width: 150px;
line-height: 20px;
}

a.mainlevel:visited {
padding:1px 0 3px 6px;
margin: 0;
color:#AAA;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold; 
text-align: left;
width: 150px;
line-height: 20px;

}
a.mainlevel:hover {
color:#D21027;
padding: 1px 0 3px 6px;
margin: 0;
text-align: left;
width: 150px;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold; 
line-height: 20px;
}

#active_menu {
color : #D21027;
}

a#active_menu:hover {
color : #D21027;
}



a.sublevel:link, a.sublevel:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000; 
}

a.sublevel:hover {
  color: #737373; 
  text-decoration: none;
}

/* ########################### LINKS ########################## ok */

a:link {
  font-size: 11px;
color: #1115AD;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

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

a.category:link{
  color: #1115AD;
  font-weight: bold;
}

a.category:visited {
color #DDD;
font-weight: bold;
}

a.category:hover {
  color: #F32F0E;
font-weight: bold;
}

/* ##################### PAGE NAVIGATION ###################### ok */

.pagenav {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  line-height:  20px; 
  color: #1115AD;
  font-weight:  bold; 
  text-decoration:  none; 
}

a.pagenav:link {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  line-height:  20px; 
  color:  #1115AD; 
  font-weight:  bold; 
  text-decoration:  none; 
}

a.pagenav:visited 
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  line-height:  20px; 
  color:  #DDD; 
  font-weight:  bold;
  text-decoration:  none;  
}
a.pagenav:hover {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  line-height:  20px; 
  color:  #F32F0E; 
  font-weight:  bold;
  text-decoration:  none;  
}

/* ################### SMALL FONT SETTINGS #################### ok */

.small {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

.smalldark {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.modifydate {
line-height: 15px;
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  font-style: italic;
  vertical-align: top;
  display: block;
}

.createdate {
  line-height: 15px;
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  font-style: italic;
  vertical-align: top;
  display: block;
}

a.readon:link{
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  color:  #1115AD; 
}

a.readon:visited {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #ddd;
}

a.readon:hover {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  color:  #F32F0E; 
}

/* ################### CONTENT PAGE SETTINGS ################## ok */

.content {
float: right;

width: 585px;
margin: 0;
padding: 0 5px 0 5px;
background: #000;
text-align: left;
border-left: 2px solid #737373;
}

table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: 100%;
  border: 0px dotted #A1A1A1;
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
}

.contentheading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  text-indent: 5px;
padding-right: 5px;
  width: 100%;
  height: 24px;
}

.contentdescription {
  font-size: 14px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.componentheading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
  padding-top: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  text-indent: 20px;
  width: 100%;
  height: 24px;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
  color: #1115AD;
 text-align:left;
 text-decoration: underline;
 }

a.contentpagetitle:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-align:left;
 color: #ddd;
 text-decoration: none;
 font-weight: bold;
}

a.contentpagetitle:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-align:left;
 color: #F32F0E;
 text-decoration: none;
 font-weight: bold;
 }


/* Javascript Back button */
.back_button {
  text-align: center;
 margin-top: 40px;
}

.back_button a:link {
color: #1115AD;
}

.bottom {
background: #fff;
width: 100%;
margin: 0;
padding: 0;
height: 80px;
}

.b1 {
float: left;
width: 47px;
background: url(../images/logo.jpg) no-repeat top left; 
height: 80px;
}

.b2 {
float: left;
width: 330px;
}

.b3 {
float: left;
width: 330px;
}

.b4 {
width: 81px;
background: url(../images/bbblogo.jpg) no-repeat top left;
height: 80px;
}

#footer {
clear: both;
margin: 0;
background: #fff;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
width: 800px;
text-align: center;
color: #000;
font-size: 10px;
border-top: 2px solid #737373;
}