.call
{
font-family: arial;
font-size: 18px; 
text-align: center; 
color: #ffffff;
font-weight: bold;
}

h1
{
font-family: arial;
	font-weight: normal;
	font-size: 25px;
	text-decoration: none;
	color: #bfbfbf;
}

h2
{
font-family: arial;
	font-weight: normal;
	font-size: 20px;
	text-decoration: none;
	color: #bfbfbf;
}

img
{
	border: 0px;
	padding-top: 1px;
	padding-left:  5px;
	padding-right:  5px;
	padding-bottom:  1px;

}

.clock
{
z-index:1;
vertical-align: top;
}

.content
{
	color: #ffffff;
	font-family: arial;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	padding-top: 1px;
	padding-left:  5px;
	padding-right:  5px;
	padding-bottom:  5px;
	text-align: justify;
}
.content a, .content a:link, .content a:visited {
	color: #ffffff;
	font-family: arial;
	font-weight: normal;
	font-size: 14px;
}

.cnt
{
	border:		0;
	width:		100%;
	height:		100%;
	min-width:	990px;
	max-width:	1200px;
	align:		center;
	margin:		0 auto;
	cellspacing:	0;
	cellpadding:	0;
}

.header
{
	
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: arial;
	font-weight: normal;
	font-size: 25px;
	text-decoration: none;
	color: #bfbfbf;
	text-align: center;
}

.hdt
{
	width:		990px;
	align:		center;
	margin:		0 auto;
	cellspacing:	1px;
}

.menu
{
	margin-top: 0px;
	font-family: arial;
	font-weight: 100;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	position:relative;
	z-index: 105;

}

.met
{
	border:		0;
	cellspacing:	0;
	align:		center;
	valign:		top;
}

a:link {
	color: #ffffff;
	font-family: arial;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;

}



.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-family: 	arial;
	font-size: 14;
	text-align: center;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; 
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit;
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index: 100;
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-weight:		bold;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em;
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; 
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; 
	top:			0;
}

/*** ÑÊÈÍ ÄÅÌÎ ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #4d5144;
	border-top:		0px solid #f35c0e;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  {
	color:			#FFFFFF;
}
.sf-menu li {
	background:		#4d5144;
	text-align: left;
}
.sf-menu li li {
	background:		#4d5144;
}
.sf-menu li li li {
	background:		#4d5144;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	
	outline:		0;
}

.redmenu
{
background-color: #990000;
width: 90px;
vertical-align: middle;
}

.greenmenu 
{
background-color: #54a11a;
width: 90px;
vertical-align: middle;
}
.violetmenu
{
background-color: #542659;
width: 180px;
vertical-align: middle;

}
.orangemenu
{
background-color: #f35c0e;
width: 170px;
vertical-align: middle;

}

.bluemenu
{
background-color: #209ded;
width: 160px;
vertical-align: middle;

}
.darkbluemenu
{
background-color: #0048d6;
width: 80px;

vertical-align: middle;
}



.greeninner-box {
	padding:1em; 
	background-color: #54a11a;
}

.greenr1, .greenr2, .greenr3 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.greenr3 { margin: 0 3px; background-color: #54a11a;}
.greenr2 { margin: 0 2px; background-color: #54a11a;}
.greenr1 { margin: 0 1px; background-color: #54a11a;}


#greenrounded-box-3 { margin:1em; }
#greenrounded-box-3 .greeninner-box { padding: 1em;}

.redinner-box {
	padding:1em; 
	background-color: #990000;
}

.redr1, .redr2, .redr3 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.redr3 { margin: 0 3px; background-color: #990000;}
.redr2 { margin: 0 2px; background-color: #990000;}
.redr1 { margin: 0 1px; background-color: #990000;}


#redrounded-box-3 { margin:1em; }
#redrounded-box-3 .greeninner-box { padding: 1em;}

.violetinner-box {
	padding:1em; 
	background-color: #542659;
}


.violetr1, .violetr2, .violetr3 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.violetr3 { margin: 0 3px; background-color: #542659;}
.violetr2 { margin: 0 2px; background-color: #542659;}
.violetr1 { margin: 0 1px; background-color: #542659;}


#violetrounded-box-3 { margin:1em; }
#violetrounded-box-3 .greeninner-box { padding: 1em;}

.orangeinner-box {
	padding:1em; 
	background-color: #f35c0e;
}


.oranger1, .oranger2, .oranger3 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.oranger3 { margin: 0 3px; background-color: #f35c0e;}
.oranger2 { margin: 0 2px; background-color: #f35c0e;}
.oranger1 { margin: 0 1px; background-color: #f35c0e;}


#orangerounded-box-3 { margin:1em; }
#orangerounded-box-3 .orangeinner-box { padding: 1em;}



.darkblueinner-box {
	padding:1em; 
	background-color: #0048d6;
}

.darkbluer1, .darkbluer2, .darkbluer3 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.darkbluer3 { margin: 0 3px; background-color: #0048d6;}
.darkbluer2 { margin: 0 2px; background-color: #0048d6;}
.darkbluer1 { margin: 0 1px; background-color: #0048d6;}
#darkbluerounded-box-3 { margin:1em; }
#dartbluerounded-box-3 .greeninner-box { padding: 1em;}


.blueinner-box {
	padding:1em; 
	background-color: #209ded;
}
.bluer1, .bluer2, .bluer3 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.bluer3 { margin: 0 3px; background-color: #209ded;}
.bluer2 { margin: 0 2px; background-color: #209ded;}
.bluer1 { margin: 0 1px; background-color: #209ded;}


#bluerounded-box-3 { margin:1em; }
#bluerounded-box-3 .greeninner-box { padding: 1em;}


.yellmenu
{
background-color: #fcb900;
width: 100px;
vertical-align: middle;
}


vertical-align: middle;
}
.yellinner-box {
	padding:1em; 
	background-color: #fcb900;
}

.yellr1, .yellr2, .yellr3 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}

.yellr3 { margin: 0 3px; background-color: #fcb900;}
.yellr2 { margin: 0 2px; background-color: #fcb900;}
.yellr1 { margin: 0 1px; background-color: #fcb900;}




#scrolling {

	padding:10px 8px;
	width:700px;
	height:500px;
}

h6 {
	font-size: 12px;
	font-weight: bold;
	margin: 4px 0;
	cursor: pointer;
}

#container {
	width:780px;
	margin: 20px auto;
	background: #fff;
	border: 1px solid #aaa;
}

#title {
	padding: 6px 0;
	text-align: center;
	font-size: 20px;
}

#left_pane,
#right_pane {
	border: 1px solid #aaa;
}

.scrollable {
	width: 500px;
	height: 380px;
	overflow: auto;
}

a.jScrollArrowUp {
	background: url(../img/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../img/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
a.jScrollPaneTrack {
background: url(../img/windows_track.gif) repeat-y;

}
.scroll-pane {
	height: 400px;
	overflow: auto;
	margin: 0 auto;
	
}