/* header
----------------------------------------------- */

#header {
	background: url("../img/header.gif") 50% 0 no-repeat; 
	width:770px; 
	height: 75px
}
#header a img {
	/*margin-top: 20px;*/
}
#logo a {
	color: #FFF; 
	text-decoration: none; 
	width: 300px; 
	height: 75px; 
	display: block; 
	overflow: hidden; 
	float:left
}
#logo a span {
	display: block
}
#logo a span em {
	display: block; 
	text-indent: -9999px; 
	color: #F4F4EB; 
	font-size: 17px
}
#logo a span strong {
	display: block; 
	text-indent: -9999px; 
	padding-top: 15px; 
	font-weight: normal; 
	font-size: 24px;

	line-height: 24px; 
	letter-spacing: 10px; 
	text-transform: uppercase
}
#logo a span, strong span {
	font-size: 13px; 
	display: inline; 
	border-bottom: 1px solid #FFF; 
	border-top: 1px solid #FFF; 
	padding:0; 
	letter-spacing: 0; 
	vertical-align: middle
}

/* Search Form
----------------------------------------------- */

#searchForm {
	float:right; 
	text-align:right; 
	color:#FFF; 
	width:220px; 
	display:block; 
	margin:16px 10px 0 0; 
	padding:0
}
#searchForm div {
	margin-bottom:10px; 
	font:10px Arial; 
	color:#FFF
}
#searchForm div a {
	font:12px Arial; 
	color:#FFF; 
	margin-right:6px; 
	margin-left:6px
}
#searchForm form {
	width:220px; 
	display:block; 
	margin:0; 
	padding:0
}
#searchForm input.text {
	width:130px; 
	margin-right:3px; 
	border: 1px solid; 
	border-color: #003366 #769DC4 #769DC4 #003366; 
	font:11px Arial; 
	padding:1px
}
.searchButton {
	cursor: pointer; 
	font:10px Arial; 
	color:#FFF; 
	border: 0px; 
	overflow:hidden; 
	
	background-image: url("../img/search.gif"); 
	background-repeat: no-repeat; 
	
	/* WIDTH: The actual width of the image */
	width: 50px; 
	
	/* HEIGHT: First number of padding; and number in 2nd height;  is actual height of image */
	padding-top: 0; 
	height: 17px !important; 
	height /**/: 17px
}
.searchButton:hover {
	background-image: url("../img/search_hover.gif"); 
	background-repeat: no-repeat
}

/* site navigation
----------------------------------------------- */

#navList {
	margin:6px 0 8px 0; 
	font:11px Arial; 
	padding:0; 
	text-align:center
}
#navList li {
	display: inline; 
	color:#FAFAFA; 
	list-style-type: none; 
	padding:0;
	margin:0
}
#navList li a, #navList li a:visited {
	text-decoration:none; 
	color:#FAFAFA; 
	padding:1px 12px 2px 12px
}
#navList li a:hover {
	color:#FFF; 
	background:#336699; 
	text-decoration:none; 
	background-image:url("../img/rollbg.gif"); 
	background-repeat:repeat-x
}
#navList #current a {
	color:#B3CCE6
}
#navList #current a:hover {
	color:#B3CCE6
}

/* extras
----------------------------------------------- */

.topOfPage {
	padding:0 0 5px 13px; 
	background:url("../img/up_arrow.gif") no-repeat 0 30%; 
	font:11px Arial;
}
hr {
	border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	width: 100%;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
}