/*base*/
body {
	margin-top: 0px;
	margin-bottom: 0px;
}
.site-container{
width:1000px;
margin-left:auto;
margin-right:auto;
height: 100%;
border-left-style:solid;
border-left-color:#000000;
border-left-width:1px;
border-right-style:solid;
border-right-color:#000000;
border-right-width:1px;
}
.Header-container{
	width:1000px;
	height:216px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:solid #000000; border-bottom-width:1px;
	}
.body-container3{
width:1000px;
margin-left:auto;
margin-right:auto;
height: auto;
overflow:hidden;
}
.body-container3 h1,h2,h3,h4,h5,h6,h7{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
margin-bottom: 0px;
font-style:italic;
color:#666666;
}
.Column1
{
  width:595px;
  hight:100%;
  float:left;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  overflow:hidden;
}
.c1body{
width:auto;
hight:100%;
padding-left:10px;
padding-right:10px;
padding-top:10px;
font-size:13px;
}

.c1body h1,h2,h3,h4,h5,h6,h7{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
margin-bottom: 0px;
}

.c1body p{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:13px;
margin-top: 6px;
padding-bottom:2px;
}
.Column2{
  width:400px;
  hight:100%;
  float:left;
  border-left:1px solid #000000;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  overflow:hidden;
}
.c2body{
padding-left:10px;
padding-right:10px;
font-size:12px;
}

.c2body h1,h2,h3,h4,h5,h6,h7{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom: 0px;
font-weight:normal;
color:#FF0000;
text-align:justify;
}

.c2body p{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:12px;
margin-top: 6px;
padding-bottom:12px;
margin-bottom:24px;
border-bottom:solid;
border-bottom-color:#999999;
border-bottom-width:1px;
}
.footer-container
{
width:1000px;
margin-left:auto;
margin-right:auto;
height: 50px;
border-top:solid;
border-top-width:1px;
border-top-color:#000000;
padding-top:6px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
text-align:center;
}

/*header*/
.logo-box
{
margin-top:0px;
margin-left:5px;
height:216px;
width:162px;
position:absolute;
float:left;}

.head-slogan
{
	width:995px;
	height:80px;
	text-align:right;
	padding-top:5px;
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	left: 204px;
	background-image:url(/images/tab-bar.gif);
}
.head-slogan  a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
}
.head-slogan  a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00FF00;
	text-decoration:none;

}
.head-slogan b
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
}
.head-slogan b a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
	text-decoration:none;
}

.head-slogan b a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#00FF00;
	text-decoration:none;
}
.head-mid-box
{
height:125px;
width:1000px;
background-image:url(/images/electric-company-party.gif);
}
.head-nav
{width:800px;
margin-top:0px;
margin-left:150px;
height:23px;
}
.beer-show
{height:50px;
width:875px;
margin-top:8px;
margin-left:125px;
background-color:#00FF00;
}
/*main nav*/
#nav, 
#nav ul {padding:0; margin:0; list-style:none; font: 12px arial, verdana, sans-serif; background-color:#FFFFFF; position:relative; z-index:100;}
#nav {height:20px; width:800px; padding:0; background:#FFFFFF;}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#000000; height:23px; padding:0 10px 0 10px; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li li a {height:21px; line-height:20px; float:none; color:#666666; font-weight:normal;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#000000; color:#fff; border-left:1px solid #000000;}
#nav li:hover > a {border-left:1px solid #000000; background:#000000; color:#fff;}

#nav :hover  ul {left:0; top:23px; border-left:1px solid #000000; border-right:1px solid #000000;  border-bottom:1px solid #000000;z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#000000; color:#fff; border-left:1px solid #000000;}

#nav li a:hover ul li a:hover {background:#990000;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul

/* end main nav */