body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	cursor:default;
	background-color:#fff;      
/*	background: #FFF url(img/bg-top3.gif) repeat-x left 185px; */
/*	background: #fff url(img/background_greyfade.jpg) repeat-y left top;  */
	
        }
* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
        }
html {
	height:100%;
	margin-bottom:1px;
        }
#container {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top:33px;
	text-align: left;
	background-color: #fff;  
        }
 #banner {
        width:100%; 
        margin-top:0px;
        background-image: url(img/header.jpg);
        background-position:left top;
        background-repeat:no-repeat 
        }
#left {
        position: absolute;
        top:154px;
        float: left; 
        width: 180px;
        margin-top:33px;
        background: #fff url(img/fading_background_2.png) repeat-x;
/*        position: relative;
        margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	height=100%;
        
        float:left;
	width:175px;
	background-color:#FFFFFF; 
	color:#333333;
	font-size=12px;
	border-right: 1px solid silver;Ê */
        }
#main {
        margin-left: 190px;
        padding: 0px 0px 0px 10px;
        }
.spacer {
	width:100%;
	height:15px;
        }
font.logo1 {
        font-family: Arial, Verdana, Helvetica, sans-serif;      
        background-color:#000099;
        color:yellow;
        font-weight:bold;
        }
font.logo2 {
        font-family:Arial, Verdana, Helvetica, sans-serif;  
  /*      background-color:#fff; */
        color:#000099;
        font-weight:bold;
/*     text-transform:lowercase;  */
        }
font.logo3 {
        font-family:Arial, Verdana, Helvetica, sans-serif;  
  /*      background-color:#fff; */
        color:#000099;
        font-weight:bold;
        text-transform:lowercase;  
        }
hr {
	border:0px;
	color:#ccc;
	background-color:#cdcdcd;
	height: 1px;
	width: 100%;
	text-align: left;
        }
h1 {
	font-size:18px;
	margin-top:20px;
	margin-bottom:5px;
	color:#000099;
	background-color:#fff;
	font-family: Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	text-transform:uppercase;
        }
.clear { 
        clear:both; 
        }
h2 {
	font-size:15px;
	color:gray;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	background-color:#fff;
        }
h3 {
	color:#000099;
	font-size:15px;
	text-align:left;
	font-weight:300;
	padding:5px;
	margin-bottom:10px;
        }
li.menu {
        padding: .25em 0.25em .25em 0em ; 
        }
.cmark {
	list-style-image: url(img/cmark.gif);
	margin: 0;
	padding: 1em 0.5em 10em 2em ;
	}
.square {
	list-style-image: url(img/bullet.gif);
	margin: 0;
	padding: 1em 0.5em 1em 2em ;
	font-size:12px;   
	}
.checkmark {
	list-style-image: url(img/checkmark.gif);
	margin: 0;
	padding: 0.5em 0.5em 0.5em 4em ;
	}
.checkbox {
	list-style-image: url(img/check-box.jpeg);
	margin: 0;
	padding: 0.5em 0.5em 0.5em 4em ;
	}
.activecheck {
	list-style-image: url(img/active_check.jpg);
	margin: 0;
	padding: 0.5em 0.5em 0.5em 4em;
	}
.inactivecheck {
	list-style-image: url(img/inactive_check.png);
	margin: 0;
	padding: 0.5em 0.5em 0.5em 4em;
	}
.arrow_gif {
	list-style-image: url(img/arrow.gif);
	margin: 0;
	padding: 0.5em 0.5em 0.5em 4em;
	}
.arrow_png {
	list-style-image: url(img/arrow.png);
	margin: 0;
	padding: 0.5em 0.5em 0.5em 4em;
	}
.arrow2_png {
	list-style-image: url(img/arrow2.png);
	margin: 0;
	padding: 0.5em 0.5em 0.5em 4em;
	}
.quicktime {
	list-style-image: url(img/qticon.gif);
	margin: 0;
	padding: 0.5em 0.5em 0.5em 4em;
	}
p {
	color:#333333;;Ê
	background-color:#fff;
	line-height:20px;
	padding:15px 5px 15px 0px;
        }
p a:hover {
	background: inherit;
	color: #000099;
}
a {
	color:#000099;
	text-decoration:none;
        }
a:hover {
	text-decoration:underline;
	background-color:yellow;
        }
.right {
	color:gray;
	background-color:#fff;
	float:right;
	font-size:100%;
	margin-top:5px;
        }
.left {
	color:gray;
	background-color:#fff;
	float:left;
	font-size:100%;
	margin-top:5px;
        }
img.displayed {
	padding: 4px 0 74px 0px;
        display: block;
        margin-left: auto;
        margin-right: auto
        }
 img.center {
	padding: 10px 0 10px 0px;
        display: block;
        margin-left: auto;
        margin-right: auto
        }       
img.left {
        position: relative;
        float: left;
        margin: 0em 1em 1em 0em;
        }
img.right {
        position: relative;
        float: right;
        margin: 0em 0em 1em 1em;
        }
      
/* Navigation */
#nav a:hover {
	background-color:fff;
	}
p.pleft {
        float:left;
        }
blockquote.style {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        font-style: italic;
        padding:15px 5px 15px 5px;
        background-color: #e2e2e2;    
/*     border-top: 1px solid #807c7c;
        border-bottom: 1px solid #807c7c;  */
        Margin: 0px;
        background-image: url(img/openquote.gif);    
        background-position: top left;
        background-repeat: no-repeat;
        text-indent: 23px;
        text-align: left;
        }
blockquote.style span {
        display: block;
        background-image: url(img/closequote.gif);
        background-repeat: no-repeat;
        background-position: bottom right;
        }     

/* Add icon images to links */
a[href$='.pdf'], a[href$='.pdf']:hover { 
	padding-right: 18px;
	background: transparent url(img/icon_pdf.gif) no-repeat center right;
        }
a[rel='pdf'], a[rel='pdf']:hover  { 
	padding-right: 18px;
	background: transparent url(img/icon_pdf.gif) no-repeat center right;
        }
a[rel*='pdf'], a[rel*='pdf']:hover  { 
	padding-right: 18px;
	background: transparent url(img/icon_pdf.gif) no-repeat center right;
        }
a[rel~='pdf'], a[rel~='pdf']:hover  { 
	padding-right: 18px;
	background: transparent url(img/icon_pdf.gif) no-repeat center right;
        }
a[href ^="mailto:"], a[href ^="mailto:"]:hover {
	padding-right: 18px;
        background: transparent url(img/icon_mailto.gif) no-repeat center right;
        }
a[class ="popup"], a[class ="popup"]:hover   {
	padding-right: 18px;
        background: transparent url(img/icon_popup.gif) no-repeat center right;
        }
a[href$='.doc'], a[href$='.doc']:hover  { 
	padding-right: 18px;
	background: transparent url(img/icon_doc.gif) no-repeat center right;
        }
a[href$='.xls'], a[href$='.xls']:hover  { 
	padding-right: 18px;
	background: transparent url(img/icon_xls.gif) no-repeat center right;
        }
a[rel ~='external'], a[rel ~='external']:hover {
	padding-right: 18px;
	background: transparent url(img/icon_external.gif) no-repeat center right;
        }

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox {
	cursor: default;
	list-style: none;
        }
.hoverbox a {
	cursor: default;
        }
.hoverbox a .preview {
	display: none;
        }
.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -75px;
	left: -100px;
	z-index: 1;
        }
.hoverbox ul {
        clear: both;
        }
.hoverbox img {
	background: #fff;
	color: inherit;
	padding: 1px;  
	vertical-align: top;
	width: 100px;
	height: 75px;
        }
.hoverbox li {
	background: #eee;
	color: inherit;
	display: inline; 
	float: left;
	margin: 0px;
	padding: 3px;
	position: relative;
        }
.hoverbox .preview
        {
	width: 500px;
	height: 375px;
        }
