p {
	margin-left: 20px;
	margin-right: 20px;
	color:#000000;
	font-weight:normal;
	font-family :Verdana, Arial,Helvetica, sans-serif;
	font-size: 8.5pt;
	
}

h1{
	margin-left: 20px;
	font-family:verdana, arial;
	font-weight:bold;
	font-size:10pt; 
	color:#2050bb;
	
}

ul{
	margin-right: 10px;
	color:#000000;
	font-weight:normal;
	font-family :Verdana, Arial,Helvetica, sans-serif;
	font-size: 8.5pt;
	
}

li{
	margin-right: 10px;
	color:#000000;
	font-weight:normal;
	font-family :Verdana, Arial,Helvetica, sans-serif;
	font-size: 8.5pt;
	
}

hr{ width:475px; margin-left:10px;}

/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/*
#container has an absolute width (780 pixel)
The width of inner elements is set to auto,
in this way all inner elements have the same
width of the element which contains them
*/

#container{width:766px; margin:0 auto;}
#upbar{width:auto; display:block; background:#transparent; }
#topbar{width:auto; display:block; background-image:url("images/header2.jpg"); }
#navbar{width:auto; display:block; height:24px; background:#000000; font-weight:bold;}

#main{width:auto; display:block;background-image:url("images/bg.gif"); }
#main a:link { color: blue; text-decoration: none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
#main a:active { color: blue; text-decoration: none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
#main a:visited { color: red; text-decoration: none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
#main a:hover { color: #2050bb; text-decoration: underline; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}


#column_left{width:500px;  float:left; background:#ffffff;}
#column_right{width:266px; float:right; height:%100; background:transparent;}



/*
div.spacer, solve an issue with #container height
in css 2 column layout.
*/

div.spacer{clear:both; height:10px; display:block; }

#footer{width:auto; display:block; height:80px; background:#808080; font-weight:bold; text-align:center; background-image:url("images/ftbg.gif"); }

#footer a:link { color: white; text-decoration: none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}

#footer a:active { color: white; text-decoration: none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}

#footer a:visited { color: white; text-decoration: none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}

#footer a:hover { color: yellow; text-decoration: underline; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}


/* ------------------------------
PAGE ELEMENTS #NAVBAR
------------------------------ */
#navbar a:link { color: white; text-decoration: none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
#navbar a:active { color: white; text-decoration: none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
#navbar a:visited { color: red; text-decoration: none; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
#navbar a:hover { color: yellow; text-decoration: underline; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}