/* CSS Document */

body{
	background-image: url(../Images/background.gif);
	margin: 0;
}

#background{
	background-image: url(../Images/main-bg.gif);
	background-color: #529dcd;
	background-position: top;
	background-repeat: repeat-x;
	height: 100%;
}

#nav{
	background-image: url(../Images/nav-bg.gif);
	background-position: top;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	height: 30px;
	margin-left: 22px;
}

#nav a{
	display: block;
	background-position: top;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 10px 0 10px;
}

#nav a:hover{
	background-image: url(../Images/nav-bg.gif);
	background-position: bottom;
	color: #3b71ad;
}

#nav ul{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#nav ul li{
	float: left;
	margin-right: 5px;
	line-height: 30px;
}

#ContentArea{
	background-color: #FFFFFF;
	background-image: url(../Images/content-bg-top.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 393px;
}

#PhotoArea{
	background-color: #3b71ad;
	background-image: url(../Images/photos-bg-top.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 242px;
}

.PhotoBG{
	background-color: #3B71AD;
}

.ContentBG{
	background-color: #FFFFFF;
}

#Footer{
	background-image: url(../Images/btm-bg.gif);
}