/**************************************************************
   Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/

/*********************************************************
   HTML Elements
 *********************************************************/
* {
padding:0;
margin:0;
}

html,
body {
  height: 100%;
}

body {
margin: 0px auto 0px auto;
height:auto;
font: 400 0.7em verdana, arial, sans-serif;
background-color: #e5f2f5;
color: #909090;
background-image: url('../images/back.gif');
background-repeat: repeat-x;
}

.contentpane{
background-color: #FFFFFF;
background-image: url('../images/back2.gif');
background-repeat: repeat-x;
}

p{
font: 400 1.1em arial;
line-height:1.5em;
margin:5px 5px 10px 5px;
color:#002200;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {
  padding-bottom: 0.2em;

  font: 400 1.6em arial, sans-serif;
  color: #536C71;
  border-bottom: 12px solid #ddd;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}

/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

/* Blockquote */
blockquote {
  margin: 0;
  padding: 0 20px;
  background: #E7F1F3;
  border: 2px dotted #AAD3DB;
}

#wrapper{
margin:0 auto 0 auto;
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
}

#content{
background-color: #FFFFFF;
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
padding: 10px;
overflow: hidden;
}

#break{
position: relative;
height: 20px;
}

/* header */
#header {
position: relative;
height: 240px;
width: 800px;
margin: 0 auto;
background-color: #FFFFFF;
margin: 0;
overflow: hidden;
}

#header .logo{
padding: 20px;
float: left;
background-color: transparent;
}

#header .banner{
float: right;
padding: 0px;
margin: 0px;
}

#header .headimg {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 1.5em 1em 0 0 !important;
  margin: 1.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  padding: 0 1.5em 0 4px;
  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;
  color: #3B5D77;
  text-decoration: none;
  font-weight: bold;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #B0B0B0;
}

/* topmenu */
#topmenu{
background-color: #4a4a4a;
width: 774px;
padding: 3px;
font: 400 1.2em arial, sans-serif;
font-weight: bold;
color: #FFFFFF;
overflow: hidden;

}

#topmenu p{
padding: auto;
margin: 0;
font: 400 1.1em arial, sans-serif;
color: #FFFFFF;
}

#topmenu input#searchbox{
color:#606060;
vertical-align: top;
background-image:url('../images/blue/magnifying-glass.gif');
background-repeat:no-repeat;
padding-left:20px;
}

/* menu */
.moduletable-leftnav{
padding-bottom: 10px;
}

.moduletable-leftnav table td{
padding: 0px 0px 10px 0px;
}

.moduletable-leftnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

.moduletable-leftnav li { margin: 0 0 5px 0; }


a.mainlevel:link, a.mainlevel:visited {
	font: 400 1.1em verdana, arial, sans-serif;
display: block;
padding: 3px 2px 3px 24px;
//border-left: 2px solid #A4A4A4;
width: 160px;
color: #2168D3;
}

a.mainlevel:hover {
	font: 500 1.1em verdana, arial, sans-serif;
background-color: #CFCFCF;
color: #333;
}

#active_menu {
font: 500 1.1em verdana, arial, sans-serif;
background-color: #CFCFCF;
color: #333;
}

#active_menu:hover {
font: 500 1.1em verdana, arial, sans-serif;
background-color: #CFCFCF;
color: #333;
}



/* sub menu table */

a.sublevel:link, a.sublevel:visited {
font: 400 1.1em verdana, arial, sans-serif;
display: block;
padding: 3px 2px 3px 19px;
width: 163px;
color: #2168D3;
}

a.sublevel:hover {
font: 500 1.1em verdana, arial, sans-serif;
background-color: #CFCFCF;
color: #333;
}



/* latest news */
.moduletable-news{
padding: 10px;
margin: 5px;
}

.moduletable-news h3{
color: #9F9F9F;
font-weight:bold;
font-size: 1.3em;
border-bottom: 3px solid #A0A0A0;
}

.moduletable-news li { margin: 0 0 3px 0; }

.moduletable-news a
{
display: block;
padding: 3px 2px 3px 24px;
width: 200px;
color: red;
font-size: 1.3em;
}

.latestnews-news:link, .latestnews-news:visited
{
color: #3366CC;
text-decoration: none;
}

.latestnews-news:hover
{
color: #333;
}

/* content */
#c-left{
width: 196px;
padding: 2px;
}

#c-right{
width: 576px;
padding: 2px;
}


/* round corner */
b.wtop, b.wbottom { display:block; background-color:transparent; clear:both;}
b.wtop b, b.wbottom b { display:block; height:1px;
    overflow:hidden; background-color:#FFFFFF; }
b.w1 { margin:0 5px; }
b.w2 { margin:0 3px; }
b.w3 { margin:0 2px; }
b.w4 { margin:0 1px; }
b.wtop b.w5, b.wbottom b.w5 { margin:0 0px; height:2px; }

b.btop, b.bbottom { display:block; background-color:transparent; clear:both;}
b.btop b, b.bbottom b { display:block; height:1px;
    overflow:hidden; background-color:#4a4a4a; }
b.b1 { margin:0 5px; }
b.b2 { margin:0 3px; }
b.b3 { margin:0 2px; }
b.b4 { margin:0 1px; }
b.btop b.b5, b.bbottom b.b5 { margin:0 0px; height:2px; }

/* width */
.width{
width: 800px;
}

.left{
float: left;
}

.right{
float: right;
}

/* Footer */

.footer {
height:80px;
}

.foot-font {
font-size:.8em;
color:#330000;
text-align:center;
padding:1em 0 1em 0;
}

.foot-font a{
color:#002200;
font-weight:bold;
}

.contentheading{
color: #9F9F9F;
font-weight:bold;
font-size: 1.3em;
}

#headmenu{
height: 22px;
background-color: #CFCFCF;
margin-bottom: 20px;
}

#headmenu ul{
  margin: 0.5em 1em 0 0 !important;
  margin: 0.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#headmenu ul li {
  display: inline;
  list-style: none;
}

#headmenu ul li a {
  padding: 0 1.5em 0 4px;
  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 1em;
  color: #3B5D77;
  text-decoration: none;
  font-weight: bold;
}

#headmenu ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#headmenu ul li a:hover {
  color: #330099;
}

.latestnews li {
  display: block;
  list-style: none;
  padding: 5px;
  list-style-type: disc;
}

.latestnews li a {
  padding: 1px 1.5em 0 4px;
  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;
  color: #3B5D77;
  text-decoration: none;
}

.contentpaneopen{
font-size:1.1em;
line-height:1.5em;
margin:5px 5px 10px 5px;
color:#002200;
}

.t-font {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .95em;
color: #330000;
text-align: justify;
}

.moduletable-online{
width: 160px;
text-align: center;
}

.moduletable-online th{
padding-top: 20px;
}

.moduletable-rss{
width: 160px;
margin-top: 20px;
text-align: center;
}

.moduletable-poll{
width: 160px;
padding: 0;
margin-top: 20px;
text-align: center;
}

.pollstableborder-poll tr{
text-align: left;
}

.componentheading{
color: #9F9F9F;
font-weight:bold;
font-size: 1.4em;
padding-bottom: 5px;
}

.button{
background-color: transparent;
border: 1px solid #336699;
color: #336699;
cursor: hand;
font-weight: bold;
}

.moduletable-latest{
padding-top: 50px;
}

.moduletable-latest h3{
color: #9F9F9F;
font-weight:bold;
font-size: 1.3em;
border-bottom: 3px solid #A0A0A0;
padding: 0;
margin: 0;
}

.latestnews-latest{
list-style: none;
padding: 5px 0;
margin: 5px 0;
}

.latestnews-latest:link, .latestnews-latest:visited
{
color: #3366CC;
text-decoration: none;
}

.latestnews-latest:hover
{
color: #333;
}

.search-search{
padding-bottom: 10px;
margin-bottom: 10px;
}

.search-search input{
color:#606060;
border: 1px solid #6699FF;
height: 20px;
}