body
{ 
  font-family: verdana, arial, sans-serif;  
  color: #000000; 
  font-size:1em;
}
* {margin: 0;padding: 0}

P {
  font-size: 0.75em;
  color: Black;
  margin-bottom: 8px;
  }
A
{
  color: #000000;
  font-size: 10pt;
}
h1 {
    font-size: 0.9em ;
    margin-bottom :4px ;
    font-weight: bold;
  }
h2
{
  font-size : 0.65em ;
  font-weight : bold;
  margin-bottom :4px ;
  }
h3
{
  font-size : 0.75em ;
  font-weight : normal;
  margin-bottom :4px ;
  }

ul 
{
  font-size: 0.75em;
  color : #404040;
}

hr
{
  margin-top: 8px;
  margin-bottom: 8px;
}


div#contentarea {width:774px; background-color:#FFF; }
div#column1 {width:150px; float:left;}
div#column2 
{
  width:554px; 
  float:left;
  margin-top:10px;
  margin-bottom: 4px;
}
div#column3 {width:70px; float:left;}


DIV#header 
{
   background-color:#000;
   text-align : center;
    min-width: 774px;
}

div#footer
{
  width :774px;
  margin-top: 20px;
  padding-top: 6px;
  font-size: .65em; font-size:0.9em;
  text-align:center;
}
div#footer ul {margin:2px 0;font-size: 0.75em;color: Black;}
div#footer li {
   display:inline;color:black;border-left:1px solid;color:#AFF;padding:0 5px 0 9px;
}
div#footer li:first-child {border-left:0;}
div#footer ul li a {text-decoration:none;}
div#footer ul li a:hover {text-decoration:underline;}
div#footer ul.fineprint li {color: #CCC;}
div#footer ul.fineprint li a {color: #CCC;}
div#footer ul.fineprint li a:hover {color: #FFF;}


div#tabs
{
    width:100%;
    float:left;
    padding-top: 4px;
    padding-bottom: 0px;
    border-top:none;
    border-bottom:none;   
    font-size:1.0em;
    background-color:#CCF;
    margin-bottom :10px ;
    margin-left: 4px;
}

div#tabs ul
{
    width: auto;
    padding: 0 15px 0 0;
    list-style: none;
}

div#tabs li 
{
    float: left;
    background: transparent url("../img/header_tab.gif") 100% -600px no-repeat;
    padding: 0 6px 0 0;
    margin: 0 1px 0 0;
    border-bottom: 1px solid #515358;
}


div#tabs ul li a
{
        float: left;
        display: block;
        padding: 4px 4px 4px 10px;
        background: transparent url("../img/header_tab.gif") 0% -600px no-repeat;
        font-weight: bold;
        color: #fff;
        text-decoration: none;           
}

div#tabs label 
{
   float:right;
   list-style-type:none;
   padding:1px 6px;
   font-size:0.75em;
}


a:link
{
	color: rgb(0,0,0);  
}

.portletHead
{
  padding:2px 9px 3px;
  background-color:#404040; 
  border:1px solid #9b72cf;
  color:#fff;
  font-family: verdana, arial, helvetica;
  font-size: 8pt;
  width: 150px;
  margin-right: 8px;
  text-align: center;
}
 .portletBody
{
  padding:9px 9px 3px;
  border:1px solid #9b72cf;
  background-color:#f1f1fd;
  font-family: Arial, Helvetica, sans-serif;
  font-size:8pt;
  width: 150px;
  margin-bottom: 8px;
  margin-right: 8px;
}
a.navlink
{
  color: #000000;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
a.navlink:hover
{
  color: #000000;
  BACKGROUND-COLOR: #7fdaec;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.rightBar
{
  	float: right;
}

.leftBar
{
  	float: left;
}

.imgbox {
	text-align: center;
	padding: 8px;
	width: auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #B0D5E0;
}

div#contents
{
  font-size: 0.9em;
  margin-bottom: 20px;
}
div#contents A
{
  font-size: 0.9em;
}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */