/*#page-wrap{ width: 578px; margin: 0 auto; padding: 0;}
* html #page-wrap{ width: 578px;  overflow: hidden; margin: 0 auto; padding: 0;}
#slider	{ height: 180px; overflow: hidden; position: relative; margin: 5px 0; }
/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */								  
/*#mover{ width: 585px; position: relative; }
.slide{ padding: 40px 30px; width: 550px; float: left; position: relative; }
* html .slide{ padding: 40px 0px; width: 580px; float: left; position: relative;}
.slide h1{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px; color: #ac0000; direction:rtl; text-align:right;}
.slide p{ color: #999; font-size: 12px; line-height: 22px; width: 300px; direction:rtl; text-align:justify;}
* html .slide p{ padding-left: 30px; color: #999; font-size: 12px; line-height: 22px; width: 300px; direction:rtl; text-align:justify;}
.slide img{ position: absolute; top: 20px; left: 350px; }
#slider-stopper{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

#news-container
{
	width: 550px; 
	margin-right: 30px;
}

#news-container ul li div
{
	background: none;
}

/*************************/
.chromestyle{
font-family: tahoma;
font-size: 11px;
width: 100%;
font-weight: normal;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(../images/other/chromebg2.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: white;
padding: 4px 20px;
margin: 0;
text-decoration: none;
border-right: 1px dotted #BFDCED; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(../images/other/chromebg2-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
color: #00639A;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px tahoma;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #EBF7FF;
}