/* ##################### GENERAL SETTINGS ##################### ok */

body {
background:  #000000 url(../images/bg.jpg) center top no-repeat;
font: 14px Times New Roman;

margin: 0 auto;
padding: 0;
color: #fff;
text-align: center;
}

.wrapper {
background: #000; 
margin:0 auto; 
padding:0; 
width: 800px;
}

.header {
clear: both;
margin: 0;
background:  url(../images/header.jpg) no-repeat top left;
width: 800px;
height: 205px;
}


h1 {
color: #1E7DFC;
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

h2 {
  color: #1E7DFC; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px; 
  font-weight: bold;
}

h3 {
  color: #1E7DFC; 
  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 #2D4538;
  border-bottom: solid 0px #A1A1A1;
}

table.moduletable th {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  14px; 
  color: #1E7DFC;
  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:  #1E7DFC; 
}

table.moduletablenews {
  margin: 2px 0px 2px 0px;
color: #1E7DFC;
  width: 100%;
  border-left: solid 0px #A1A1A1;
  border-right: solid 0px #A1A1A1;
  border-top: solid 1px #2D4538;
  border-bottom: solid 0px #A1A1A1;
}

table.moduletablenews th {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  14px; 
  color: #1E7DFC;
  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: #1E7DFC;
  border: 1px solid #000000;
  padding: 0px; 
  cursor: pointer;
}

.inputbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #1E7DFC;
  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:  #1E7DFC; 
  font-weight:  bold; 
  background-color: #DDDDDD;
}

.sectiontableentry1 {
  background-color: #FFFFFF;
}

.sectiontableentry2 {
  background-color: #FFFFFF;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# ok */

.leftcol {
float: left;
width: 120px;
margin: 0;
padding: 10px;
vertical-align: top;
}


a.mainlevel:link, a.mainlevel:visited {
display:block;
padding:1px 0 3px 6px;
margin: 0;
color:#1E7DFC;
font: 18px "Times New Roman";
font-weight: bold; 
text-align: left;
width: 110px;
line-height: 20px;
}

a.mainlevel:hover {
color:#FFF;
padding: 1px 0 3px 6px;
margin: 0;
text-align: left;
width: 110px;
display: block;
font: 18px "Times New Roman";
font-weight: bold; 
line-height: 20px;
}

a.sublevel:link, a.sublevel:visited {
  font-family: "Dauphin";
  color: #1E7DFC; 
}

a.sublevel:hover {
  color: #FFF; 
  text-decoration: none;
}

/* ########################### LINKS ########################## ok */

a:link, a:visited {
  font-size: 11px;
color: #F00202;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
color: #1E7DFC;
  font-weight: bold;
  text-decoration  : none;
}

a.category:link, a.category:visited {
  color: #fff;
  font-weight: bold;
}

a.category:hover {
  color: #fff;
font-weight: bold;
}

/* ##################### PAGE NAVIGATION ###################### ok */

.pagenav {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  line-height:  20px; 
  color: #fff;
  font-weight:  bold; 
  text-decoration:  none; 
}

a.pagenav:link, a.pagenav:visited {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  line-height:  20px; 
  color:  #fff; 
  font-weight:  bold; 
  text-decoration:  none; 
}

a.pagenav:hover {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  line-height:  20px; 
  color:  #fff; 
  font-weight:  bold;
  text-decoration:  none;  
}

/* ################### SMALL FONT SETTINGS #################### ok */

.small {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #1E7DFC;
  text-decoration: none;
  font-weight: normal;
}

.smalldark {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #1E7DFC;
  text-decoration: none;
  font-weight: bold;
}

.modifydate {
line-height: 15px;
  font-size: 11px;
  color: #1E7DFC;
  font-weight: normal;
  font-style: italic;
  vertical-align: top;
  display: block;
}

.createdate {
  line-height: 15px;
  font-size: 11px;
  color: #1E7DFC;
  font-weight: normal;
  font-style: italic;
  vertical-align: top;
  display: block;
}

a.readon:link, a.readon:visited {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  color:  #fff; 
}

a.readon:hover {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  11px; 
  color:  #fff; 
}

/* ################### CONTENT PAGE SETTINGS ################## ok */
.content {
width: 640px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 140px;
padding: 0 5px 0 5px;
background: #000;
text-align: left;
border: solid 4px #FA060D;
}

.contentpane {
  border: 0px dotted #A1A1A1;
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
}

.contentpaneopen {
  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: 12px;
  font-weight: bold;
  color: #2679F4;
  text-align: left;
  text-indent: 5px;
padding-right: 5px;
  width: 100%;
  height: 24px;
background-width: 100%;
}

.contentdescription {
  font-size: 16px;
color:#2679F4;
font-family: Times New Roman; 
}

.componentheading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
  padding-top: 4px;
  font-size: 12px;
  font-weight: bold;
  color: #2679F4;
  text-align: left;
  text-indent: 20px;
  width: 100%;
  height: 24px;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
  color: #2679F4;
 text-align:left;
 text-decoration: underline;
 }

a.contentpagetitle:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-align:left;
 color: #FFF;
 text-decoration: none;
 font-weight: bold;
 }


/* Javascript Back button */
.back_button {
  text-align: center;
 margin-top: 40px;
}

.back_button a:link {
color: #2679F4;
}

#footer {
margin: 0;
padding: 0;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 60px;
width: 800px;
text-align: center;
color: #2679F4;
font-size: 11px;
font-weight: bolder;
}