body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 14px; line-height: 18px; margin-bottom: 0.5em; color:#585858;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F5F5F5;
}

/* --------------------------------------------------------------
   style
-------------------------------------------------------------- */

/* A container should group all your columns. */
.top {
	background-color:#F5F5F5;
	}
.top_bg {
	width: 999px;
	background-image:url(../images/background/top_header.jpg);
	background-repeat:no-repeat;
	height:196px;
	margin: 0 auto;
}
.footer {
	background-color:#F5F5F5;
	}
.footer_container {
	width: 999px;
	margin: 0 auto;
	background-image:url(../images/background/footer2.jpg);
	height:91px;
	background-repeat:no-repeat;
	font-size: 12px; line-height: 18px; margin-bottom: 0.5em; color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}

.padd_top {
	padding-top:10px;
	}
.padd_top1 {
	padding-top:5px;
	color:#CCCCCC;
	}
.header_bg {
	background-color:#FFFFFF;
	}
.header {
	background-image:url(../images/background/header.jpg);
	background-repeat:no-repeat;
	height:287px;
	width: 999px;
  	margin: 0 auto;
	}
.header_padd {
	padding: 50px 50px 20px 20px;
	width:400px;
	}
.body_container {
	background-color:#F5F5F5;
	}
.container_content {
  	width: 999px;
  	margin: 0 auto;
	background-image:url(../images/background/bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;

}
.content {
  	margin: 0 auto;
	padding:0px 20px 30px 20px;

}
.top_dropdown_padd {
	 padding: 30px 70px 0px 10px;
	 }
.list_drop1 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:16px;
	 height:25px;
	 width:200px;
	 }
.form1 {
	 font-family:Arial, Helvetica, sans-serif;
	 color:#666666;
	 font-size:16px;
	 height:26px;
	 text-align:left;
	 width:190px;
	 }
.exchange_rate_bg {
	background-image:url(../images/background/bg3.jpg);
	background-repeat:no-repeat;
	height:249px;
	width:277px;
	}
.exchange_rate_padd {
	padding: 40px 20px 20px 20px;
	}

/* Text Format
-------------------------------------------------------------- */
.welcome {
	 font-family:Arial;
	 font-size: 30px;
	 color: #E18D04;
	 }
.title2 {
	font-size: 20px; color:#A9CA2E;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}

.title3 {
	font-size: 18px; color:#A9CA2E;
	font-family:Arial, Helvetica, sans-serif;
	}
.title4 {
	padding-top:10px;
	font-size: 24px; color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	}

.color1 {
	color: #52A519
}

/* Menu
-------------------------------------------------------------- */
.menu_container {
	background-image:url(../images/background/menu-bg.jpg);
	width:937px;
	height:72px;
	margin: 0 auto;
	}
#navlist
{
padding: 23px 0px 0px 10px;
margin-left: 0;
font: 18px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 18px;
margin-left: 3px;
text-decoration: none;
}

#navlist li a:link { color: #FFF; }
#navlist li a:visited { color: #FFF; }

#navlist li a:hover
{
color: #FFF;
background-color:#990000;
border-color: #227;

}

#navlist li a#current
{
text-decoration:underline;
color:#FFFFFF;

}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 10px;
  margin-right: 1px;
}
/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5 {
  float: left;
}
/* Use these classes to set the width of a column. */
.span-1 {
	background-image:url(../images/background/panel1.jpg);
	background-repeat:no-repeat;
	height:193px;
	width:327px;

	}
.span-1_padd {
	padding-left: 40px;
	padding-bottom: 50px;
	padding-right: 30px;
	padding-top: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	}
.span-2 {
	background-image:url(../images/background/panel2.jpg);
	background-repeat:no-repeat;
	height:193px;
	width:309px;

	}
.span-2_padd {
	padding: 70px 20px 50px 90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	}
.span-3 {
	background-image:url(../images/background/panel3.jpg);
	background-repeat:no-repeat;
	height:193px;
	width:334px;
	}
.span-3_padd {
	padding-left: 50px;
	padding-bottom: 50px;
	padding-right: 45px;
	padding-top: 70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	}
.span-4 {
	width:620px;
	}
.span-5 {
	background-image:url(../images/background/bg2.jpg);
	background-repeat:no-repeat;
	width:320px;
	}

/* Use this to create a horizontal ruler across a column. */
hr {
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 2px;
  border: none;
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,h7,h8 { font-weight: normal; }

h1 {
	font-size: 18px; line-height: 1; margin-bottom: 0.5em; color:#52A519;
	font-family:Arial, Helvetica, sans-serif;
	 }
h2 {
	font-size: 14px; line-height: 18px; margin-bottom: 0.5em; color:#585858;
	font-family:Arial, Helvetica, sans-serif;}

h3 {
	font-size: 30px; line-height: 1; color:#E18D04;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}

h4 {
	font-size: 28px; line-height: 1; color:#F8A01B;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:thin;
	border-bottom-color:#D6D6D6;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-spacing:20px;
	}
h5 {
	font-size: 20px; line-height: 1; color:#F8A01B;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:thin;
	border-bottom-color:#D6D6D6;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-spacing:20px;
	}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img, h7 img {
  margin: 0;
}

img.floatLeft { float: left; margin: 0 10px 0px 2px; }
img.floatRight { float: right; margin: 0 2px 0px 10px; }

a.white {
	color: #fff;
}

a, a:visited {
	color: #ee973c;
}

a:hover, a:hover:visited {
	color: #8d1a12;
}

.center_box a, .center_box a:visited {
	text-decoration: none;
	color: white;
}

.center_box a:hover, .center_box a:hover:visited {
	text-decoration: underline;
}

img {
	border-width: 0px;
}

.postit {
font-size: 13px;
padding-left: 10px;
color: white;
text-align: left;
padding-top: 30px;
width: 140px;height: 95px;background-image: url(../images/postit.png);
}

.postit a, .postit a:visited {
	text-decoration: none;
	color: #665f0f;
}

.postit a:hover, .postit a:hover:visited {
	text-decoration: underline;
}