body, table, tr, td, ul, li, p, div, p.text, ul.text {
FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14pt;
}

.left {float:left; padding:1em;}
.right {float:right; padding:1em;}

.text {

FONT-SIZE: 12px; 
COLOR: #000000; 
FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.025em;
line-height:14pt;

}


.wtext {

FONT-SIZE: 12px; 
COLOR: #FFFFFF; 
FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.025em;
line-height:14pt;

}

A.text:link {
	TEXT-DECORATION: none
}
A.text:active {
	TEXT-DECORATION: none
}
A.text:visited {
	TEXT-DECORATION: none
}
A.text:hover {
	TEXT-DECORATION: underline
}


.btext {

FONT-SIZE: 12px; 
COLOR: #003471; 
FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.025em;
line-height:14pt;

}

A.btext:link {
	TEXT-DECORATION: none
}
A.btext:active {
	TEXT-DECORATION: none
}
A.btext:visited {
	TEXT-DECORATION: none
}
A.btext:hover {
	TEXT-DECORATION: underline
}

.title {

FONT-SIZE: 18px; 
COLOR: #003471; 
FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.025em;
}

.newstitle {

FONT-SIZE: 14px; 
COLOR: #003471; 
FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.025em;
font-weight:bold;
}


.date {

FONT-SIZE: 10px; 
COLOR: #f7941d; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.025em;

}

.smtext {

FONT-SIZE: 11px; 
COLOR: #000000; 
FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.025em;
line-height:14pt;
font-weight:bold;

}


.link {

FONT-SIZE: 11px; 
COLOR: #003471; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.025em;
}



A.link:link {
	TEXT-DECORATION: none
}
A.link:active {
	TEXT-DECORATION: none
}
A.link:visited {
	TEXT-DECORATION: none
}
A.link:hover {
	TEXT-DECORATION: underline
}

.sme {

FONT-SIZE: 11px; 
COLOR: #545454; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
line-height:13pt;
}

.orlink {

FONT-SIZE: 11px; 
COLOR: #f7941d; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

A.orlink:link {
	TEXT-DECORATION: none
}
A.orlink:active {
	TEXT-DECORATION: none
}
A.orlink:visited {
	TEXT-DECORATION: none
}
A.orlink:hover {
	TEXT-DECORATION: underline
}

.blink {

FONT-SIZE: 10px; 
COLOR: #f7941d; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

A.blink:link {
	TEXT-DECORATION: none
}
A.blink:active {
	TEXT-DECORATION: none
}
A.blink:visited {
	TEXT-DECORATION: none
}
A.blink:hover {
	COLOR: #003471;
}

div#phlinks {
	width:200px;
	float:right;
	margin-top:20px;
	border:1px solid #C1C1C1;
	padding:10px;
	margin-left:10px;
	font-size:11px;
}

div#phlinks a, a:link, a:visited {
	text-decoration:none;
	color:#003471;
}

div#phlinks a:hover {
	text-decoration:underline;
	color:#FF3300;
}

div#news a, a:link, a:visited {
	text-decoration:none;
	color:#003471;
}

div#news a:hover {
	text-decoration:underline;
	color:#FF3300;
}

div#phlinks strong {
	color:#444477;
	font-size:12px;
}


/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 780px;	
	height:198px;	
	
	/* custom decorations */
	padding:0;	
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	background-color:#efefef;				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:0;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	width:144px;
	padding:5px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color: #fff;
	margin-right: 0;	
}

div.scrollable div.items div a {
display:block;
}

div.scrollable div.items div a img {
	border:0;
	width:143px;
	margin:0 auto;
	
}
div.scrollable div.items div h2 {
	font-size:8px;
	line-height:12px;
	text-transform:uppercase;
	margin:0 0 1em 0;
	padding:0;
	height:36px;
}

/* active item */
div.scrollable div.items div.active {
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;		
	background-color:#f0f0f0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
