/* CSS Document 

/***************************************************************************************/
/*  MAIN OUTER PANELS
/***************************************************************************************/

#outer {
	background-color:			#679898;
	margin:						0px auto;
	position: 					relative;
	width:						1000px;
}

/***************************************************************************************
/*  TOP BANNER 
/***************************************************************************************/

#banner {	
	background-image: 		url(../images/banner.gif);
	background-position:		0px 0px;
	background-repeat:		no-repeat;
	height:						170px;
	position:					relative;
	z-index:						5;
}

#banner .flash {
	background-image:			url(../images/flash.gif);
	height:						46px;
	left:							835px;
	position: 					absolute;
	top:							207px;
	width:						165px;
	z-index:						10;
}

#banner .flash2 {
	background-image:			url(../images/flash2.gif);
	height:						46px;
	left:							835px;
	position: 					absolute;
	top:							207px;
	width:						165px;
	z-index:						10;
}

/***************************************************************************************
/*  NAVIGATION SIDEBAR 
/***************************************************************************************/

#nav {
	background-color:			#c2d6d6;
	background-image:			url(../images/navback.gif);
	background-position: 	right;
	background-repeat:		no-repeat;
	border:						0px none;
	height:						35px;
	padding-top:				2px;
	padding-left:				35px;
}

#nav li {
	display:						inline;
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:					14px;
	list-style: 				none;
	padding-right:				50px;
	text-transform: 			uppercase;
}

#nav a, #nav a:visited {
	color: 						#5b5b5b;	
}

#nav a.selected, #nav a.selected:visited {
	color:						black;
}

#nav a:hover, #nav a.selected:hover {
	color:						#679898;
}

/***************************************************************************************
/*  NAVIGATION SUB-MENUA 
/***************************************************************************************/

#subnav {
	padding-top:				10px;
	position: 					relative;
}

#subnav ul {
	margin:						0px;
	padding:						0 0 0 35px;
}

#subnav li {
	display:						inline;
	font-family: 				Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:					11px;
	line-height:				12px;
	list-style: 				none;
	padding:						0 25px 0 0;
	text-transform: 			uppercase;
}

#subnav a, #subnav a:visited {
	color: 						white;	
}

#subnav a.selected, #subnav a.selected:visited {
	color:						black;
}

#subnav a:hover, #subnav a.selected:hover {
	color:						black;
}

/***************************************************************************************
/*  MAIN CONTENT CONTAINER
/***************************************************************************************/

#container {
	background-image:			url(../images/contback.gif);
	background-position: 	top right;
	background-repeat:		no-repeat;
	position: 					relative;
	z-index:						1;
}

#container.gallery {
	background-image: 		none;
}

/***************************************************************************************
/*  MAIN CONTENT 
/***************************************************************************************/

#content {
	background-color:			white;
	background-image: 		url(../images/bordrt.jpg);
	background-repeat:		repeat-y;
	background-position: 	right;
	left:							435px;
	padding-top:				20px;
	position: 					absolute;
	top:							35px;
	width:						545px;
	z-index:						1;
}

#content h1 {
	padding-left:				30px;
}

#content p {
	padding-left:				30px;
	padding-right:				50px;
}

#content .bottom {
	background-color: 		white;
	background-image: 		url(../images/bordbt.jpg);
	background-repeat:		no-repeat;
	background-position: 	top left;
	height:						16px;
	margin-top:					15px;
	width:						545px;
}

#content label {
	float: 						left;
	width:						125px;
}

#content .articles {
	margin-top:				18px;
	margin-bottom:			18px;
}

#content .articles p {
	padding-top:				0px;
	padding-bottom:			0px;
}

/***************************************************************************************
/*  PHOTO ENLARGEMENT 
/***************************************************************************************/

#enlarge {
	left:							35px;
	position: 					relative;
	top:							35px;
	width:						367px;
	z-index:						1;
}

#enlarge.gallery {
	top:							20px;
	width:						482px;
}

#enlarge .top {
	background-image:			url(../images/enlargetop.jpg);
	background-position:		top left;
	background-repeat: 		no-repeat;
	height:						15px;
}

#enlarge .top2 {
	background-image:			url(../images/enlargetop2.jpg);
	background-position:		top left;
	background-repeat: 		no-repeat;
	height:						15px;
}

#enlarge .middle {
	background-color:			white;
	background-image: 		url(../images/enlargert.jpg);
	background-repeat:		repeat-y;
	background-position: 	right;
}

#enlarge .middle img {
	padding-left:				15px;
}

#enlarge .bot {
	background-image:			url(../images/enlargebot.jpg);
	background-position:		top left;
	background-repeat: 		no-repeat;
	height:						24px;
}

#enlarge .bot2 {
	background-image:			url(../images/enlargebot2.jpg);
	background-position:		top left;
	background-repeat: 		no-repeat;
	height:						24px;
}

#GalleryCaption {
	color:						white;
	font-size:					11px;
	font-weight:				bold;
	height:						20px;
}

/***************************************************************************************
/*  THUMBNAILS
/***************************************************************************************/

#thumbs {
	left:							435px;
	position: 					absolute;
	top:							370px;
	z-index:						1;
}

#thumbs.gallery {
	left:							575px;
	top:							150px;
}

#thumbs.gallery ul {
	margin:						0;
	padding-top:				35px;
}

#thumbs li {
	display: 					inline;
	margin-right:				15px;
}

#thumbs.gallery li {
	margin-right:				35px;
}

#thumbs .thumbNormal {
	border: 						8px solid #c2d6d6;
}

#thumbs .thumbSelected {
	border: 						8px solid white;
}

/***************************************************************************************/
/*  PAGE FOOTER
/***************************************************************************************/
	
#footer {
	background-color:			#c2d6d6;
	height:						35px;
	text-align:					right;
}

#footer p {
	color:						#5b5b5b;
	font-size:					13px;
	padding-top:				8px;
	margin-right:				30px;
}

#footer a, #footer a:visited {
	color:						black;
}

#footer a:hover {
	color:						#679898;
}

#footer2 {
	background-color: 		#679898;
	height:						40px;
}

/***************************************************************************************
/*  MISCELLANEOUS
/***************************************************************************************/

#panel1 {
	background-color:			transparent;
	left:							435px;
	padding-top:				0px;
	position: 					absolute;
	top:							330px;
	width:						545px;
	z-index:						100;
}

#panel1 p {
	color:						white;
	font-weight:				bold;
	line-height: 				17px;
	padding:						0px;
}

#panel1 a, #panel1 a:visited {
	color:						black;
	font-weight:				normal;
}

#panel1 a:hover {
	color:						white;
}
