/* Shining at me */

/*

------------------------------------------------------
Copyright Bruno Kerrien,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	font-size: small;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
}

/* --- Links --------- */


/* --- Wrap --------- */

#wrap {
	width: 792px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	text-align: left;
	float: left;
}















#content {
	width: 440px;
	margin-top: 308px;
	margin-left: 230px;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 15px;
	height: 210px;
}


#whitetop {
	float: left;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;
	width: 814px;
	height: 300px;
}
#mainmenu {
	height: 200px;
	width: 189px;
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 20;
	margin-left: 25px;
}
#brentlogo {
	height: 70px;
	width: 204px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	margin-top: 20px;
	margin-left: 23px;
}
#twoimages {
	height: 300px;
	width: 214px;
	margin-left: 231px;
	position: absolute;
	top: 0px;
	z-index: 30;
	margin-top: 13px;
	background-image: url(images/2picbg.jpg);
	background-repeat: no-repeat;
	left: 0px;
}
#address {
	height: 200px;
	width: 204px;
	position: absolute;
	top: 300px;
	left: 0px;
	z-index: 40;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	line-height: 14px;
	padding-top: 40px;
}
#address a {
color: #FFFFFF;
}

#footer {
	float: left;
	position: relative;
	clear: both;
	width: 700px;
	margin-left: 25px;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 15px;
}
#menu a, #menu a:visited {
	color:#000;
	background: #fff;
	width: 160px;
  }


/* Nav Menu CSS */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul li {
	position: relative;
	float: left;
	width:170px;
	text-align: right;
}
	
li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	color: #7E7E7E;
	font-size: 8pt;
	font-weight: bold;
	padding-right: 8px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	}
/* commented backslash mac hiding hack \*/ 
* html ul li a {height:10px}
/* end hack */ 

/* this sets all hovered lists to red */
li:hover a, li.over a,
li:hover li a:hover, li.over li a:hover {
	color: #7E7E7E;
	background-color: #e0ecfa;
	font-weight: bold;
}

/* set dropdown to default */
li:hover li a, li.over li a {
	color: #7E7E7E;
	font-weight: bold;
	border-right: 4px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left: 4px solid #FFFFFF;
	width: 116px;
	left: -4px;
	position: relative;
}
li ul li a {
	
} /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; } /* The magic */





#mainmenu a:visited{
	color: #B9B9B9;
}
#mainmenu a:hover{
	color: #666666;
}
#mainmenu a{
	color: #666666;
}
