/* CSS Document */

body, html {

	margin: 0 auto;
	background: #7D7D7D;
	width: 760px;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	text-align: center;
}

a:link, 
a:visited {

	color: #ffffff;
	text-decoration: none;
}

a:hover, a:active {

	color: #FE7E0A;
	text-decoration: none;
}

#rap { 

  	margin-left: auto;
  	margin-right: auto;
  	width: 760px;
  	background: #2E7EF4;
} 

#header { 
  	width: 760px;
  	height: 200px;
  	background: url(../images/banner.gif) no-repeat;

} 


.bottom {

	width: 100%;
	background: #2E7EF4;
	color: #ffffff;
	margin: 0 auto;
	font-size: .8em;
	line-height: 1.4em;
	font-family: Verdana;
}

.bottom a,
.bottom a:visited {
color: #ffffff;
border-bottom: 1px dashed;
}

.bottom a:hover {
color: #FE7E0A;
border-bottom: 1px dashed;
}

	
#menu {
	margin-bottom: 0px;
	text-align: center;
	padding:0 1em;
	height: 25px;
	border-bottom: 1px solid black;
	background: #FE7E0A;
	}

div.outer {
	float: left;
	width: 100px; 
	height: 25px;
	margin: 0 3px 0 0;
	background: url( 'bar.gif' ) 0 -50px no-repeat;
	}

div.outer a, 
div.outer a:visited {
	display: block;
	margin: 0; 
	padding: 0;
	width:100%; 
	height:100%;
	overflow:hidden;
	font: bold 12px/1 Verdana, serif;
	color:#039;
	text-decoration: none;
	background: url( 'bar.gif' ) top left no-repeat;
	text-align: center;
	}
div.outer span {
	display: block;
	margin:0; 
	padding: 7px 0 0 5px;
	}
div.outer a:hover {
	background-image: none;
	color: #FE7E0A;
	}
div.outer a:active {
	color: black;
	}
	
#title { 
color: #ffffff;
font-family: Verdana;
}

#main { 
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
text-align: left;
font-family: Verdana;
}