/* CSS Document */
.logo{_behavior: url(iepngfix.htc);}
body
{
	background-color:#254237;
	min-width:100%;
	min-height:100%;
}

/* this sets a layer up thats fills 100% of the browser window */
#bgimage
{
	width:100%;
	height:100%;
	position:absolute; /* always in hte same position */
	left:0px;
	top:0px;
	overflow:hidden; /* to avoid scroll bars when the image inside is too big */
	z-index:0; /* sits underneath everything else */
}
#bgimage img
{
	width:100%; /* image is always 100% of hte browser window width */
	height:*; /* keeps the image aspect ratio rather than distorting the image to a percentage */
	position:absolute; /* so the image is always aligned to the bottom in this case*/
	bottom:0px;
}

#logoHolder
{
	position:absolute;
	width:384px;
	height:77px;
	margin:58px 0px 0px 42px;
	overflow:hidden;
}

#nav
{
	position:absolute;
	width:380px;
	height:288px;
	bottom:0px;
	right:0px;
	overflow:hidden;
}
#nav .link
{
	display:block;
	width:77px;
	height:76px;
	float:left;
	margin:0px 10px 10px 0px;
}
#nav .link a
{
	display:block;
	width:72px;
	height:31px;
	float:left;
	margin:0px;
	overflow:hidden;
	text-align:right;
	text-decoration:none;
	color:#FFFFFF;
	padding:45px 5px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#nav .link a.home { color:#666666; }

.home {background-image:url(../images/home/nav_home.png);}
.navLink {background-image:url(../images/home/homeNav.png);}

.home:hover {background-image:url(../images/home/nav_home_over.png);}
.navLink:hover {background-image:url(../images/home/homeNav_over.png);}
#flash{
	position:absolute;
	bottom:50px;
	left:50px;
}