@charset "UTF-8";

body  {
	font-family: Georgia, "Times New Roman", serif; 
	font-size:13px;
	line-height:22px;
	background:#FBFBFB; /* #534741; */
	background-image:url(../../img/header-bg.png);
	background-position:top;
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

hr {
	border:0px;
	margin:0px;
	margin-top:8px;
	margin-bottom:8px;
	padding:0px;
	border-top: 1px solid #999;
}

.small {
	font-size:11px;
	line-height:15px;
}

strong {
	font-weight:bold;	
}

h1 {
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	letter-spacing: 3px;
	font-size:36px;
	line-height:44px;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:0px;
	color:#333;
}

.box h2 {
	margin:0;
	padding:4px;
	padding-left:0px;
	padding-top:10px;
}

h2 {
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	letter-spacing: 1px;
	font-size:20px;
	padding:10px;
	padding-bottom:1px;
	padding-top:1px;	
}

h3 {
	padding:0;
	margin:0;
	
}

p {
	margin: 0;
	padding:2px;
	padding-left:0px;	
	padding-right:0px;	

}

a {
	text-decoration:none;	
}

a#hover {
	text-decoration:underline;	
}	



.quote {
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	letter-spacing: 1px;
	font-size:16px;
	font-style:italic;
	padding:20px;
	padding-left:40px;
	
	
	
}

/* /////////////////////////  box  */


.clearfloat { 
	clear:both;
}

.box, .box-black, .box-white, .box-footer, .box-header {
	width: 860px;  
	margin: auto; 
	padding:0;
	text-align: left; 
}


.box-header {
	margin-bottom:40px;
	margin-top:10px;
	color:#fff;
}


.box-footer {
	padding:0;
	padding-top:4px;
	color:#333;

	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:12px;
	line-height:16px;

}


.box {
	color:#000;	
}

.box-black {
	background:#333;
	color:#FFF;
}

.box-black a {
	color:#0CF;
	
}


.box-white {
	background:#FFF;
	color:#000;
}

.box-t {
	margin:0;
	width:760px;
	padding:0;
	float: left;

}
.box-l {
	float: left; 
	width: 370px;
	margin:0;
	margin-right:20px;
	padding:0;
	height:100%;
	}

.box-header .box-l {
	margin:0px;
	width:630px;
}


.box-r {
	width: 370px;
	margin:0;
	margin-left:20px;	
	float: right;
	padding: 0;

	height:100%;

}

.box-header .box-r {
	margin:0px;
	width:150px;
}



.box-b {
	
	float: left;
}


ul#topnav li {
	padding:0px;
	font-weight:bold;	
	text-align:left;
	color:#FFF;
	padding-left:4px;
	display:block;
	border-bottom: 1px #999 solid;
}

ul#topnav li a {
	text-decoration:none;
	color:#333;
	font-weight:normal;	
}


ul#topnav li a:hover {
	text-decoration:underline;	
}


ul#topnav {
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size:12px;
	list-style:none;
	padding:0;
	width:150px;
	margin:0;
}