@charset "utf-8";
/* CSS Document */

/* id's */

#wrapper { width:920px; margin:0 auto; text-align:left}
#top_header {width:920px; height:86px; background-image:url(images/bg_top_header.jpg); background-repeat:no-repeat}
#top_nav { float:right; padding:0px 20px 0px 0px}
#top { width:920px; height:43px; overflow:hidden; }
#bottom { width:920px; height:43px; overflow:hidden; }
#nav { float:right; position:relative; top:11px; right:20px; height:32px; overflow:hidden}
#heading { float:left; padding:0px 0px 0px 130px}
#header {width:920px; height:329px; background-image:url(images/bg_header.jpg); background-repeat:no-repeat}
#contact {position:relative; top:240px; font-weight:bold}
#content {width:920px; background-image:url(images/bg_content.jpg); background-repeat:repeat-x; background-color:#F7F7F7; margin:0px 0px 0px 0px; padding:30px 0px 30px 0px}
#content_hp {width:920px; height:190px; background-image:url(images/bg_content_hp.jpg); background-repeat:repeat-x; margin:0px 0px 0px 0px; padding:30px 0px 0px 0px}
#rightcol { float:right; }
#rightcol_hp { float:right; width:285px; padding:0px; margin:0px; position:relative; top:10px; right:10px}
#leftcol { float:left; width:285px; padding:0px; margin:0px 0px 20px 0px; position:relative; top:10px; left:10px}
#leftcol_hp { float:left; width:285px; padding:0px; margin:0px; position:relative; top:10px; left:10px}
#middlecol {padding:0px; margin:0px 10px 20px 315px; position:relative; top:10px;}
#middlecol_hp {padding:0px; margin:0px 315px 0px 315px; position:relative; top:10px;}
#hp_text { margin:20px 10px 10px 10px}
#footer { width:900px; height:100px; clear:both; background-color:#CCC; padding:10px; margin:0px 0px 0px 0px}

/* html elements */

body { text-align:center; font-family: Calibri, Verdana, Geneva, sans-serif; color:#333}
p {margin:0px; padding:0px;}
a:link, a:visited, a:active { text-decoration:none; color:#00F}
a:hover { text-decoration:underline}
img { margin:0px 0px 0px 10px}
h1 { margin:0px; padding:0px; font-size:30px; }
h2 {margin:0px; padding:0px; color:#ff6600; font-size:25px}
h3 {margin:0px; padding:0px;}
h4 {margin:0px; padding:0px;}
h5 {margin:0px; padding:0px;}
h6 {margin:0px; padding:0px;}


/* classes */

.fl_l {float:left}
.fl_r {float:right}
.indent {padding-left: 10px;}
.full {padding: 10px; width:100%; font-style:normal; font-size:medium}

/* Compound elements */

#wrapper #top_header #top #top_nav span a {color:#F60}
#wrapper #header #contact p { font-size:30px; color:#FFF; text-align:right; margin-right:20px}
#wrapper #header #contact p a:link, #wrapper #header #contact p a:active, #wrapper #header #contact p a:visited { color:#FFF; text-decoration:none}
#wrapper #header #contact p a:hover {text-decoration:underline}
#wrapper #content_hp p { width:180px; font-size:16px; padding:10px 0px 0px 0px}
#wrapper #content_hp img {margin:10px 0px 0px 0px}
#wrapper #content_hp span { margin:0px; padding:0px; float:right; font-style:italic; font-size:small}
#wrapper #content #leftcol ul {list-style-image:url(images/bullet.png)}
#wrapper #content #leftcol ul li.active_sidenav a:link, #wrapper #content #leftcol ul li.active_sidenav a:active, #wrapper #content #leftcol ul li.active_sidenav a:visited, #wrapper #content #leftcol ul li.active_sidenav a:hover {text-decoration:underline; color:#333}
#wrapper #content #leftcol ul li a:link, #wrapper #content #leftcol ul li a:active, #wrapper #content #leftcol ul li a:visited {text-decoration:none; color:#333}
#wrapper #content #leftcol ul li a:hover {text-decoration:underline;}
#wrapper #content_hp #hp_text p { width:900px; margin:0px; padding:0px}
#middlecol img { margin:10px}
/* Nav elements */

#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }



#nav li {
  float: left;
  margin-right: 2px;
  }

* #nav li a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* #nav li a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  margin-left: 1px;
  text-decoration: none;
  }

#nav li a {
  display: block;
  height: 32px;
  background: url(images/bg_nav.jpg) left top no-repeat;
  font-size: 10pt;
  text-decoration: none;
  }

#nav li a span {
  display: block;
  margin-left: 1px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 32px;
  color: #FFF;
  background: url(images/bg_nav.jpg) right top ;
  text-decoration: none;
  height:32px;
  font-weight:bolder
  }

#nav li a:hover {
  background-position: left -32px;
  text-decoration: none;
  cursor: pointer; /* For IE6 */
  }

#nav li a:hover span {
  background-position: right -32px;
  color: #333;
  }

#nav li.active a {
  background-position: left -32px;
  }

#nav li.active a span {
  background-position: right -32px;
  color: #333;
  }

#wrapper #content #middlecol p {
	margin-bottom: 5px;
}