/* container
----------------------------------------------- */
#container
{
	margin:10px auto;
	max-width:955px;
	min-width:765px;
	width:expression(document.body.clientWidth > 955? "955px": "auto" );
	width:95%;
}
/* header
----------------------------------------------- */
#header {
  background:#A2AC38 url("images/header.jpg") no-repeat 0 0;
  width:100%;
  height:91px;
  margin-bottom:1px;
}
#header h1 {
  float:left;
  margin:31px 0px 0px 0px;
  }
#header img {
  display:block;
}

/* left
----------------------------------------------- */
td#left {
	background-color: #ffffff;
	vertical-align:top;
	width: 168px;
}

/* content
----------------------------------------------- */
td#content {
	background-color: #ffffff;
	vertical-align:top;
	padding:35px 30px 30px 30px;
}

td#content ul, td#content ol{
	padding:10px 35px;
	line-height:1.3;
}

td#content p{
	line-height:1.3;
	margin:6px 0px;
}


/* right
----------------------------------------------- */
td#right {
	background-color: #cccccc;
	vertical-align:top;
	width: 150px;
}


/* footer
----------------------------------------------- */
#footer {
	background:#ffffff;
	width:100%;
	height:22px;
	clear:both;
	font-size:11px;
	border-top:2px solid #275F87;
}
#footer_left {
	float:left;
	padding: 5px;
	color: #274987;
}
#footer_right {
	float:right;
	padding: 5px;
	color: #666666;
}
#footer_right a{
	color:#666666;
	font-size:11px;
	text-decoration:none;
}

/* leftnav
----------------------------------------------- */

#leftnav {
    width: 170px;
    padding: 31px 0px 0px 0px;
}

#leftnav ul{
	list-style:none;
}

#leftnav li{
    font: 80%/12px 'Trebuchet MS', verdana, geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
    float: right;
}

#leftnav li a, #leftnav #active, #leftnav #active a{    
    display: block;
	width: 115px;
	color: #275F87;
	padding: 11px 0 4px 0px;
	border-bottom: 1px dashed #A57A4B;
	text-decoration:none;
}
/*\*/
* html td#left div#leftnav li a, * html td#left div#leftnav li#active{width:115px}
/**/
#leftnav li#active{color: #6D7E0E}
#leftnav li a:hover {color: #99B013}

#leftnav ul ul{
	list-style:none;
}

#leftnav ul ul li {
    font: 90%/11px 'Trebuchet MS', verdana, geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
    float: right;
}

#leftnav ul ul li a {    
    display: block;
	width: 100px;
	color: #275F87;
	padding: 11px 0 4px 0px;
	border-bottom: 1px dashed #A57A4B;
}
#leftnav ul ul li#active {    
    display: block;
	width: 100px;
	color: #6D7E0E;
	padding: 11px 0 4px 0px;
	border-bottom: 1px dashed #A57A4B;
}
/*\*/
* html td#left div#leftnav ul ul li a, * html td#left div#leftnav ul ul li#active{width:100px;}
* html td#left div#leftnav ul ul li a:hover {color:#99B013;}
/**/


/* Extras
----------------------------------------------- */
p.intro {
	color:#A57A4B;
	font-weight:bold;
}
.floatright {
	float:right;
	padding:0px 5px 10px 20px;
}
.floatright img{
	margin-bottom:10px;
}

table.homenews  {
	margin-top:5px;
}

table.homenews td {
	width:50%;
	color:#333333;
	font-size:12px;
	padding:8px;
	vertical-align:top;
}
table.homenews td h3{
	color:#333333;
	font-weight:bold;
	font-size:14px;
	vertical-align:top;
}
table.homenews th {
	color:#333333;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	padding:8px;
	vertical-align:top;
	border-bottom:1px solid #cccccc;
}

table.services  {
	margin-top:10px;
}

table.services td {
	color:#333333;
	font-size:12px;
	padding:8px;
	vertical-align:top;
	border-bottom:1px solid #cccccc;
}
table.services th {
	color:#333333;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	padding:18px 8px 8px 8px;
	vertical-align:top;
	border-bottom:1px solid #cccccc;
}
table.services td ul {
	margin:0;
	padding:0;
}
table.services td ul li {
	color:#333333;
	font-size:12px;
	margin:0;
}
table.contact  {
	margin-top:10px;
	width:400px;
}

table.contact td {
	color:#333333;
	font-size:12px;
	padding:8px;
	vertical-align:top;
}
table.contact th {
	color:#333333;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	padding:8px;
	vertical-align:top;
}

table.indlinks {
	width:95%;
}
table.indlinks td {
	color:#333333;
	font-size:12px;
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px dotted #cccccc;
}
table.indlinks td p{
	margin-top:0px;
}
.news {
	margin-top:10px;
	margin-bottom:15px;
	border:1px solid #E4E4E4;
	padding:5px;
	font-size: 12px;
	color: #444;
}
.news h2{
	color:#666666;
	margin-top:5px;
	margin-bottom:6px;
	border:0;
}
#download {
	height:30px;
	background-image:url(images/pdf.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:15px 0px 0px 20px;

}
#download a{
	font-weight:bold;
	font-size:11px;
}

ul.spacey li {
	list-style:none;
	padding:5px 0px 5px 15px;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
}
ul.sublist {
	list-style:none;
}
table.services ul.sublist li{
	color:#6B521E;
	font-size:11px;
}
/* read more links
----------------------- */
.rm a
{
	background: 	url(images/more.gif) no-repeat 0 0;
	padding: 		0 0 0 14px;
	margin: 		.5em 0 0 0;
}
/* Here comes the fancy part */
.rm a span
{
	/*
	Use 'position:absolute' to push the span inside the anchor
	way off the screen
	*/
	position: 		absolute;
	left: 			-9999px;
	width: 			900px;
}
.rm a:hover,
.rm a:focus,
.rm a:active
{
  /*
  On 'hover' set the anchor to 'position:relative' to get a
  measuring point. Somehow IE doesn't like it when this is
  in the '.rm a' declaration...
  */
  position: relative;
}
.rm a:hover span,
.rm a:focus span,
.rm a:active span
{
  /*
  Take the previously hidden span and display it near the anchor
  */
  left: 20px;
  top: 20px;
  width: 140px;
  /*
  This is just for looks...
  */
  padding: 5px;
  line-height: 1;
  font-size: 80%;
  background: #FFFFF6;
  border: 1px solid #666;
  color: #000;
  text-decoration: none;
}
.rm a:hover span:before,
.rm a:focus span:before,
.rm a:active span:before
{
  /*
  IE doesn't show this - but others do.
  */
  content: "Read more";
}