<style type="text/css">
<!--

.style1 {color: #FFFFFF; font-size: 16px;
		 font-family: Lithos}
.style2 {color: #003399;  font-weight: bold; font-size: 13px;
		 font-family: Lithos;}
.style22 {color: #003399;  font-weight: bold; font-size: 10px;
		 font-family: Lithos;}
.style5 {color: #003399;  font-weight: bold; font-size: 13px;
		 font-family: Lithos;}	
.style6 {color: #003399;  font-weight: bold; font-size: 14px;
		 font-family: Lithos;}		 	 
.style3 {color: #000000;  font-weight: bold; font-size: 13px;
		 font-family: Lithos;}


a:link {
	color: #003399;
}
a:visited {
	color: #003399;
}
a:hover {
	color: #13CC00;
}
a:active {
	color: #13CC00;
}
-->
<!--
* {
padding: 0;
margin: 0;
}
html {
overflow-y: scroll; /* firefox scrollbar fix */
}
body {
font-family: Lithos;
font-size: 83%;
font-color: #FFFFFF;
margin: 0 auto;
padding-top: 1px;
background-image: url(images/bground.jpg);
}

.container {
background-color: #6699CC;
overflow: hidden;
}
* html .container {
height: 1%;
}

#container .news{
		margin:5px;
		border:1px dotted #6699CC;
		background-color:#FFF;	
		padding:0px;
}

#container .news1{
		margin:5px;
		border:1px dotted #6699CC;
		background-color:#FFF;	
		padding:5px;
}

#container .news2{
		margin:0px;
		border:0px dotted #6699CC;
		background-color:#6699CC;	
		padding:0px;
}

#container .news3{
		margin:5px;
		border:1px dotted #6699CC;
		background-color:#6699CC;	
		padding:0px;
}

#container .news8{
		margin:5px;
		border:1px dotted #6699CC;
		background-color:#FFFFFF;
		padding:0px;
		font-size: 13px;
		font-family: Lithos;
		font-weight: bold;
}

#container .news88{
		margin:5px;
		border:1px dotted #6699CC;
		background-image: url(images/bground.jpg);
		padding:0px;
		font-size: 13px;
		font-family: Lithos;
		font-weight: bold;
}

#container .news888{
		margin:5px;
		border:1px dotted #6699CC;
		background-color:#FFFFFF;
		padding:0px;
		font-size: 13px;
		font-family: Lithos;
		font-weight: bold;
}

#container .news9{
		margin:5px;
		border:1px dotted #6699CC;
		background-color:#FFFFFF;
		padding:0px;
		font-size: 13px;
		font-family: Lithos;
		font-weight: bold;
}

.header{
	padding-top: 5px;
	padding-left:5px;
	font-weight:bold;
}


#container1 .news4{
		margin:5px;
		border:1px dotted #FF6666;
		background-color:#FF6666;	
		padding:0px;
}

.container1 {
background-color: #FF6666;
overflow: hidden;
}
* html .container1 {
height: 1%;
}


#container2 .news6{
		margin:5px;
		border:1px dotted #99FF99;
		background-color:#99FF99;	
		padding:0px;
}

.container2 {
background-color: #99FF99;
overflow: hidden;
}
* html .container2 {
height: 1%;
}


#container3 .news7{
		margin:5px;
		border:1px dotted #CCCCCC;
		background-color:#FFFFFF;	
		padding:5px;
		font-size: 13px;
		font-family: Lithos;
		font-weight: bold;
}

.container3 {
background-color: #CCCCCC;
overflow: hidden;
}
* html .container3 {
height: 1%;
}

.container4 {
background-color: #FFFFFF;
overflow: hidden;
}
* html .container4 {
height: 1%;
}

#container4 .news77{
		margin:5px;
		border:1px dotted #CCCCCC;
		background-color:#FFFFFF;	
		padding:5px;
		font-size: 13px;
		font-family: Lithos;
		font-weight: bold;
}


.topleft {
background-image: url(images/topleft-corner.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.topright {
background-image: url(images/topright-corner.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}
.bottomleft {
background-image: url(images/bottomleft-corner.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.bottomright {
background-image: url(images/bottomright-corner.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}

h1 {
font-size: 120%;
padding: 12px;
}
p {
padding: 0 12px 12px;
}



.topleft1 {
background-image: url(images/topleft-corner1.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.topright1 {
background-image: url(images/topright-corner1.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}
.bottomleft1 {
background-image: url(images/bottomleft-corner1.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.bottomright1 {
background-image: url(images/bottomright-corner1.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}


.topleft2 {
background-image: url(images/topleft-corner2.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.topright2 {
background-image: url(images/topright-corner2.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}
.bottomleft2 {
background-image: url(images/bottomleft-corner2.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.bottomright2 {
background-image: url(images/bottomright-corner2.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}


.topleft3 {
background-image: url(images/topleft-corner3.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.topright3 {
background-image: url(images/topright-corner3.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}
.bottomleft3 {
background-image: url(images/bottomleft-corner3.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.bottomright3 {
background-image: url(images/bottomright-corner3.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}



.topleft0 {
background-image: url(images/topleft-corner0.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.topright0 {
background-image: url(images/topright-corner0.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}
.bottomleft0 {
background-image: url(images/bottomleft-corner0.gif);
width: 12px;
height: 12px;
font-size: 0;
float: left;
}
.bottomright0 {
background-image: url(images/bottomright-corner0.gif);
width: 12px;
height: 12px;
font-size: 0;
float: right;
}



/* CSS needed for the ajax script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
	
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #CCFFCC;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:225px;	/* Width of tooltip content */
	
	background-color:#FFFFCC;	/* Background color */
	padding:4px;	/* Space between border and content */
	font-size:0.9em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}


/*modal message - menu*/

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

-->
</style>
