/* General tags ------------------------------------------- */
html, body
{
	width: 					100%;
	height: 				100%; 
	margin: 				0;
	border: 				0;
	padding: 				0;
	min-height:				500px;
	color: 					#4d565e;
	font-family: 			Arial, Helvetica, Monaco, sans-serif;
	font-size:				0.875em;
	line-height:			150%;
	
	background-color: 		#d0e7ee;
	background-image: 		url( /images/base/dorset_landscape.gif );
	background-repeat:		no-repeat;
	background-attachment:	fixed;
	background-position:	left bottom; 
}

/* Columns on front page ---------------------------------- */
.Content_3Col	{ vertical-align:text-top; display: inline-block; width: 32%; }
.Content_2Col	{ vertical-align:text-top; display: inline-block; width: 47%; }


h1.FrontPageBlurb { font-size: 100%; color: #4d565e; font-weight: bold; }
h1 { font-size: 150%; color: #ba4e4e; font-weight: bold; }
h2 { font-size: 120%; color: #ba4e4e; font-weight: bold; }
h3 { font-size: 100%; color: #ba4e4e; font-weight: bold; }
h4 { font-size: 100%; color: #ba4e4e; font-weight: normal; }
h5 { font-size: 100%; color: #ba4e4e; font-weight: normal; }


/* get rid of those system borders being generated for A tags */
a { color: #ba4e4e; text-decoration: none; }
a:hover { color: #ba4e4e; outline:none; text-decoration: underline; }



.FloatLeft { float: left; }
.FloatRight { float: right; }
.Clear { clear: both; }


/* Remove margins from the images */
img { border:0; margin: 0; padding: 0; }

li{ padding: 5px; }



/* Classes ------------------------------------------------ */
ul.ContentList
{
  margin: 0;
  padding: 0;
  list-style: none;
}
 
ul.ContentList li
{
	margin: 0 0 0 20px;
	list-style: disc url( /images/red_square.gif ) outside;
}

li.TopPadding{ padding-top: 20px; }

.SingleSpacing { line-height : 100% }
.BoldText { font-weight: bold; }

img.MouseOver { border:0; margin: 0; padding: 0; }

a.GreyLink { color: #4d565e; text-decoration: none; }
a.GreyLink:hover { color: #4d565e; outline:none; text-decoration: underline; }



/* Id Selectors ------------------------------------------- */
#ContactInfo
{
	text-align: right;
	float: 	right;
	padding: 25px 10px 0 0;
}



#ContainerDiv /* Centred box containing everything else */
{
	position: 				relative;
	width: 					700px;
	height:					100%;
	margin: 				0 auto;
	min-height:				400px;
}

#InnerContainerDiv /* Vertical constraint */
{
	position: 				absolute;
	width: 					700px;
	top:					30px;
	bottom:					50px;
	
	margin: 				0;
	border: 				0;
	padding: 				0;
	min-height:				400px;
}


#LogoDiv
{
	width:					100%;
	height:					89px;

	margin: 				0;
	border: 				0;
	padding: 				0;

	background-color: 		White;
	background-image: 		url( /images/base/the_web_booth_bg.gif );
	background-repeat:		repeat-x;
	background-position:	left top;
}

#Navbar1
{
	width:					100%;
	height:					26px;

	margin: 				0;
	border: 				0;
	padding: 				0;

	background-color: 		#e5e89d;
	background-image: 		url( /images/base/the_web_booth_bottom.gif );
	background-repeat:		no-repeat;
	background-position:	left top;
	vertical-align:			top;
}



#Navbar1 ul
{
	float:					right;
	margin: 				0;
	border: 				0;
	padding: 				0;

	background-color: 		#e5e89d;
	line-height: 			100%;
}

#Navbar2
{
	width:					100%;
	height:					26px;

	margin: 				0;
	border: 				0;
	padding: 				0;

	background-color: 		#ced17a;
	vertical-align:			top;
}

#Navbar2 ul
{
	float:					right;
	margin: 				0;
	border: 				0;
	padding: 				0;

	background-color: 		#ced17a;
	line-height: 			100%;
}



#Navbar1 li, #Navbar2 li		{ display: inline-block; margin: 0; border: 0; padding: 6px 10px 7px 10px; }
#Navbar1 li.Selected			{ background-color: #ced17a; }
#Navbar2 li.Selected			{ background-color: #c3c668; }

#ContentDiv
{
	position: 				absolute;
	top: 					296px;
	left: 					0px;
	width:					620px; /* 40 + 40 padding removed */
	bottom:					33px;
	overflow-x:				hidden;
	overflow-y:				auto;

	margin: 				0;
	border: 				0;
	padding:				20px 40px;
	
	background-color: 		White;
}

#BlogDiv
{
	position: 				absolute;
	top: 					141px;
	left: 					0px;
	width:					620px; /* 40 + 40 padding removed */
	bottom:					33px;
	overflow-x:				hidden;
	overflow-y:				auto;

	margin: 				0;
	border: 				0;
	padding:				20px 40px;
	
	background-color: 		White;
}
#BlogDiv img { padding: 4px; border: solid 1px #ba4e4e; }


/* Gallery ------------------------------------------------ */
#GalleryDiv
{
	position: 				absolute;
	top: 					141px;
	left: 					0px;
	width:					100%;
	height:					155px;

	margin: 				0;
	border: 				0;
	padding: 				0;
	
	background-color: 		White;
}



#GalleryWindowDiv
{
	position: 				absolute;
	top: 					0;
	left: 					42px;
	bottom: 				0;
	right: 					42px;
	overflow: 				hidden;

	margin: 				0;
	border: 				0;
	padding: 				0;
	
	background-color: 		#c89292;
}



#GalleryScrollDiv
{
	position: 				relative;
	margin-left: 			0px;
	height: 				100%;
	width: 					90000px;
	margin: 				0 0 0 0;
	border: 				0;
	padding: 				0;
	display:				none;
	background-color: 		#c89292;
}

div.GalleryText { display: none; }

#GalleryLeftArrow { float: left; }
#GalleryRightArrow { float: right; }

#GalleryLeftBlank{ float: left; }
#GalleryRightBlank { float: right; }

#GalleryScrollDiv > img { border: 0; padding: 0 50px 0 0; margin: 0; }


#GalleryMouseOver { position: absolute; top:0; left:0; display:none; border: 0; padding: 0; margin: 0; }
#GalleryMouseOverBg{ position: absolute; top:0; left: 0; margin: 0; background-color: #ba4e4e; opacity: 0.9; filter: alpha(opacity=90); }
#GalleryMouseOverBorder{ position: absolute; top:0; left: 0; margin: 4px; border: solid 1px White; color: White; padding: 4px; }
#GalleryMouseOverBorder p { border: 0; margin: 0; padding: 0; }
div.GalleryLink { position: absolute; bottom: 0; color: White; }
div.GalleryLink img { display: inline; vertical-align: middle; }
div.GalleryLink a { color: White; }



/* Footer ------------------------------------------------- */
#FooterRule
{
	position: 				absolute;
	bottom: 				26px;
	left: 					0px;
	width:					100%;
	height:					7px;

	margin: 				0;
	border: 				0;
	padding: 				0;

	background-color: 		#ba4e4e;
}



#FooterDiv
{
	position: 				absolute;
	bottom: 				0px;
	left: 					0px;
	width:					100%;
	height:					26px;

	margin: 				0;
	border: 				0;
	padding: 				0;

	background-color: 		White;
}



#FooterTextDiv
{
	float:					right;

	margin: 				0;
	border: 				0;
	padding: 				5px;

	background-color: 		White;
	line-height: 			100%;
}