/*
Document: css
Author: Mohodin Rageh (rageh6@gnail.com)
Date: 12/04/09  
last update: 02/05/09
*/


* { padding: 0; margin: 0; }

body {
 font: normal .85em/1.4em  Arial,Verdana, sans-serif;
 text-align: center; /*centering IE*/
 background: #ebedf0 url(img/bodybg2.gif) repeat-y top;
 color:#434;
}

abbr, acronym { cursor:help;}

em{ background-color:#ff0;color:#333;}

img{margin: 5px 4px 0 4px; border: 1px solid #998;}


.title {
	padding-bottom: 5px;
	border-bottom: 1px solid #EDEBD5;
}



h2,h2,h2,h4,h5,h6 p {margin:0 0 1em;}/*to remedy browsers' differing default margins*/

h1, h2, h3, h4, h5{margin:10px 4px 10px 10px; padding-top:15px;}

h1, h2, h3, h4, h5{font-family: verdana, Arial, Georgia,  Tahoma, sans-serif;color:#9F090F;}

h1 {font-size: 135%;}
h2 {font-size: 125%;}
h3 {font-size: 115%;}
h4 {font-size: 105%;}
h5 {font-size: 95%;}

b.last-updated{
font-size: .8em;
word-spacing: -1px;
margin:0 0 0 2px;
}
.best-rates{font-weight: bold; margin: 5px 0 5px -1px; text-align: left;color:#9F090F;}
.ctyexchange{font-weight: bold; color:#fff;}

.red{margin-left:8px; color:red;}
.move-right{margin-left:8px;}


/* ----- HEADER ----- */
#header {
width:798px;
height:120px;
/*background: #305392 url(img/header3.png)  top no-repeat;*/
background: #305392 url(img/header555.png)  top no-repeat;
border-bottom : 1px solid #ccc;
}


#header h1{
position:absolute;
top:0;
right:9999px;
}


  /*
  Logo
---------------------------------------------------- */
#logo {
	float:left;
	width:261px;
	height:120px;
	}
    
#logo img {
    margin:0;
	padding:0;
	border:0;
	}
	

#branding {
width: 798px;
height: 145px;
overflow:hidden;
border-bottom : 1px solid #ccc;
color: #333;
}

#branding  h1{
position:absolute;
top:0;
right:9999px;
}

#container { 
 margin: 0 auto;
 width: 798px;
 border-right: 1px solid #bab9b6;
 border-left: 1px solid #bab9b6;
 text-align:left; /*align all text to left*/
}

#wrapper{
width:798px;
/*background:url(img/bkg5.png) repeat-y;*/
background:url(img/bkg66.png) repeat-y; 
overflow:auto; 
}


#content { 
width:435px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
float:left;
font-size: .95em;
}


#content p {margin:10px 4px 10px 10px;}


#content ul.ul-list{
	line-height: 1.4em;
	margin: 5px 0 10px 25px;
	list-style-image: URL(img/arrow.gif);
}

#right-side {
width:331px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
float:right;
font-size: .9em;
}


#right-side p {margin:10px 4px 10px 10px;}



table  {
	font-size: .95em;
    border: 1px solid #ccc;
	margin-left:7px;	
    }

table img {margin: 4px 0 0 -8px;}

* html table {margin-left: 1px;}/*For IE 6*/


table th {font-size: .95em; color:#fff;}

table th, td {padding-left:8px;}


/*FORM STYLES*/

fieldset{
width:275px;
border:0px solid #fff;
border-top: 1px solid #DFDFDF; 
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
}

input{
font-weight: bold;
background: #fff;
border: 1px solid #AFAFAF;
color:#666;
}

select {
width: 195px; 
height:22px;
background: #FEFEFE url(img/inputfield_bg.gif) repeat-x; 
border: 1px solid #AFAFAF;
}

.check-box{margin: 4px 0 0 8px; width:15px;}


ul#nav, ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	}

ul#nav  li {
	position: relative;
	float: left;
	width:133px;
}
	
#nav li ul {
	position: absolute;
	margin-left: -999em; /* hide menu from view */
	top: auto;
	left:0;
}

/* Styles for Menu Items */
ul#nav  li a {
	display: block;
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom:-1px;
	min-height:0;
	text-decoration: none;
	background: #9F090F; /* IE6 Bug */
	color: #DFDFDF;
	}
/* commented backslash mac hiding hack \*/ 
* html ul#nav  li a {height:1%;	position:relative;}
/* end hack */ 

/* this sets all hovered lists to red */
#nav li:hover a,#nav  li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover {
   color: #fff;
   background-color: #AF363E; 
   }
   
   
/*
Image down effect not working. You may well remove it  
#nav li.down  {
background : #7484ad url(http://cityexchangenet.com/img/arrow_down.gif) no-repeat right center;
} 
*/

/* set dropdown to default */
#nav li:hover li a,#nav li.over li a {
   color: #777;
   background-color: #EFEFEF;
}
#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#nav li:hover ul,#nav li.over ul {margin-left:0; } /* show menu*/

#nav .selected a {border-left: 1px solid #AF363E; background: #fff; color:#9F090F;}










/* Footer */
#footer {
	width:798px;
	height:34px;
	margin: 0 auto;
	font-size: 0.9em;
	background-color: #328FDC;
	border-top: 5px solid #75ACE5; 
	color:#fff;
}

#footer a, #footer a:visited {font-weight:normal; text-decoration: none; color:#fff;}
#footer a:hover {font-weight:normal;color:#ccc;}

#footer p.left, #footer p.right {
	width: 310px;
	display: inline;
	margin-bottom: 0;
}


#footer a.b, #footer a.b a:visited {font-weight: bold !important;}


#footer p.left {
	float: left;
	text-align: left;
	margin: 10px 4px 0 8px;
}

#footer p.centre {
	float:left;
	margin: 10px 10px 0 0;
	text-align: center;
}

#footer p.right {
	float: right;
	margin: 10px 10px 0 0;
	text-align: right;
}