body {
  margin: 20px;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: small;
  color: #000;
  background-color: #EEE;
}

#container{
  width: 700px;
  margin: -5px auto;
  text-align: left;
}

h1 {
  color: #ffffff;
  padding: 5px 0px 0px 5px;
  margin: 0;  
  font-size: x-large;
  font-weight: normal;
  letter-spacing: -1.5px;
}

h2 {

  padding: 0 0 0 5px;
  margin: 5px 0 -10px 0;  
  font-size: medium;
  color: #ffffff;
}

h3 {
  color: #880000;
  padding: 5px 0px 0px 5px;
  margin: 0;  
  font-size: x-large;
  font-weight: normal;
  letter-spacing: -1.5px;
  background: url(../images/h1_bg.jpg) no-repeat bottom center;
}

h4 {
	font-weight: bold;
 	padding: 0px 0px 0px 5px;
  	margin: 0px;
  	text-align: justify;
	font-family: verdana, arial, sans-serif;
  	font-size: small;
}


p {
  line-height: 20px;
  padding: 8px 0 8px 5px;
  margin: 5px 0 5px 0;
  text-align: justify;
}
.list p {
  display: block;
  min-height: 75px;
  line-height: 20px;
  padding: 0px 0 10px 5px;
  margin: 5px 0 10px 0;
  text-align: justify;
}
a ,a:link, a:visited { 
  color: #000088;
}

a:hover {
  color: #fff;
  background-color: #666666;
}

#footer a:hover {
  background-color: #CCC;
}

ul, ol {  
  padding-bottom: 8px;
  line-height: 20px;
}

ul {
  list-style-image: url(../images/li_bullet.gif);
}

acronym {
  border-bottom: 1px solid #BBB;
  cursor: help;
}

#header {
  height: 144px;
  background: url(../images/head.jpg) no-repeat top center;
}

#header .title {
  padding: 20px 0 0 20px;
  font-size: xx-large;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  line-height: 0.9em;
  letter-spacing: 2px;
  color: #ffffff;
}

#header .subTitle {
  padding: 0 0 0 22px;
  color: #ffffff;
}

#system_menu {
	width: 670px;
  	margin: 3px 0px 3px 0px;
	text-align: right;
}

#system_menu a {
  margin: 3px 0px 3px 0px;
  text-decoration: none;
  color: #880000;
}
#system_menu a:hover {
  padding: 3px 0px 3px 0px;
  text-decoration: underline;
  background-color: #EEEEEE;
}

#menu {
  text-align: center;
  margin-bottom: 20px;
}

#menu a {
  padding: 6px 22px 0 22px;
  text-decoration: none;
  color: #444;
  font-weight: bold;
}

#menu a:hover {
  background: url(../images/menu_tab.gif) no-repeat top center;
}
#menu a.active {
  background: url(../images/menu_tab_on.gif) no-repeat top center;
}
#menu a.active:hover {
  background: url(../images/menu_tab_on.gif) no-repeat top center;
}

#footer a {
  text-decoration: none;
  color: #000088;
}

#footer a:hover {
	text-decoration: underline;
	color: #ffff00;
  	background-color: #666666;
}
#footer a.dx2 {
	font-weight: bold;
  	color: #880000;
}
#footer a.dx2:hover {
	color: #880000;
	text-decoration: underline;
  	background-color: #EEEEEE;
}
hr.hr60{
width: 70%;
}

#content{
  width: 670px;
  margin: 0px auto;
}

#text {
  float: left;
  width: 670px;
}

#logos {
  text-align: center;
  width: 100%;
  padding: 10px 5px 0 5px;
  margin: 0px 0 10px 0;  
}

#footer {
  float: right;
  font-size: x-small;
  text-align: center;
  width: 650px;
  height: 50px;
  padding: 20px 3px 0 5px;
  margin: 0px 0 20px 0;  
}

#footer {
  background: url(../images/foot_bg.jpg) no-repeat top center;
}

img {
border: 0px;
}

img.right {
  float: right;
  padding: 10px 0px 10px 20px;
}
img.cent {
  padding: 0px 50px 0px 0px;
}
img.left {
  float: left;
  padding: 10px 20px 10px 0px;
}
img.leftList {
  float: left;
  padding: 3px 10px 10px 0px;
}
img.rightList {
  float: right;
  padding: 3px 0px 10px 10px;
}
.listTitle {
font-weight: bold;
}
.grey {
  color: #AAA;
}
.blue {
  color: #0000cc;
}
.cent {
  text-align: center;
}
.right {
  float: right;
}
hr.mid {
width: 100px;
}
hr.long {
color: #000000;
text-align: center;
width: 100%;
}
.quotet {
	text-align: justify;
	width: 525px;
  	padding: 20px 15px 0px 15px;
  	margin: 15px 0px 0px 75px;
  	background: #808080 url(../images/quote_top.gif) no-repeat top right;
	color: #ffffff;
}
.quoteb {
 	text-align: center;
	width: 525px;
  	padding: 0px 15px 0px 15px;
  	margin: 0px 0px 15px 75px;
	color: #808080;	
  	background: #808080 url(../images/quote_bottom.gif) no-repeat bottom left;
}
.quote_title {
 	text-align: center;
  	font-size: medium;
	font-weight: bold;
	color: #ffffff;
}
.quotet a.quote_link{
 	color: #ffff00;
}

/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

.form{
text-align: center;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px; 
}
.strong{
font-weight: bold;
}
.norm{
font-weight: normal;
}

.col1{
width: 43%;
float: left;
text-align: center;
}
.col2{
width: 10%;
float: left;
text-align: center;
}
.col3{
width: 43%;
float: left;
text-align: center;
}