@charset "UTF-8";
/* CSS Document */


html {
	height:100%}


/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */









body {
	background-image: url(images/bigbg_road.jpg);
	background-color:#CCCCCC; background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	margin:0px;
	font-size:16px;
	line-height:22px;
	padding:0px;
	height:100%;
	min-height:100%;
	height:auto;
	background-color:#5d5d5d;
	behavior:url("/css/csshover.htc");
}


#fixed_road {
	position:fixed; width:100%; height:100%; z-index:1;
	}

#fixed_turf {
	position:fixed; width:100%; height:100%; z-index:1;
	}



#roadpicked {
	z-index:-;
	position:fixed;
	left:50%;
	margin-left:-750px;
	top:0px;
	width:100%;
	height:100%;
	}


#surfpicked {
	z-index:0;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	
	}

#turfpicked {
	z-index:-1;
	position:fixed;
	left:50%;
	margin-left:-750px;
	top:0px;
	width:100%;
	height:100%;
	}



p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom:-15px;
}

a:link {
	color:#000066;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color:#000066;
}
a:hover {
	color:#990000;
	text-decoration: none;}
	

h1 {
	margin:0px;
	margin-top:15px;
	padding-left: 20px;
	height: 40px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #000000;
	margin-bottom:-10px;
	border-bottom:solid 1px #000000;
	line-height:55px;
	max-width:700px;
}
h1 a{
	color: #c9eefe;
	text-decoration: none;
}
h1 a:visited{
	color: #c9eefe;
	text-decoration: none;
}
h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}
h2 {
	color: #000000;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #000000;
	margin-top:30px;
	margin-bottom:-10px;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	line-height:18px;
	font:"Trebuchet MS", Tahoma, Arial;
	font-size:24px;
	padding-bottom: -5px;
	padding-left: 20px;
	max-width:400px;
}
h2 a, h2 a:visited {
	color: #59770e;
	text-decoration: none;
}
h2 a:hover {
	color: #FF6600;
	text-decoration: none;
}
h3 {
	font: normal 120%/100% "Trebuchet MS", Tahoma, Arial;
	color: #000000;
	background:url(images/dropcap_bg.png) no-repeat; background-position:center;
	margin: 20px 5px 5px 5px;
	padding:15px;
	border-bottom:#2a4f6e dashed 1px;
}

h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #000000;
	background:url(images/dropcap_bg.png) no-repeat; background-position:center;
	margin: 5px 5px 5px 5px;
	padding:5px;
	border-bottom:#2a4f6e dashed 1px;
}


#navholder
					{
					width:700px;
					font-family:"arial";
					font-weight:bold;
					font-size: 13px;
					line-height:30px;
					height:39px;
					overflow:visible;
					min-height:40px;
					position:absolute;
					left:345px;
					top:0px;
					border-left:#000000 solid 1px;
					z-index:25;
					
					
	}
		
.tab_surf {
	z-index:10;
	position:absolute; left:-1px; bottom:0px;
	border-bottom:#000000 1px solid;
	border-left:#000000 1px solid;
	 }
.tab_surf:visited {}
.tab_surf:hover {
	z-index:10;
	border-bottom:#000000 1px solid;
	background-image:url(images/bigbg_dock.jpg); background-position:-250px 20px;
	border-right:#000000 solid 1px;
	border-top:#000000 solid 1px;
	min-width:300px;
	overflow:hidden;
	 } 
	 
.tab_road {
	z-index:10;
	position:absolute; right:-33px; bottom:-35px;
	max-height:34px;
	vertical-align:bottom;	
	border-bottom:none;
	 }
.tab_road:visited {}
.tab_road:hover {
	z-index:10;
	border:#000000 1px solid;
	background-image:url(images/bigbg_road.jpg); background-position:-511px -570px; background-repeat:no-repeat;
	min-height:300px;
	vertical-align:bottom;	
	overflow:hidden;
	 }

.tab_turf {
	z-index:240;
	position:absolute; right:-1px; bottom:0px;
	border-bottom:#000000 1px solid;
	border-right:#000000 1px solid;
	 }
.tab_turf:visited {}
.tab_turf:hover {
	z-index:10;
	border-bottom:#000000 1px solid;
	border-left:#000000 solid 1px;
	text-align:right;
	min-width:300px;
	overflow:hidden;
	background-image: url(images/bigbg_field.jpg); background-position:right;
	 }

.content1 {
	padding:10px;
	padding-left:20px;
	margin-top:-26px;
	}
	
.content2 {
	margin-top:30px;
	margin-left:10px;
	min-width:170px;
	max-width:170px;
	float:right;
	background:url(images/repeatx180_png.png) repeat-x;
	padding:15px;
	border:#000000 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	}
.content2_resume {
	margin-top:30px;
	margin-left:10px;
	min-width:170px;
	max-width:170px;
	float:right;
	background-image:url(images/bg_graygrid.png); background-repeat:repeat;
	padding:15px;
	border:#000000 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	}
	
.content2 a{
	color: #ffffff;
	text-decoration: underline;
}
.content2 a:visited{
	color: #ffffff;
	text-decoration: underline;
}
.content2 a:hover{
	color: #ffffff;
	text-decoration: none;
}



#footer_nav_holder {
	position:absolute;
	bottom:10px;
	left:40px;
					}





#footertext {
	position:absolute;
	bottom:2px;
	left:500px;
	color:#FFFFFF;
	font-size:11px; line-height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}

#footertext a {
	color:#FFFFFF;
	font-size:11px; line-height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:underline;}

#footertext a:visited {
	color:#FFFFFF;
	text-decoration:underline;}

#footertext a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration: none;
	background: none;
	border:none;}

		.wrapper_giant {
			background-image:url(images/bigbg_road.jpg); background-position:center top; background-repeat:no-repeat;
			position:absolute; left:50%; min-width:1500px; margin:0 -750;}
			
			
		.wrapper {
			position: absolute;
			top: 0px;
			left: 50%;
			border:#000000 solid 1px;
			width:1000px;
			min-width:1000px;
			margin:0 -500px;
			height:800px; min-height:800px; max-height:800px;
			padding:0px;
			padding-bottom:30px;
			background-image:url(images/shinytop-bg.png); background-repeat:repeat-x; background-position:top;		
			}
			
		#shinytop_holder {
			background:url(images/shinytop-arc.png); background-repeat:no-repeat;
			max-width:1000px; width:1000px; min-width:1000px;
			height:240px; min-height:240px; max-height:240px;
			position:absolute; top:0x; left:0px;
			z-index:-1;
			}
		#name {
			position:absolute; left:20px; top:2px; z-index:5px;}
		#blackline {
			background-color:#000000; background-image:url(images/1pxl.gif);
			width:1000px; min-width:1000px; max-width:1000px; min-height:1px; max-height:1px; height:1px; z-index:4;
			position:absolute; top:40px; left:0px;}
	
.header_andnav {
	position:absolute;
	left:0px;
	top:0px;
	}
#shadowbottm_arc {
	position:absolute; z-index:-1; bottom:-20px; left:0px;
	max-width:1000px; width:1000px; min-width:1000px;
			height:240px; min-height:240px; max-height:240px;
			background-image:url(images/shadowbottom-arc.png); background-repeat:no-repeat; background-position:center;
			}
.bottom_thumb
	{ background-image:url(images/thumb_button_home_off.png); background-repeat:no-repeat;
		position:absolute; bottom:0px; left:-100px;
		 
		}
.bottom_thumb:visited {}
.bottom_thumb:hover {background-image:url(images/thumb_button_home_off.png); background-repeat:no-repeat;
		position:absolute; bottom:-67px; left:-50px;	}
	

	
		.subtext_over
							{
							font-family:Arial, Helvetica, sans-serif;
							font-size:13px;
							padding:5px;
							
							width:170px;
							border:#000000 solid 1px;
							min-width:170px;
							width:170px;
							max-height:15px;
							height:15px;
							min-height:15px;
							max-height:15px;
							position:absolute;
							top:-1px;
							left:-1px;
							display:block;
							z-index:225;
							background-image:url(images/bg_btntext1_off.jpg);
							background-repeat:repeat-x;
							}
						a.subtext_over
							{
								text-decoration:none;
								color:#000000;
								
								background-image:url(images/bg_btntext1_off.jpg);
								background-repeat:repeat-x;
							}
							
						a.subtext_over:visited
							{
								color:#000000;
							}
						
						a.subtext_over:hover {
							background-image:url(images/bg_btntext1_on.jpg);
							background-repeat:repeat-x;
							padding:5px;
							width:170px;
							color:#FFFFFF;
							border:#000000 solid 1px;
							min-width:170px;
							max-height:15px;
							height:15px;
							min-height:15px;
							max-height:15px;
							
							}
						
						a.subtext_over span {
							display:none;
							}
						
						a.subtext_over:hover span {
						  position: absolute;
						  background-image:url(images/1pxl_trans_75prt.png);
						  background-repeat:repeat;
						  top: 25px;
						  width:330px;
						  height:160px;
						  min-height:160px;
						  left:-1px;
						  padding:5px;
						  display: block;
						  border:#000000 solid 1px;
						  z-index:200;
						  color:#000000;
						  }





.footer {
	background:url(images/footer_bg.png) repeat-x;
	height:30px; min-height:30px;
	position:absolute;
	bottom: 0px;
	width:100%; min-width:100%;
	padding:5px;
	}



/* Dropdownlist */

@charset "UTF-8";

											/** 
											 * Default CSS Drop-Down Menu Theme
											 *
											 * @file		default.css
											 * @name		Default
											 * @version		0.1
											 * @type		transitional
											 * @browsers	Windows: IE5+, Opera7+, Firefox1+
											 *				Mac OS: Safari2+, Firefox2+
											 *
											 * @link		http://www.lwis.net/
											 * @copyright	2008 Live Web Institute. All Rights Reserved.
											 *
											 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
											 * Expected directory tag - li
											 *
											 */
											
											@import "helper.css";
											
											
											/*-------------------------------------------------/
											 * @section		Base Drop-Down Styling
											 * @structure	ul (unordered list)
											 *				ul li (list item)
											 *				ul li a (links)
											 *				/*\.class|(li|a):hover/
											 * @level sep	ul
											 */
											
											
											ul.dropdown {
											 font-weight: normal;
											 display: block;
											 color: #ffffff;
											 border:#000000 solid;
											 border-width:1px 0px 0px 0px;
											 
											 
											}
											
												ul.dropdown li {
												 border-style: solid;
												 border-width: 0px 1px 1px 0px;
												 border-color: #000000;
												 color: #ffffff;
												 font-size:16px;
												 width:130px;
												 max-width:130px;
												 min-width:130px;
												 text-align:center;
												 height:39px;
												 min-height:39px;
												 background-image:url(images/navbg_off.jpg);
												 background-repeat:no-repeat;
												 background-position:center;
												 display: block;
												 line-height:35px;
												 float:left;
												 
												
												}
												
												
											
												ul.dropdown li.hover,
												ul.dropdown li:hover {
															background-repeat:repeat-x;
															color:#FFFFFF;
															background-image: url(images/navbg_on.jpg);
															border-width: 0px 1px 1px 0px;
															border-color: #000000;
															display:block;
															background-position:center;
															
												}
											
												ul.dropdown a:link,
												ul.dropdown a:visited	{ color: #ffffff;
																		text-decoration: none;
																		font-weight:normal;
																		height:39px;
																		min-height:39px;
																		line-height:40px;
																		display:block;
																		}
												
												ul.dropdown a:hover		{ color: #ffffff;
																			display:block;
																			background-image: url(images/navbg_on.jpg);
																			background-position:center;
															
																			
											
																		}
												
												ul.dropdown a:active	{ color: #ffffff;
																			display:block;
																			
																			
																			 }
											
												ul.dropdown li li {
												 border-style: solid;
												 border-width: 0px 1px 1px 1px;
												 
												}
												
												ul.dropdown li li:hover {
												 border-style: solid;
												 border-width: 0px 1px 1px 1px;
												 
												}
	
	
	/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
background-image:url(images/navbg_off.jpg);
			display:block;
			background-repeat:repeat-x;
			color:#FFFFFF;}
			
				

ul.dropdown-upward *.dir {
background:none;
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
}

#verybottomshadow {
	background:url(images/bottom_shadow.png) no-repeat center;
	position:absolute; bottom:-50px; left:-50px;
	width:1100px; min-width:1100px; max-width:1100px;
	height:50px; min-height:50px; max-height:50px;  }


/* LightBox CSS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 256; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 5px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 55px; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-image:url(images/overlay.png); background-repeat:repeat; }

.thumbover { display: block; background:none;}
a.thumbover:visited { background:none;}
a.thumbover:hover { background-image: url(images/css_over.png); background-repeat:repeat;}




.accordion2 {
	margin-top:20px;
	width: 767px;
	border: solid 1px #000000;
}
.accordion2 h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 90%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion2 h3:hover {
	background-color: #cccccc;
}
.accordion2 h3.active {
	background-position: right 5px;
}

.accordion2 h3.span {
	float:right;
}


.accordion2 p {
	background-image:url(images/1pxl_40percentwhite.png); background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif; font-size:.9em; line-height:1.25em; 
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}

#accordian_content2 {
	margin-top:2px;
	margin-left:10px;
	min-width:170px;
	max-width:170px;
	float:right;
	background:url(images/repeatx180_png.png) repeat-x;
	padding:5px;
	border:#000000 solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	}

a.subtext_buttonover
	{
		text-decoration:underline;
		color:#660000;
		font-size:14px;
		z-index:200;
	}
	
a.subtext_buttonover:visited
	{
		text-decoration:underline;
		color:#660000;
		font-size:14px;
	}

a.subtext_buttonover:hover {
	text-decoration:none;
	background-image:url(images/css_over.png);
	background-repeat:repeat-x;
	color:#000000;
	font-size:14px;
	}

a.subtext_buttonover span {
	display:none;
	}

a.subtext_buttonover:hover span {
  position: absolute;
  background-image:url(images/1pxl_85percentwhite.png);
  background-repeat:repeat;
  top:-440px;
  width:195px;
  height:470px; min-height:470px;	
  left:-50px;
  padding:5px;
  display: block;
  border:#000000 solid 1px;
  font-family:Arial, Helvetica, sans-serif; color:#000000;
  }
  
  #acc{
  border-top:#000000 solid 1px; border-right:#000000 solid 1px; border-left:#000000 solid 1px;
  background:url(images/p_bg.png);
  background-repeat:repeat-x;
  display:block;
  line-height:20px;
  }
  
  img#bg {
position:fixed;
background-image:url(images/bg_road.jpg);
top:0;
left:0;
width:100%;
height:100%;
}

.flash_intro
{position:absolute;
	top:110px;
	left:50%;
	margin-left:-250px;}

.flash_port_holder	
{   
		
	width:100%; min-width:100%; height:100%; max-height:100%;
	min-height:800px;
	background-image:url(images/flash_portbg.png); background-repeat:repeat-x;
	z-index:250;
	
}

.flash_evite
{
position:absolute;
top:100px;
	left:50%;
	margin-left:-380px;
	border:#000000 solid 1px;

}

.flash_fellowship
{
position:absolute;
top:100px;
	left:50%;
	margin-left:-300px;
	border:#000000 solid 1px;

}


.flash_driscoll
{
position:absolute;
top:100px;
	left:50%;
	margin-left:-300px;
	border:#000000 solid 1px;

}

.flash_driscoll_return {
	position:absolute;
	left:50%; margin-left:-100px; 	
}


.flash_driscoll_prevnextreturn {
	position:absolute;
	left:50%; margin-left:-200px; 	
}

.flash_driscoll_return: a, visited {
	 color: #ffffff;
	 font-size:16px;
	 width:130px;
	 max-width:130px;
	 min-width:130px;
	 text-align:center;
	 height:39px;
	 min-height:39px;
	 background-image:url(images/navbg_off.jpg);
	 background-repeat:no-repeat;
	 background-position:center;
	 display: block;			 
	}
.flash_driscoll_return: hover {
	background-image:url(images/navbg_on.jpg);
	background-repeat:no-repeat;}
.navlikebutton: a, visited {
	 color: #ffffff;
	 font-size:16px;
	 width:130px;
	 max-width:130px;
	 min-width:130px;
	 text-align:center;
	 height:39px;
	 min-height:39px;
	 background-image:url(images/navbg_off.jpg);
	 background-repeat:no-repeat;
	 background-position:center;
	 display: block;			 
	}
.navlikebutton: hover {
	background-image:url(images/navbg_on.jpg);
	background-repeat:no-repeat;}

#museum_indexcard {
	background-image: url(images/1pxl_65percentwhite.png);
	display:block;
	border:inset #000000 3px;
	max-width:350px;
	
	}

#leftcolumn_textgroup {
	float:left;
	max-width:440px;
	min-width:420px;}

#rightcolumn_textgroup {
	float:right;
	margin-left:40px;
	max-width:440px;
	min-width:420px;}

#clients {
background-image:url(images/1pxl_70percentblack.png); display:block; padding:5px; margin-top:2px; color:#FFFFFF; border:#000000 solid 1px;}

#copy_box {
	background-image:url(images/1pxl_65percentwhite.png); background-repeat:repeat;
	border:#000000 solid 1px; display:block;}

#random_button {
	border:#000000 1px solid;
	display:block;
	min-height:18px;
	max-height:18px;
	max-width:130px;
	background-image:url(images/navbg_off.jpg);
	background-position:center;
	color:#FFFFFF; font-size:18px; text-decoration:none;
	padding:10px;
	text-align:center2
	float:right;
}
#random_button: a, visited {
	border:#000000 1px solid;
	background-image:url(images/navbg_off.jpg);
	text-decoration:none;
	display:block;
}
#random_button: a hover {
	color:#FFFF00;
	background-image:url(images/navbg_on.jpg);}