/* CSS Document */

* {
	margin:0; 
	padding:0;
	}
body {
	margin:0 auto; 
	background-color:#f6fdfe; 
	font-size:80%; 
	color:#4b4b4c; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
div#wrapper {
	margin:0 auto; 
	width:1100px; 
	background:url(../images/bg-site.png) 0 0 no-repeat; 
	min-height:100%; height:100%; 
	}
#wrapper { 
	overflow: hidden;
	}

body p {
	line-height:20px; 
	margin:8px 0 8px 0; 
	}
ul li {
	list-style-type:square; 
	list-style-position:inside; 
	padding:4px;  
	}
a:link {
	color:#458fd0;
	}
a:visited {
	color:#993333;
	}
div#header {
	background: url(../images/header.jpg) 0 0 no-repeat; 
	height:334px;
	 }
div#logo {
	width:263px; 
	height:80px; 
	float:right; 
	margin-right:89px; 
	margin-top:10px;
	}
img {
	border:0;
	}

/* navigation menu */
div#nav {
	width:675px;
	padding:0;
	margin:-26px 78px;
	border: 0;
	float:right;
	text-align:left;
	background:url(../images/menu-bg.gif) no-repeat;
	height:40px;
	z-index:1000;}

div#nav ul {
	margin:0; 
	padding:0 0 0 20px; 
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; 
	z-index:500;
	}
div#nav ul li { 
	font-size:14px; 
	font-size-adjust:none; 
	color: #ffdf; 
	font-weight:bold; 
	line-height: 1em; 
	float:left; 
	position: relative; 
	margin:0; 
	vertical-align:top; 
	text-align:left; 
	padding:12px 22px 8px 22px; 
	list-style: none; 
	background-image: none; 
	z-index:400; 
	}

div#nav li a { 
	text-decoration: none; 
	color: #f5fcfd; 
	display: block; 
	border-bottom: 0; 
	font-size-adjust:none;
	}
div#nav li a:hover { 
	text-decoration: none; 
	color: #f5fcfd; 
	display: block; 
	border-bottom: 0; 
	font-size-adjust:none;
	}
div#nav ul ul { 
	position:absolute; 
	z-index:100; 	
	top: 99%; 
	left: 0; 
	border: 1px solid #ccc; 
	background-color: #f6fdfe; 
	margin: 0; 
	padding:0;
	}
div#nav li li {
	line-height:16px; 
	font-size: 88%; 
	font-weight:normal; 
	width:97%; 
	margin:0; 
	padding:0px 0px 0px 0px; 
	list-style:none; 
	text-transform:none; 
	border-right:0; 
	border-top:1px dashed #eaebeb;
	 }

div#nav li li a { 
	margin:0; 
	color:#4e4f53;  
	padding:6px 20px 3px 6px; 
	border:0; 
	background:transparent;
	}
#nav li li a:hover {
	color: #0033CC; 
	}
/* pullouts */

div#nav ul li ul, div#nav2 ul li ul { 
	display:none; 
	}

div#nav ul li:hover ul { 
	display:block; 
	}

/* active page */

body.babout div#nav ul li#about a,
body.randr div#nav ul li#races a,
body.pgallery div#nav ul li#photo a,
body.resource div#nav ul li#resources a {
	border-bottom:2px solid #fcfcfc; 
	color:#ffffff; 
	}
body.babout div#nav ul li#about li a,
body.randr div#nav ul li#races li a,
body.pgallery div#nav ul li#photo li a,
body.resource div#nav ul li#resources li a { 
	color: #4e4f53; 
	border-bottom:none;
	}
body.babout div#nav ul li#about li a:hover,
body.randr div#nav ul li#races li a:hover,
body.pgallery div#nav ul li#photo li a:hover,
body.resource div#nav ul li#esources li a:hover {
	color: #0033CC;
	 }
div#nav li.active {
	text-decoration: none; 
	color:#001727;
	display: block; 
	border-bottom: 0;
	background-color: #FFF;
}

div#nav li.active a {
	color:#001727;
	}

/*end navigation*/

div#content-wrapper {
	margin:40px 90px 0 94px; 
	 }
#column-1 {
  position: relative;
  float:left;
  border:1px solid white;
  width: 63%; /* remember to set a width */
}
.overlay{
  position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
  background: #fff;
  opacity: 0.50;
  -moz-opacity: 0.50; /* older Gecko-based browsers */
  filter:alpha(opacity=50); /* For IE6&7 */
	}

#column-1 .content {
	padding: 20px;
	}
.content {
  position: relative;
	}
/* Lets use the * html hack so only IE6 reads the rule */
* html #column-1 .overlay {
  height: expression(document.getElementById("column-1").offsetHeight);
	}

div#column-1 h2 {
	color:#2954c4; 
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:0; 
	padding:5px 0 10px 0; 
	font-size:110%;
	}

div#column-2 {
	width:27%; 
	float: left; 
	display: inline; 
	margin-left:40px; 
	text-align:center; 
	margin-top:-5px;
	}

/* content pages styles */
body#contentPg div#content-wrapper {
	margin:40px 110px 0 64px;
	 }
body#contentPg #column-1 {
  position: relative;
  float:left;
  border:1px solid white;
  width: 83%; /* remember to set a width */
	}
body#contentPg div#column-2 {
	width:13%; 
	float: left; 
	display: inline; 
	margin-left:40px; 
	text-align:left; 
	margin-top:0px;
	}

.officers {
	border-left:7px solid #2c2727; 
	padding-left:5px; 
	line-height:18px; 
	margin:16px 0 16px 0; 
	color:#4b4b4c;
	}
.highlight {
	color:#2954c4;
	}

/* footer styles */
div#footer {
	margin:0 0 0 94px; 
	color:#666666; 
	clear:both; 
	font-size:80%; 
	padding:50px 0 0 0;
	 }
div#footer p {
	margin:0px; 
	padding:0;
	}