/* CSS Document */
/* Menu */
	* {margin: 0; padding: 0; border: 0;}
a:link {
	color: #0033FF;
}
a:visited, a:hover, a:active {
	color: #632A60;
}

a:visited.footerLink, a:link.footerLink{
	color: #fff;
}
a:hover.footerLink{
	color: #F27521;
}
div.list ul{
	margin-left: 40px;
}
div.list ol{
margin-left: 40px;
}
body {
	background-color: #733873;
	behavior: url(css/csshover.htc);
   font-family: arial;
   font-size: 13px;
}
#container {
	background: url(../wildwestmswalkabout/whiteCenter.gif) repeat-y;
	width: 860px;
	margin: 50px auto;
}
#dates{
	position:relative;
	background: url(../wildwestmswalkabout/dateBanner.gif) no-repeat right top;
	width: 195px;
	height:218px;
	top:-60px;
	left:700px;
}
#header {
	height: 200px;
	background: url(../wildwestmswalkabout/whiteTOP.jpg) no-repeat;
}
#footer {
	background: url(../wildwestmswalkabout/whiteBottom.jpg) no-repeat;
	height: 117px;
	clear:both;
}
#content {
	width: 580px;
	float: left;
	margin-top: -32px;
	margin-left: 20px;

}
#sideBar {

	width: 190px;
	float: left;
	background:url(../wildwestmswalkabout/black.gif) no-repeat;
	width: 157px;
	height: 1103px;
	padding: 6px;
	margin-top: -30px;
	margin-left: 38px;	
	display:inline;
	overflow:hidden;
	
}
#postIt{
	position: relative;
	left:-35px;
	top:-20px;
	display:block;
	float:right;
	
}
#postIt2{
	position: relative;
	top:5px;
	left:-20px;
	display:block;
	float:right;
	
}

#nav{
	padding-bottom:50px;
}
.headerText{

	color:#632A60;
	font-size:18pt;
	font-weight:600;
	font-family: Times New Roman, Helvetica, sans-serif;
	position:relative;
	z-index:2;
}
img.floatLeft{
	float:left;
	padding:24px 20px 10px 0px;
}
#newsLetter{
	padding-top:50px;
}
p.footer{
	text-align: right;
	position:relative;
	top:-85px;
	width:820px;
	margin-right: auto;
	margin-left: auto;
	font-size:13px;	/* SET FONT-SIZE HERE */
	font-family: Times New Roman, Helvetica, sans-serif;
}
#logos{
	display:block;
	width:120px;
	position:relative;
	top:-1065px;
	left: 8px;

}
#newsLetter{
		position:relative;
		top: 40px;
		z-index:10;
	}

.picSpace{
		padding:10px;
		border:10px
	}
.committee{
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size:11.5pt;
	font-weight:600;
}

.sponsorTitle{
	font-weight:800;
	border-bottom:1px solid #000;
}

/* -------------------NAVIGATION-------------------------*/
ul#navigation{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background: #ffffff;
	float:left;
	width: 600px;
	position:relative;
	left: -20px;
}
ul#navigation li{
	display: inline;
}
ul#navigation a{
	display:block;
	float: left;
	padding: 2px 18px;
	text-decoration:none;
	color: #733873;
	font-weight: bold;
	
}
ul#navigation a:hover{
	color:#000;
}



* {margin:0; padding:0;} 

	div#listmenu {
	width:625px; 	/* The width of the menu */
	float:left;
	font-size:13px; /* Font size */
	font-family: Times New Roman, Helvetica, sans-serif;
	position:relative;
	left:0px;
	top:-32px;
	z-index:21;
	padding-bottom: 30px;
	

	}
	div#listmenu ul {margin:0 0 0 0;/* indents ul from edge of container */
	}
	div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	 /*sets the background of the menu items background-color:#b6a6be;   */
	 background-color:#ffffff; /*sets the background of the menu items */
	border-right:1px solid #623b60; /* creates dividing lines between the li elements */
	
	}
	div#listmenu li:hover { 
		background-color:#dddddd; /*sets the background of the menu items */
	}
	div#listmenu a {
		display:block;
		padding:0 17px; /*creates space each side of menu item's text */
		text-decoration:none;	 /* removes the underlining of the link */
		color:#623b60;	/* sets the type color */
	}
	div#listmenu a:hover {
		color:#623b60;
	}
	/* the horizontal menu ends here */

	/* the drop-down starts here */
	div#listmenu ul li ul {
		margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
		position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
		width:150px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
		left:-1px; /*aligns the drop exactly under the menu */
	}
	div#listmenu ul li ul li {
		width:100%; /* makes the list items fill the list container (ul) */
		border-left:1px solid #623b60; /*  three sides of each drop-down item */
		border-bottom:1px solid #623b60;
		border-right:1px solid #623b60;
	}
	div#listmenu ul li ul li:first-child {
		border-top:1px solid #623b60; /*the top edge of the dropdown */
	}
	/* make the drop-down display as the menu is rolled over */
	div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
	div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */


	/* add this for IE (all flavors) so the menu has a vertical line on the left */
	* html div#listmenu ul {
		float:left; /* makes the ul wrap the li's */
		margin-left:0px; /* IE doubles the given value above - why? */
	}
	/* makes IE5 & 5.5 accept the padding on the link */
	/* add a top line to drops and pops in IE browsers - can't read :first-child */
	* html  div#listmenu ul li ul {
		border-top:1px solid #623b60;
		border-left:0px; /* stops the drop inheriting the ul border */
	}


/* -----------------------------------------------------------*/