html {
	scrollbar-face-color:#dadada;
	scrollbar-shadow-color:#888;
	scrollbar-3dlight-color: #eee;
	scrollbar-darkshadow-color:#eee;
	scrollbar-track-color:#eee;
	scrollbar-arrow-color:#3a6ba9;
	background:#fdfdfd url(images/esa-bg.jpg) repeat-x top;
}
body{
	margin: 0px;
	font-family:arial, geneva, helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
.content{
	background-image:url(images/esa-midbgend.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.title {
	font-size: 12px;
	padding: 2px 5px 2px 5px;
	font-family: arial, geneva, helvetica, sans-serif;
	border-bottom:1px dotted #3a6ba9;
	font-weight:bold;
	display:block;
	color:#0c4858;
}
small{
	font-size:10px;
}
input, select { 
	border-width: 1px;
	border-color: #ccc;
	background-color: #fff;
	font-family: Arial;
	font-size: 11px;
	color: #666;
}
.button{
	background-color: #12385b;
	padding:5px;
	font-size: 10pt;
	border:1px;
	color: #fff;
}
.submitbutton{
color:#CCC;
background-color:#12385b;
}
h1,h2,h3,h4,h5,h6 {
font-family:Verdana;
margin:0;
padding:0;
}
li,ul,ol {
padding:0;
margin:0;
}
pre {
height:auto;
overflow-x:scroll;
}
fieldset {
margin:0;
padding:0;
border:0;
}

/* ESA EXCERPT LIST */
h2 a{   /* For all + title */
	font-size:14px;
	padding:0px;
	margin:0px;
}
.date{
	font-size:10px;
}
.sub{
	font-size:9px;
	text-align:right;
	color: #8a7d75;
}
/* END ESA EXCERPT LIST */

a:link {
	font-size: 11px;
	color: #0066cc;
	text-decoration:underline;
}
a:visited {
	font-size: 11px;
	color: #0066cc;
	text-decoration:underline;
}
a:active {
	color: #0099cc;
	text-decoration:none;
}
a:hover {
	color: #0099cc;
	text-decoration:none;
}
a img {
border:none;
}

/* ESA LANGUAGE */
.esalanguage {
position:relative;
font:normal 9px Verdana;
float:right;
}
.esalanguage ul li {
width:120px;
list-style-type:none;
display:block;
padding:4px;
}
.esalanguage ul li a{
font-size: 10px;
text-decoration:none;
}
.esalanguage ul li ul {
position: absolute;
display:none;
visibility:hidden;
}
.esalanguage ul li ul li {
width:50px;
display:block;
list-style-type:none;
}
.esalanguage ul li ul li a {
padding-left:20px;
text-decoration:none;
}

/* ESA MENU */
/*--- MENU DROP DOWN ---*/
.esasmoothmenu{
font-size: 10px;
width: 100%;
}
.esasmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.esasmoothmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.esasmoothmenu ul li a{
display: block;
padding: 5px 30px 5px 30px;
border-right: 1px solid #2d4879;
color: #ccc;
font-weight:normal;
text-decoration: none;
}
* html .esasmoothmenu ul li a{ 
display: inline-block;
}
.esasmoothmenu ul li a:link, .esasmoothmenu ul li a:visited{
color: #ccc;
}
.esasmoothmenu ul li a.selected{ 
background-color:#2d4879;
background-image:url(images/esa-menuover.jpg);
color: #ccc;
}
.esasmoothmenu ul li a:hover{
background-color:#2d4879;
background-image:url(images/esa-menuover.jpg);
color: #fff;
}	
/*1st sub level menu*/
.esasmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.esasmoothmenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.esasmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.esasmoothmenu ul li ul li a{
font-size: 11px;
font-weight:normal;
width:100%; 
padding: 8px 10px 8px 10px;
margin: 0;
border-top-width: 0;
background-color:#12203d;
border-bottom: 1px solid #2d4879;
}
.esasmoothmenu ul li ul li img{
padding-right:10px;
}
/* Holly Hack for IE \*/
* html .esasmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/* ESA SLIDER */
#box{
	position:absolute;
	width:620px;
}
#box span{
	display:block;
}
.mask{
	position:absolute;
	width:620px;
	height:125px;
	overflow:hidden;
}

#box2{
	position:absolute;
	width:220px;
}
#box2 span{
	display:block;
}
.mask2{
	position:absolute;
	width:220px;
	height:423px;
	overflow:hidden;
}


.slidebutton{
display:block;
font-size:11px;
padding:0px;
cursor:pointer;
}
.slidebutton:hover{
color: #0c4858;
}

/* ESA TOOLTIP */
#esatooltip{
font-size:10px;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #ccc;
padding: 4px;
background-color: #eee;
visibility: hidden;
z-index: 100;
}

#esapointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}