div#splashWrap {
	background-color: #eae4c5;
	border: 1px solid #b4b590;
	width: 778px;
	margin: 50px auto 10px;
}
div#splashContent {
	width: 565px;
	margin: 22px auto;
}
div#splashContent h1,
div#splashContent h2 {
	display: block;
}
div#splashContent h1 {
	color: #1b3b30;
	margin: 0 0 12px 0; /* This pushes the three panels down a little bit */
	padding: 54px 0 15px 0; /* This aligns the text with the image, vertically */
}
div#splashContent img#splashLogo {
	float: right;
}
div#firstPanel,
div#secondPanel,
div#thirdPanel {
	width: 187px;
	height: 238px;
	background: url(../images/splash-panel-bg.jpg) no-repeat left bottom;
	float: left;
	margin: 0 1px;
	text-transform: uppercase;
}
div#firstPanel {
	margin-left:0;
}
div#thirdPanel {
	margin-right:0;
}
div#firstPanel div.panelImg,
div#secondPanel div.panelImg,
div#thirdPanel div.panelImg {
	height: 132px;
	cursor: pointer;
}
div#firstPanel div.panelImg {
	background: url(../images/splash-panel-1.jpg) no-repeat left top;
}
div#secondPanel div.panelImg {
	background: url(../images/splash-panel-2.jpg) no-repeat left top;
}
div#thirdPanel div.panelImg {
	background: url(../images/splash-panel-3.jpg) no-repeat left top;
}
div#firstPanel h2,
div#secondPanel h2,
div#thirdPanel h2 {
	font-size: 1.1em;
	padding-left: 6px;
	margin-bottom: .3em;
	color: #000;
}

div#firstPanel a,
div#secondPanel a,
div#thirdPanel a {
	text-decoration: none;
	font-family: "Trebuchet MS", arial, sans-serif;
}
div#firstPanel ul,
div#secondPanel ul,
div#thirdPanel ul {
	list-style: none;
	padding-left: 6px;
	margin-top: 0;
}
div#firstPanel ul a,
div#secondPanel ul a,
div#thirdPanel ul a {
	font-size: .9em;	
}
div#firstPanel div.panelWrap {
	margin-top: -6px;
}
div#secondPanel div.panelWrap {
	margin-top: 21px;
}
div#thirdPanel div.panelWrap {
	margin-top: 37px;
}
h3.splashIntro,
p.splashIntro {
	margin-left: 245px;
}
h3.splashIntro {
	clear: left;
	padding-top: 1em;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #a5810e;
}
p.splashIntro {
	font-family: "Times New Roman", Times, serif;
	text-align: justify;
}

/* Begin panel drop down styles */
.panelWrap {
	padding: 1px 0 1px 0;
}
/* remove all the bullets, borders and padding from the default list styling */
.panelWrap ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	position: relative;
	top: 1px;
	left: 2px;
}
.panelWrap ul ul {
	width: 179px;
	padding-top: 4px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.panelWrap li {
	position: relative;
}
/* adjust spacing between first drop down li's */
.panelWrap ul ul li {
	margin: 0;
}
/* style the links for the top level */
.panelWrap a, .panelWrap a:visited {
	display: block;
	width: 170px;
	color: #fff; 
	text-decoration: none; 
	text-transform: uppercase;
}
/* style the top level hover */
.panelWrap ul a:hover {
	background: transparent;
	color: #fff;
}
.panelWrap ul :hover > a {
	background: transparent;
	color: #fff;
	text-decoration: none;
}
/* style the second level links */
.panelWrap ul ul a.drop, .panelWrap ul ul a.drop:visited {
	color: #fff;
	text-transform: capitalize;
	background: #142e23 url(../images/splash-nav-arrow.gif) no-repeat right center;
}
.panelWrap ul ul a, .panelWrap ul ul a:visited {
	color: #fff; 
	padding: 5px 10px;
	border-bottom: 1px solid #7b8c86;
	width: 159px;
	text-transform: capitalize;
	background: #142e23 url(../images/splash-nav-arrow.gif) no-repeat right center;
}
/* yet another hack for IE5.5 */
* html .panelWrap ul ul a {
	width: 180px;
	w\idth: 159px;
}
/* style the second level hover */
.panelWrap ul ul li a:hover,
.panelWrap ul ul li a.drop:hover {
	background-color: #e9a514;
	color: #142e23;
	background-image: none;
}
.panelWrap ul ul li :hover > a,
.panelWrap ul ul li :hover > a.drop {
	background-color: #e9a514;
	color: #142e23;
	background-image: none;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.panelWrap ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 13px;
	left: -10px; 
	width: 180px;
}
/* another hack for IE5.5 */
* html .panelWrap ul ul {
	top: 15px;
	t\op: 14px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.panelWrap table {
	position: absolute;
	top: 0;
	left: 0;
}
/* make the second level visible when hover on first level list OR link */
.panelWrap ul li:hover ul,
.panelWrap ul a:hover ul{
	visibility: visible; 
}
/* End panel drop down styles styles */