body {
        margin: 0 auto;
        padding: 2 0 0 0;
        background: url(images/headerbg.jpg) repeat-x;
		background-color:#FFFFFF;
        font-family: Arial;
        font-size: 9pt;
        color: #595959;
        text-align: center;
    }
    h1 { 
        color: #4887ae;
        font-size: 16pt;
		margin-bottom:6px;
    }
    h2 {
        color: #8B8B8B;
        font-size: 12pt;
		margin-top:2px;
		font-weight:bold;
    }
    h3 {
         color: #0c5da2;
        font-size: 12pt;    
    }
    h4 {
         color: #0c5da2;
        font-size: 9pt; 
        padding: 3px;   
    }    
    a {
        color: #4887ae;
    }
    input {
        padding: 2px;
        font-family: Arial;
        font-size: 8pt;
        color: #595959;    
    }
    #wrapper {
        margin: 0 auto;
        width: 970px;
        text-align: left;
    }
    #topline {
        text-align: right; 
        color: #ccdbe3;
        font-size: 8pt;
        padding-right: 10px;       
    }
    #topline a {
        color: #ccdbe3;
    }
    #top {
        width: 100%;
        height: 118px;
        padding-top: 2px;
		padding-left:2px;
    }
    #menuwrap {
        margin-top:3px;
        list-style: none;
    }
.clearfix {
  display:inline-block;
}

.clearfix:after {
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
  content: ".";
}    
    #banner {
        height: 264px;
        background: url(images/banner.jpg) no-repeat;
    }
    #content {
        background: url(images/contentbg.jpg) repeat-y;
        width: 970px;
        height: 100%;
        padding: 10px;
        clear: left;
    }
    #footer {
        clear:left;
        height: 83px;
        background: url(images/footerbg.jpg) repeat-x;
        width: 100%;        
    }
    #footerContent {
        margin: 0 auto;
        width: 970px; 
        background: url(images/footercontent.jpg) no-repeat top;
        height: 30px;
        padding-top: 20px; 
        text-align: left;    
    }
    #footerContent p {
        padding: 5px 0 0 5px;
        color: #ccdbe3;
        font-size: 8pt;
    }
	.footerlogo {
		float: left;
	}
	.footercredits {
		color:#ccdbe3;
		text-decoration:none;
	}
    #searchbox {
        background: url(images/searchbg.png) no-repeat;
        float:right;
        margin-top: 14px;
        padding: 9px 0 0 20px;
		margin-bottom: 2px;
        text-align: right;
        height: 38px;
        width: 200px;
    }
    #searchbox input {
        border: 0;
        border-style: none;
        padding-right: 5px;
        float:left;
    }

    #leftcol {
        width: 237px;
        min-height: 35px;
        background: #e3f5ff url(images/leftcol_bottom.jpg) bottom no-repeat;
        float:left;
        padding: 10px;
		padding-top:4px;
        display: inline;
        font-size: 8pt;
    }
    #leftcol a {
        color: #044972;
        text-decoration: none;
        font-weight: bold;
    }
    #leftcol .title {
        padding: 0;
        margin: 0;
        color: #044972;
        font-weight: bold;
        font-size:8pt;        
    }
    #leftcol .readmore {
        float: right;
        margin: 0;
        padding: 5px;        
    }    
    #leftcol hr {
		clear: both;
		color: #D2E1E6;
		background-color: #D2E1E6;
		height: 1px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
    }     
    #mainright {
        width: 640px;
        padding: 10px 10px 10px 20px;
        float:left;
    }
    #mainleft {
        width: 640px;
        padding: 10px 20px 10px 10px;
        float:left;
    }    
    #centercol {
        width: 380px;
        padding: 10px;
        float: left;
		padding-top:4px;
    }
    #rightcol {
        width: 280px;
        float: left;
        padding: 10px;
    }
    
    #rightcol .item {
        background: url(images/rightcolitem.jpg) no-repeat;
        padding: 5px 15px 0px 15px;;
        min-height: 150px;
        width: 256px;
    }
    #pageHeader {
        height: 80px;
        background: url(images/pheaderbg.jpg) repeat-x;
        width: 970px;
        text-align: bottom;
        color: #19276c;
    }
    #pageHeader h1 {
        margin: 0;
        padding: 0 0 12px 10px;
        color: #4599c8;
        font-size: 32pt;
    }
    #pageHeader a {
        color: #19276c;
        padding-left: 10px;
    }
    
    #myform {
        font-size: 9pt;
        color: #00527c;
        font-weight: bold;
        text-align: center;
    }
    #myform fieldset {
        border: #b8dcf6 1px solid; 
        padding: 10px;
        background: #fff url(images/fieldsetbg.jpg) bottom repeat-x;
        width: 570px;
        text-align: left;
    }
    #myform .title {
        width: 150px;
        float:left;
        padding-bottom: 5px;
    }
    #myform .content {
        float:left;
        width: 400px;
        padding-bottom: 5px;        
    }
    #myform .medium {
        width: 200px;
    }
    #myform .largearea {
        width: 400px;
        height: 150px;
    }
    #myform .mediumarea {
        width: 400px;
        height: 100px;
    }
    #myform .submit {
        color:#fff;   
        font-weight: bold;   
        background-color:#1b2a6b;   
        border:1px solid;   
        border-color: #bcdbf0; 
        padding: 5px; 
    }
    .listDocs{
        list-style: none;
        padding: 0;
        margin: 0;        
    }
    .listDocs li {
        width: 270px;
        margin-top: 5px;
        padding-bottom: 25px;
        background: #f6f2e7;        
    }
    .listDocs li h4 {
        font-size: 9pt;
        margin: 0;
        margin-top:5px;
        color: #000;
        padding: 4px;
        float: left;
    }
    .listDocs .date {
        padding: 0;
        padding-top: 5px;
        margin: 0;
        padding-right: 5px;
        font-size: 7pt;
        float: right;
    }    
    .listDocs .readmore, .listDocs .readmore a  {
        padding: 0;
        margin: 0;
        padding-right: 5px;
        font-size: 8pt;
        float: right;
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }      
    .listDocs .summary {
        padding: 0;
        clear:left;
        margin: 0;
        padding-left: 15px;
        font-size: 8pt;
        color: #000;
    }
    
    .highlighted {
    	width: 160px; background: #F4F3F4;float: left; font-size: 8pt; height: 120px; margin: 10px; margin-top:1px; padding: 5px;
      }
    .highlighted a {
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }
    .highlighted h4 {
        margin:0;
        padding: 2px;
    }
	.smalltext {
		font-size:10px;
	}
	.medtext {
		font-size:12px;
	}
	.largetext {
		font-size:16px;
	}
    
.menu { 
width:780px; 
margin:10px 0 60px 10px; 
position:relative;
z-index:100;
}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}

/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;
list-style-type: none;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li .active {
	background:url(images/menuitem_hover.png);
	background-repeat:repeat-x;
}
.active {
	background:url(images/menuitem_hover.png);
	background-repeat:repeat-x;
}
.menu ul li a {
display:block; 
text-align:center; 
text-decoration:none; 
width:78px; 
height:37px; 
color:#fff; 
font-weight: bold;
/*padding-top:5px;*/
border-width:1px 1px 0 0;
background:url(images/menuitem.png);
background-repeat:repeat-x;
line-height:12px; 
font-size:11px;
vertical-align: middle;
display: table-cell;
padding-bottom:5px;
height:42px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
background:url(images/menuitem_hover.png);
background-repeat:repeat-x;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:42px; 
left:0; 
width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
padding: 0;
margin: 0;
display:block; 
padding-top: 9px;
background: url(images/h_bg.jpg) repeat; 
color:#fff;
height: 22px;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background: url(images/h_bg_o.jpg) repeat; 
color:#fff;
height: 22px;
}


  /* CSS Document */