/* Free standard-compliant open source XHTML/CSS template provided by Eatlon.com */

@charset "utf-8";
body {
	background-image: url(bg/header.gif);
	background-repeat: repeat-x;
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	color: #848484;
	padding: 0;
	margin: 0;
}


	a {
	}

	a:hover {
	}



	p { padding: 0; margin: 0 0 10px 0; }

	img { border: 0 }



h1 {
	font-family: helvetica, arial, sans-serif;
	font-size: 2em;
	color: #fff;
	padding: 0;
	margin: 0;
}


h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	text-decoration:underline;
	color: #a6a6a6;
	padding: 0;
	margin: 0 0 10px 0;
}


/*
table {
   width: 40em;
   border-collapse: collapse; 
   background: white;

   
   border: 1px solid #333;
   
}




th, td { 
   padding: 0.5em 1em;
   text-align: center;
   vertical-align: top; 
}
th {
   font-family: Georgia, "Times Roman", serif;
   font-size: 110%;
   font-variant: small-caps; 
   letter-spacing: 2px; 
   font-weight: normal; 
}

thead {
   background-color: #f3c600;
   color: black;
   border-bottom: 1px solid #999;
}
tfoot {
   border-top: 1px solid #999;
}


*/


#site {
	width: 1200px;
	margin: 0 auto;
}



#header {
	height: 122px;
	color: #fff;
}

	#header a { color: #fff; text-decoration: none; }
	#header a.current { color: #fff; text-decoration: none; }



	.site_title {
		float: left;
		margin: 23px 0 0 0;
	}



	.slogan {
		float: left;
		color: #91bef5;
		font-style: italic;
		font-size: 1em;
		margin: 31px 0 0 20px;
	}



	#nav {
		padding: 73px 0 0 0;
	}


		#nav ul {
			list-style-type: none;
			padding: 0px 0 0 0;
			margin: 0 auto;
		}


			#nav ul li {
				float: left;
				border-left: 1px solid #3676c4;
				border-right: 1px solid #1957aa;
				padding: 0;
				margin: 0;
			}


			#nav a, span {

				background-image: url(bg/nav.gif);
				background-repeat: repeat-x;
				display: block;
				font-size: .9em;
				font-family: helvetica, arial, sans-serif;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				text-align: center;
				padding: 15px 12px 15px 12px;
			}


			#nav a:hover, span {
				background-image: url(bg/nav_h.gif);
				background-repeat: repeat-x;
				color: #fff;
				padding: 15px 12px 15px 12px;
				margin: 0;
			}



	#search {
		float: right;
		margin: 6px 0 0 0;
	} :first-child+html #search { margin: 5px 0 0 0; }


		.magnify {
			float: left;
			margin: -17px 0 0 0;
		} :first-child+html .magnify { margin: -16px 0 0 0; }


		#search input {
			width: 150px;
			background-image: url(bg/input.gif);
			background-repeat: repeat-x;
			font-family: helvetica;
			font-size: 1em;
			color: #696969;
			border: 0;
			padding: 8px 5px 7px 0;
		}



#main {
	padding: 0;
	margin: 30px 0 0 0;
}


	#main_left {
		float: left;
		width: 550px;
	}


		.welcome {
			height: 230px;
			background-image: url(img/image1.jpg);
			background-repeat: no-repeat;
			padding: 40px 0 0 0;
			margin: 0;
		}


			.welc1 {
				font-size: 1.6em;
				color: #000;
				padding: 20px 15px 0 15px;
				margin: 0 0 25px 0;
			}


			.welc2 {
				color: #000;
				padding: 15px 10px 15px 15px;
			}



		#market {
			float: left;
			width: 160px;
			height: 177px;
			background-image: url(bg/market.jpg);
			background-repeat: no-repeat;
			color: #fff;
			padding: 20px;
			margin: 0 30px 0 0;
		}


			#market h3 {
				color: #fff;
				margin: 0 0 10px 0;
			}


			#market a { color: #fff; text-decoration: none; }
			#market a:hover { color: #fff; text-decoration: underline; }




		#latest {
			float: left;
			width: 320px;
		}


			#latest ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
			}

				#latest a { color: #3774be; text-decoration: none; }
				#latest a:hover { color: #3774be; text-decoration: underline; }

				#latest li {
					padding: 7px 15px 7px 15px;
					margin: 0;
				}

				#latest li.even {
					background-color: #f1f1f1;
				}


		#mainbox {
			clear: both;
		}


			.titlel {
				float: left;
				width: 6px;
				height: 29px;
				background-image: url(bg/titlel.gif);
				background-repeat: no-repeat;
				padding: 0;
				margin: 0;
			}


			.title {
				float: left;
				width: 528px;
				height: 20px;
				background-image: url(bg/title.gif);
				background-repeat: repeat-x;
				font-size: .9em;
				font-family: helvetica, arial, sans-serif;
				font-weight: bold;
				color: #fff;
				text-transform: uppercase;
				padding: 9px 0 0 10px;
				margin: 0;
			}


			.titler {
				float: left;
				width: 6px;
				height: 29px;
				background-image: url(bg/titler.gif);
				background-repeat: no-repeat;
				padding: 0;
				margin: 0;
			}


			.box_large {
				clear: both;
				border-left: 1px solid #ddd;
				border-right: 1px solid #ddd;
				border-bottom: 1px solid #ddd;
				text-align: justify;
				padding: 15px 15px 10px 15px;
				margin: 0 0 25px 0;
			}



	#main_right {
		float: right;
		width: 300px;
		padding: 0;
		margin: 0;
	}



		.boxtop {
			height: 35px;
			background-image: url(bg/boxtop2.gif);
			background-repeat: no-repeat;
			font-size: .9em;
			font-family: helvetica, arial, sans-serif;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 9px 0 0 16px;
			margin: 0;
		}


		.box {
			clear: both;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 15px 15px 10px 15px;
			margin: 0 0 25px 0;
         background-color:#ECEBFE;
		}

		.login {
			clear: both;
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 15px 15px 10px 15px;
			margin: 0 0 25px 0;
		}


		#infobox {
			height: 200px;
			background-image: url(bg/info300.jpg);
			background-repeat: repeat;
			color: #fff;
			padding: 20px 0 0 95px;
			margin: 0;
		}


			#infobox h3 {
				color: #fff;
				margin: 0 0 10px 0;
			}


			#infobox a { color: #fff; text-decoration: none; }
			#infobox a:hover { color: #fff; text-decoration: underline; }



	#news {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}


		#news li {
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #eee;
		}



		.date {
			text-transform: uppercase;
			margin: 0 0 3px 0;
		}



#spacer { clear: both; height: 25px; }
#footer {
	clear: both;
	height: 30px;
	background-image: url(bg/footer.gif);
	background-repeat: repeat-x;
	padding: 10px 7px 0 7px;
}


	#footer a { color: #848484; text-decoration: none; }
	#footer a:hover { color: #848484; text-decoration: underline; }


	.lfooter {
		float: left;
		width: 45%;
	}


	.rfooter {
		float: right;
		width: 45%;
		text-align: right;
	}


.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px; 
}

.custom-dropdown select {
  background-color: #1E5EB5;
  color: #fff;
  font-size: inherit;
  padding: 0;
  padding-right: 2.5em;	
  border: 0;
  margin: 0;
  width: 7.6em;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: button; /* hide default arrow in chrome OSX */
}

.custom-dropdown::before,
.custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.custom-dropdown::after { /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
}

.custom-dropdown::before { /*  Custom dropdown arrow cover */
  width: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

.custom-dropdown select[disabled] {
  color: rgba(0,0,0,.3);
}

.custom-dropdown select[disabled]::after {
  color: rgba(0,0,0,.1);
}

.custom-dropdown::before {
  background-color: rgba(0,0,0,.15);
}

.custom-dropdown::after {
  color: rgba(0,0,0,.4);
}