/* General */
	body { margin:0; padding:0; text-align:center; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; }
	img {display:block;}
	td {vertical-align:top;}
	
/* Contianing Elements */
	.container { width:760px; margin:0 auto; text-align:left; }
	.flash { clear:both; padding-top:40px; }

/* Drop-Down Transparent JavaScript Menu */
	/* this is the clipping region for the menu. it's width and height get set by script, 
	depending on the size of the items table */
/*
	.top .items {
		text-align:right; padding-right:10px; }
*/


	.transMenu {
		position:absolute;
		overflow:hidden;
		width:1000px;
		left:-1000px;
		top:-1000px; }

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the 
items table */
	.transMenu .content {
		width:300px;
		position:absolute; }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the 
shadow and background transparent divs can be positioned underneath it */
	.transMenu .items {
		position:relative;
		left:0px; top:0px;
		background-color:#e89b37;
		z-index:2; }
	.transMenu .top .items {
		border-top:none; }

/* each TR.item is one menu item */
	.transMenu .item {
		color:#ffffff;
		font-size:10px;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration:none;
		/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
		border:none;
		cursor:pointer;
		}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency 
in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white 
PNG that the spacer gif inside this DIV is replaced by */
	.transMenu .background {
		position:absolute;
		left:0px; top:0px;
		z-index:1;
		-moz-opacity:.0;
		filter:alpha(opacity=0); }  /* 80 */

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, 
and background are set by script. In IE5/mac, it uses a PNG */
	.transMenu .shadowRight {
		position:absolute;
		z-index:3;
		top:3px; width:2px;
		-moz-opacity:.0;
		filter:alpha(opacity=0); }  /* 40 */

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, 
width, and background are set by script. In IE5/mac, it uses a PNG */
	.transMenu .shadowBottom {
		position:absolute;
		z-index:1;
		left:3px; height:2px;
		-moz-opacity:.0;
		filter:alpha(opacity=0); } /* 40 */

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
	.transMenu .item.hover {
		/* background:#666; */
		color:#3b2314; }
	
	#TransMenu0 .item { width:100px; text-align:left;}
	/*align text on what we do menu*/
	#TransMenu1 .item { text-align:left;}
	/*align text on where we work menu*/
	#TransMenu2 .item { text-align:left;}
	/*align text on where we work menu*/
	#TransMenu3 .item { text-align:left;}
		/*align text on where we work menu*/
	#TransMenu4 .item { text-align:left;}
/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
	
	/*.services_over { display:none; position:absolute; width:150px; height:29px; }*/
	.noshow { width:1px; }
	.noshow img { display:none; }
	
/*this is to change the colors of the links*/
		.tanlinks{ text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
		.tanlinks:link {color:#e89b37;}
		.tanlinks:visited {color:#e89b37;}
		.tanlinks:focus {color:#e89b37;}
		.tanlinks:hover {color:#553627;}
		.tanlinks:active {color:#e89b37;}

		.tanlinks10{ text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
		.tanlinks10:link {color:#e89b37;}
		.tanlinks10:visited {color:#e89b37;}
		.tanlinks10:focus {color:#e89b37;}
		.tanlinks10:hover {color:#553627;}
		.tanlinks10:active {color:#e89b37;}
			
		.tanlinks11{ text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
		.tanlinks11:link {color:#e89b37;}
		.tanlinks11:visited {color:#e89b37;}
		.tanlinks11:focus {color:#e89b37;}
		.tanlinks11:hover {color:#553627;}
		.tanlinks11:active {color:#e89b37;}
		
		.tanlinks14{ text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
		.tanlinks14:link {color:#e89b37;}
		.tanlinks14:visited {color:#e89b37;}
		.tanlinks14:focus {color:#e89b37;}
		.tanlinks14:hover {color:#553627;}
		.tanlinks14:active {color:#e89b37;}
							
		.brownlinks{ text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
		.brownlinks:link {color:#553627;}
		.brownlinks:visited {color:#553627;}
		.brownlinks:focus {color:#553627;}
		.brownlinks:hover {color:#e89b37;}
		.brownlinks:active {color:#553627;}
			
		.leftnav{color:#ffffff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
		.leftnav:hover {color:#3b2314;}
	.headerlink{ text-decoration:none;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				color:#FFFFFF;
				margin:0;}

	.headertable{vertical-align:middle;
				text-align:center;
				padding-left:0px;
				padding-right:0px;}
	hr {
		color: #808080;
		background-color: #808080;
		height: 1px;
	}
	.subHeader{ margin-left:10px; 
				margin-bottom:0px;
				margin-top:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif; 
				font-weight:500; 
				font-size:14px; 
				color:#3b2314;}
	.undersub{margin-top:0;}
	p { 
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-left:10px;
		margin-right:10px;
		color:#3b2314;}
	.pindent {text-indent:-10px; margin-left:20px; margin-top:0; margin-bottom:5px;}
	.headertxt {margin-left:10px; margin-top:10px;margin-bottom:0px;}
	ul {font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#3b2314;
		margin-top:0;
		margin-right:10px;
		}
	ol {font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#3b2314;
		margin-top:0;
		padding-left:20px;
		margin-left:30px;
		margin-right:10px;
		}
	.quote{ font-style:italic;
			margin-left:50px;
			margin-right:50px;}
	.sitem_main{ margin-left:10px; 
				margin-bottom:0px;
				margin-top:0px;
}
	.sitem_sub{ margin-left:20px; 
				margin-bottom:0px;
				margin-top:5px;
}
label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;color:#3b2314;}
.required{ color:#e88737;}
.video_normal {
	background:transparent url(/images/arrow_static.png) no-repeat scroll 0pt 50%;
	height:24px;
	width:24px;
	position:absolute;
	left: 56px;
	top: 58px;
	
}
.video_over {
	background:transparent url(/images/arrow_over.png) no-repeat scroll 0pt 50%;
	cursor:pointer;
	height:24px;
	position:absolute;
	width:24px;
	opacity: 0.8;
	left: 56px;
	top: 58px;
	display:none;
}
.video {
	cursor:pointer;
	position:relative;
	background:url(/images/Liberia_video.jpg) no-repeat center;
	width: 136px;
	height: 101px;
	left: 0px;
	top: 0px;
}
.container-border {

}


.container-border .video:hover .video_normal {display:none;}
.container-border .video:hover .video_over {display:inline-block;}