/* CSS Document - Hopper */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}


/* Links */
a{font-weight:bold; text-decoration: none; border-top-style: none;  border-right-style: none; border-bottom-style: none; 
	border-left-style: none;}
a:link, 
a:visited {
	color: #333;
}
a:hover {
	color: #625F5A;
}


/* Div's */
#wrap {	text-align: center; padding: 0px; width: 942px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#leftNav {
	position: relative;
	background-color: #BBB9B4;
	min-height:500px;
	height:550px;
	margin: 0px;
}
#mainContent {position: relative;}
#footer { padding-left: 157px; text-align: center; }
#keywords{
	font-size: 1px;
	color: #BBB9B4;
}
#wrap #main #mainContent table {text-align: center; padding-top: 0px; padding-right: 1px; padding-bottom: 8px;
	padding-left: 1px;}

/* Class' */
.left {	float:left;}
.title1 {font-size: 14px}
.title2 {font-size: 18px; font-weight: bold; font-family: "Courier New", Courier, monospace; }
.title3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #625F5A;
}
.textbox {
	font-family: Arial, Helvetica, sans-serif;
	color: #625F5A;
	font-size: 15px;
	text-align: justify;
	line-height: 18px;
	padding: 5px;
}
.w157 {width: 157px;}
.w784 {width: 784px;}
.w942 {width: 942px;}
.h550 {height: 550px;}
.h700 {height: 700px;}
.h810 {height: 810px;}



/* structural styles and offsets */
ul.expanding, ul.expanding li, ul.expanding ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}
ul.expanding {position: relative; cursor: default; width: 157px;}
ul.expanding li {
	position: relative;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	width: 157px;
	margin: -1px 0 0 0;
	background-color: #BBB9B4;
}
ul.expanding ul {cursor: default; width: 157px; padding: 2px 0; position: absolute; left: -100em;}
ul.expanding ul li {width: 147px; padding-left: 10px;}


/* design styles */
ul.expanding a:link, ul.expanding a:visited {display: block; cursor: hand; cursor: hand; padding: 5px 7px; text-decoration: none; 	letter-spacing: 1px; }
ul.expanding a:hover, ul.expanding a:focus, ul.expanding a:active, ul.expanding a.rollover:link, 
ul.expanding a.rollover:visited {
	color: #000;
	background-color: #BBB9B4;
}


/* submenu indicator arrows */
ul.expanding li.hasmenu > a:link, 
ul.expanding li.hasmenu > a:visited {background-color: #BBB9B4; background-image: url(assets/down-green.gif); 
	background-repeat: no-repeat; background-position: 95% 50%;}
ul.expanding li.hasmenu > a:hover, 
ul.expanding li.hasmenu > a:focus, 
ul.expanding li.hasmenu > a:active, 
ul.expanding li.hasmenu > a.rollover:link, 
ul.expanding li.hasmenu > a.rollover:visited {background-color: #BBB9B4; background-image: url(assets/down-red.gif);	background-repeat: no-repeat; background-position: 95% 50%; }

* html ul.expanding li.hasmenu a:link,
* html ul.expanding li.hasmenu a:visited {background: expression(/hasmenu/.test(this.parentNode.className)? "url(assets/down-green.gif) #BBB9B4 no-repeat 95% 50%" : "#BBB9B4");}

* html ul.expanding li.hasmenu a:hover, 
* html ul.expanding li.hasmenu a:active, 
* html ul.expanding li.hasmenu a.rollover:link, 
* html ul.expanding li.hasmenu a.rollover:visited {background: expression(/hasmenu/.test(this.parentNode.className)? "url(assets/down-red.gif) #BBB9B4 no-repeat 95% 50%" : "#BBB9B4");}


/* browser hacks */
@media screen, projection {
    * html ul.expanding li {display: block; float: left; background: #BBB9B4; }
}

#columns {
	background-image: url(assets/pr_clmns.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#bands {
	background-image: url(assets/pr_band.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#bases {
	background-image: url(assets/pr_base.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
}
#wcaps {
	background-image: url(assets/pr_wcaps.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#trims {
	background-image: url(assets/pr_trim.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#sills {
	background-image: url(assets/pr_sills.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#sbrds {
	background-image: url(assets/pr_sbrds.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#capitals {
	background-image: url(assets/pr_capitl.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#fzbrd {
	background-image: url(assets/pr_fzbrd.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#hdbrd {
	background-image: url(assets/pr_hdbrd.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#keystn {
	background-image: url(assets/pr_keystn.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#panel {
	background-image: url(assets/pr_panel.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#pcaps {
	background-image: url(assets/pr_pcaps.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#quoin {
	background-image: url(assets/pr_quoin.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#circle {
	background-image: url(assets/pr_circle.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#cornc {
	background-image: url(assets/pr_cornc.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
}
#blstrs {
	background-image: url(assets/pr_blstrs.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
	}
#scrnrs{
	background-image: url(assets/pr_scrnrs.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	height: 112px;
	width: auto;
	text-align: left;
	vertical-align: baseline;
	padding-top: 50px;
	padding-left: 40px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: small;
	}
#HLH {
	background-attachment: scroll;
	background-image: url(images/HOPPER_HOME_DESIGN.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 550px;
	width: 783px;
}