@charset "utf-8";
/* CSS Document */

html {
	margin: 10px 0 0 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	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: #50504d;
	font-size: 10pt;
	z-index: -301;
}

h5 { font-size: small; color: #cdb568; text-decoration: underline; }

input { background-color: #898a7e; border: 1pt solid #999; color: #fff; width:200px; }

.paragraph { text-indent: 2em; }
.greater-then{ color: #336699; font-size: smaller; font-weight: bold;}

#container {
	width: 781px;  
	/* 	using 20px less than a full 800px width allows for browser 
		chrome and avoids a horizontal scroll bar 
	*/
	margin: 0 auto; 
	/* the auto margins (in conjunction with a width) center the page*/
	border: 1px solid #fff; 
	text-align: left; 
	/* this overrides the text-align: center on the body element. */
	z-index: -201;
}

.float-right{
	float: right;
	clear: both;
}

.float-left{
	float: left;
	clear: both;
}

/* header-panel *****************************************************************************/
.header-panel {
	position: relative;
	background-image: url(../images/banner.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 124px;
	width: auto;
	text-align: center;
	padding: 0;  
	/* 	this padding matches the left alignment of the elements in 
		the divs that appear beneath it. If an image is used in the 
		#header instead of text, you may want to remove the padding. 
	*/
	z-index: 1;
}
.header-panel h1 {
	margin: 0; 
	/* 	zeroing the margin of the last element in the #header div will
		avoid margin collapse - an unexplainable space between divs. 
		If the div has a border around it, this is not necessary as 
		that also avoids the margin collapse 
	*/
	padding: 10px 0; 
	/* 	using padding instead of margin will allow you to keep the 
		element away from the edges of the div 
	*/
}



/* banner *****************************************************************************/
.dicks-title
{
	position: relative;
	top: 15px;
	margin: 0 auto;
	background-image: url(../images/dicks5and10.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 45px;
	width: 281px;
	line-height: 45px;
	z-index: 101;
	font-size: 0pt;
}

/* menu-panel *****************************************************************************/
.menu-panel
{
	position: relative;
	top: 15px;
	margin: 0 auto;
	font-size: 12pt;
	line-height: 31px;
	vertical-align: middle; 	
	font-family:"Times New Roman", Times, serif;
	letter-spacing: 0.15em;
}

.menu-panel a { text-decoration: none; color: #fff; font-weight: bold; font-variant: small-caps; }
.menu-panel a:link {color: #fff;} /* unvisited link */
.menu-panel a:visited {color: #fff;} /* visited link */
.menu-panel a:hover {color: #fff; text-decoration: underline;} /* mouse over link */
.menu-panel a:active {color: #fff;} /* selected link */

.menu-panel .gold-bullet
{
	display: inline-block;
	background-image: url(../images/dot.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 9px;
	height: 6px;
}

.menu-panel .selected
{
	display:inline-block;
	background-image: url(../images/selected.png);
	background-position: middle left;
	background-repeat: repeat-x;
	height: 31px;

}

/* body-panel *****************************************************************************/
.body-panel 
{
	position: relative;
	top: -35px;
	left: 5px;
	width: 769px;
	/* 	remember that padding is the space inside the div box and 
		margin is the space outside the div box 
	*/
	border: 1pt solid #50504d;
	z-index: 0;
}

.body-panel a { z-index: 100;  }
.body-panel a:link {color: #898a7e; text-decoration: none;} /* unvisited link */
.body-panel a:visited {color: #898a7e; text-decoration: none;} /* visited link */
.body-panel a:hover {color: #898a7e; text-decoration: underline;} /* mouse over link */
.body-panel a:active {color: #898a7e; text-decoration: none;} /* selected link */

.body-panel .left-top
{
	width: auto;	
	height: 20px;
	background-color: #fff;
}

.body-panel .right-top
{
	width: 343px;	
	height: 20px;
	background-color: #333333;
}

.body-panel .left-bottom
{
	width: auto;
	height: 491px;
	background-color: #fff;
	overflow: auto;
	z-index: 1;
}

.body-panel .right-bottom
{
	width: auto;
	height: auto;
	background-color: #50504d;
	overflow: hidden;
}

.body-panel .hr
{
	background-image: url(../images/dash.png);
	background-position: middle;
	background-repeat: repeat-x;
	height: 6px;
	line-height: 6px;
	margin: 15px 0px;
}
/* footer-panel *****************************************************************************/
.footer-panel 
{
	background-image: url(../images/footer.png);
	background-position: top;
	background-repeat: repeat-x;
	position: relative;
	top: -38px;
	left: 5px;
	width: 751px;
	height: 128px;
	padding: 0 10px; 
	/* 	this padding matches the left alignment of the elements 
		in the divs that appear above it. 
	*/
	vertical-align: middle;
	text-align: right;
	color: #fff;
	font-size: smaller;
	z-index: 100;
}
.footer-panel .sub-menu {
	position: relative;
	top: 45px;
}

.footer-panel a { text-decoration: none; color: #fff; font-weight: bold; text-transform: lowercase; }
.footer-panel a:link {color: #fff;} /* unvisited link */
.footer-panel a:visited {color: #fff;} /* visited link */
.footer-panel a:hover {color: #fff; text-decoration: underline;} /* mouse over link */
.footer-panel a:active {color: #fff;} /* selected link */

.footer-panel .gold-bullet
{
	display: inline-block;
	background-image: url(../images/dot.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 9px;
	height: 6px;
}

/* icons *****************************************************************************/
.google-streetview
{
	display: inline-block;
	background-image: url(../images/icon-streetview.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	line-height: 32px;
	font-size: 0pt;
}

.msn-livemaps
{
	display: inline-block;
	background-image: url(../images/icon-map.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	line-height: 32px;
	font-size: 0pt;
}

.excel
{
	display: inline-block;
	background-image: url(../images/icon-excel.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	line-height: 32px;
	font-size: 0pt;
}

.pdf
{
	display: inline-block;
	background-image: url(../images/icon-pdf.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	line-height: 32px;
	font-size: 0pt;
}

.email
{
	display: inline-block;
	background-image: url(../images/icon-email.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	line-height: 32px;
	font-size: 0pt;
}

/* bullets *****************************************************************************/
.gold-bullet
{
	display: inline-block;
	background-image: url(../images/dot.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 9px;
	height: 6px;
}