/*  GLOBAL -------------------------------------------    */

* {
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0px;
padding:0px;
}

:-moz-any-link:focus {outline:none;}
form {margin:0px;}
textarea,select,input {font-family:arial;}
img {border:0px; }
ul {
padding: 0px 0px 0px 12px;
margin: 10px 0px 10px 12px;
}

body  {
margin:0px;
padding:0px;
text-align:center;
background: #b0c5d0 url(images/bg.jpg) repeat-x; 
}

.maincontainer {
width:924px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding-top:0px;
}

.homecontainer {
	position:relative;
	float:left;
	width:924px;
	min-height:500px;
	height:auto !important;
	height:500px;
}

/*  TEXT -------------------------------------------    */

body, div  {
font: 12px Verdana,Arial,helvetica,MS san-serif;
text-decoration:none;
color: #333333;
line-height:20px;
}

a {
text-decoration:underline;
color : #0000ff;
}

a:hover {
text-decoration:none;
color : #0000ff;
}

table  {
table-layout:fixed;
border-spacing:0px;
border-collapse:collapse;
}

td {
padding:0px;
margin:0px;
border: 0px;
vertical-align:top;
}

.maintable {
width:924px;
float:left;
}

td.maintableleft  {
width:10px;
background: url(images/margin_leftback.jpg) repeat-y;
}

td.maintableright {
width:10px;
background: #f1f1e8 url(images/margin_rightback.jpg) repeat;
}

td.maintablecenter {
width:904px;
background:  #ffffff;
}

/*  TOP  NAV HORIZONTAL-------------------------------------------    */

.topnavbox {
float:left;
width:904px;
height:32px;
margin: 0px 0px 0px 0px;
background: #ffffff url(images/nav_back.jpg) repeat-x; 
}

.topnav,.topnavon  {
float:left;
display:inline;
font: 15px Verdana,Arial,helvetica,MS san-serif;
padding: 0px 0px 0px 0px;
border-right:1px solid gray;
line-height:32px;
}

.topnav a,.topnav a:hover  {
text-decoration:none;
text-align:center;
display:block;
height:32px;
}

.topnav a {
color:#ffffff;
}

.topnav a:hover {
color:#ffffff;
background: url(images/navonback.jpg) repeat-x; 
}

.topnavon a:hover,.topnavon a  {
background: #e7ecee; 
text-align:center;
text-decoration:none;
margin: 0px 0px 0px 0px;
display:block;
height:32px;
color:#000066;
font-weight:bold;
}


/* HOME PAGE  -------------------------------------------    */

div.homenews a {
font: bold 15px Arial,helvetica,MS san-serif;
color:#000099;
text-decoration:none;
}

div.homenews a:hover {
font: bold 15px Arial,helvetica,MS san-serif;
color:#0000ff;
text-decoration:underline;
}

div.homenews ul {
margin: 0px 0px 0px 8px; 
padding: 0px 0px 0px 8px; 
list-style-type:square;
}


/* SUB PAGES  -------------------------------------------    */

.defaultmargin {
margin: 0px 50px 0px 64px;
}

.contentside {
float:left;
display:inline;
width:300px;
padding:20px 0px 0px 0px;
}


.contentcenter {
float:left;
display:inline;
width:480px;
padding:22px 0px 20px 0px;
margin: 0px 40px 0px 60px;
background-color:#ffffff;
}


/* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h6{
      background: transparent url(/images/boxback.png) no-repeat bottom right}
    
.cssbox{
    /* intended total box width - padding-right(next) */
      width:280px !important; /* IE Win = width - padding */
      width: 300px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:10px; /* use to position the box */
      margin:0px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-10px; 
    /* right-image-gap + right-inside padding */
      padding-right:10px}

    /* set the top-left image */
    .cssbox_head h6 {
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:0px 0px 0px 20px; 
      height:8px !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:10px; /* interior-padding right */ 
      padding:0px 0 10px 20px} /* mirror .cssbox_head right/left */






/*  FOOTER -------------------------------------------    */

.footerbox {
	width:923px;
text-align:center;
}

.footer a {
font: 10px Arial,helvetica,MS san-serif;
	color : #333333; 
	text-decoration:none;
	font-weight:normal;
}

.footer a:hover {
	color : #333333;
	text-decoration:underline;
}