@charset "utf-8";
/* CSS Document */

<!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	
	margin: 0;
	padding: 0;
	color: #000;
	 position: relative;
	height: auto !important;
    height: 100%;
    min-height: 100%;
}

	 html, body, div {
    margin: 0;
    border: 0;
    padding: 0;
  }
  html, body {
    height: 100%;
  }
  
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; 
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
.menu a {
	color: #fff;}
a:link {
	color: #fff;
	text-decoration:none;
	font-size:12px; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
h3 a:link {
	color: #2e436d;
	text-decoration:none;
	font-size:12px; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 100%;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
  	background: url(0.png)  repeat-x ;
	height:6px;
}

#main{ background: url(3.png); height:174px; width:832px; padding:0px;padding-top:1px; }
#slide{ margin-left:0px; width:484px; height:164px; margin-top:5px; float:left;}
.menu{float:left;  margin-left:50px; margin-top:45px;}
.intro{float:right;  margin-right:60px; margin-top:45px; width:120px; font-size:10px;color:#FFF;}
.rightdiv{float:right; width:700px;}
.login{width:300px;}
.content {

	
	width:860px;
	margin: 0 auto;	
}
#info{ background:url(10.png) no-repeat; height:79px;
 width:555px; margin-left:200px;padding:0px;}
 .in{padding:15px;}
 #info a{padding:12px 40px;}
#infotop{ border-left: 2px solid #8394b8;border-right: 2px solid #8394b8; width:547px; margin-left:202px;padding:0px; font-size:10px;
color:#036 ; margin-top:-6px;}
h1{margin-left:0px;padding-left:0px;}

/* ~~ The footer ~~ */
#footer {
	position: absolute;
    bottom: 0px;
	padding:0px;
	margin:0px;
	
	width:100%;
}


/* ~~ miscellaneous float/clear classes ~~ */
.fcontent {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	width:960px;
	margin: 0 auto;	
	
}
.menubase{
	padding:0px;
	margin:0px;
	margin-left:350px; height:50px;}
.fimage {
		background: url(8.png)  repeat-x ;
	height:6px;
	width:100%;
	padding:0px;
	margin:0px;
}
.menuitem {
	color:#888; font-size:12px; vertical-align:text-bottom; height:30px; float:left;}
.menuitem a{
	color:#888; font-size:10px; vertical-align:bottom; padding-left:3px;}
	.fright{float:right; margin-right:150px; vertical-align:top; }
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.right{float:right;}
.left{float:left;}