/* CSS Created 12/01/08 */

/*a[rel~="nofollow"] {
  border: thin dashed white ! important;
  background-color: rgb(255, 200, 200) ! important;
}
*/
	html {
		background-color: #d3d3c3;
		padding-bottom:2px;
	}
	body {
		position:relative;
		margin: 0 auto;
		padding: 0;
		width: 760px;
		font: 62.5% Verdana, Arial, Helvetica, sans-serif;
		color: #555;
		background-color: #efefe2;
	}
	a:visited {
	color: #800000;
	text-decoration: none;
}
	a:link {
	color: #800000;
	text-decoration: none;
}
	a:active {
		color: #800000;
		text-decoration: underline;
	}
	a:hover {
		color: #800000;
		text-decoration: underline;
	}
	strong {
		font-weight:bold;
	}
	h1 {
		text-transform: uppercase;
		color: #c3c3a7;
		letter-spacing: 1px;
	}
	h2 {
		text-transform: uppercase;
		color: #c3c3a7;
		letter-spacing: 1px;
	}
	h3 {
		text-transform: none;
		color: #c3c3a7;
		letter-spacing: 1px;
	}

/*	Navigation */

	#header	{
		margin: 0 auto;
		padding: 0;
		width: 758px;
		background-color: #fff;
		border: 1px solid #fff;
		position:relative;
		z-index:100;
	}
	#header img{
		border: 0;
		}
	
	.topline {
		margin:0 auto; padding:0; height:7px; background-color:#adad9c;
		}
	.utility {
		margin:0 auto;
		padding:4px 10px;
		font:normal 9px/15px Verdana, Arial, Helvetica, sans-serif;
		text-align:right;
		}
	#utility {
		margin:0 auto;
		padding:4px 11px;
		font:normal 9px/15px Verdana, Arial, Helvetica, sans-serif;
		}
	p.utility a{
		font-size:10px;
		font-weight:bold;
		}
	p.utility a:hover{
		background:url(/images/why_selector_arrow.gif) top center no-repeat;
		margin-top:-6px;
		padding-top:6px;
		color:#adad9c;
		text-decoration:none;
		border-bottom:1px solid #adad9c;
		}
	#globalnav {
		margin:0 auto;
		padding:0;
		font:bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
	#globalnav ul {
		margin:0 auto;
		padding:5px 0 5px 10px;
		background-color:#dadace;
		width:748px;
		float:left;
		}
	#header #globalnav ul li {
		margin-left:-5px;
		padding:0;
		display:inline;
		color:#333;
		list-style-type:none;
		}
	#headerer #globalnav a:visited {
		margin: 0 auto;
		padding:5px 8px;
		color:#666;
		text-decoration:none;
		}
	#headerer #globalnav a:link {
		margin: 0 auto;
		padding:5px 8px;
		color:#666;
		text-decoration:none;
		}
	#header #globalnav a {
		margin: 0 auto;
		padding:5px 8px;
		color:#666;
		text-decoration:none;
		}
	#header #newsevents a:visited {
		margin:0;
		padding:5px 8px;
		text-decoration: none;
		}
	
	#header #newsevents a:link {
		margin:0;
		padding:5px 8px;
		text-decoration: none;
		}
	
	#header #newsevents a {
		margin:0;
		padding:5px 8px;
		text-decoration: none;
		}
	
	#header #navi a:active {color:#fff;padding:5px 6px;border-right:2px solid #fff;border-left:2px solid #fff; background-color:#800000;}
		
	#header #navi a:hover {color:#fff;padding:5px 6px;border-right:2px solid #fff;border-left:2px solid #fff; background-color:#800000;}
	#header #navi #active {color:#fff;padding:5px 6px;border-left:2px solid #fff;border-right:2px solid #fff;background-color:#800000;}

	#loginbutton {
		padding:6px 12px 6px 12px;
		margin-bottom:1px;
		font:bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#fff;
		float:right;
		background:#800000 url(/images/login-button-corner.gif) top left no-repeat;
		}
	#loginbutton img{border:0px; margin-bottom:-1px;}
	#loginbutton:hover{
		text-decoration:none;
		color:#c0c0c0;
		background:#800000 url(/images/login-button-corner-hover.gif) top left no-repeat;
		}


/* Header */

	.logotag{
		position:relative;
		margin:0;
		padding:0;
		height:70px;
		left:0px;
		top:0px;
		
		}
	.logotag a:visited	{color:#555;}
	.logotag a:link	{color:#555;}
	.logotag a:active	{color:#f90;text-decoration:underline;}
	.logotag a:hover	{color:#f90;text-decoration:underline;}
	.ontag {
		display:none;
		position:absolute;
		top:27px;
		right:64px;
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color:#646459;
		text-align:center;
		padding:10px;
		
		
		}
	.ontag img{border:0px; margin-bottom:-10px;}
	.logo {
		position:absolute;
		left:-15px;
		top:10px;
		float:left;
		}
	.logo img{border:0px;}
	

	
/****************************************************************************************************************************
  ROTATING HERO PANELS (Specific to homepage/jquery tabs. See /css/individual/features-her-common.css for base styles)
/***************************************************************************************************************************/


		/* Fix for firefox to stop text flickering with jQuery */
		#hero{ opacity: .9999;}
		
		/* When a page is loaded with a panel already selected (arenasolutions.com/#panel-2) or a tab is clicked before jQuery loads,
		   There was a jump because the page was trying to jump to an anchor link from the div. This fix essentially places the 
		   divs at the top of the page, which eliminates any of that jumping */
			#hero .panel{margin-top:-130px; padding-top:130px;}

		/* Plain orange background for each panel
		   (position bottom because of the extra padding on top of the homepage panel */
			#hero .panel{background:#fbc061 url(/images/homepage/tabs/panel-generic-orange.jpg) bottom;}
		
		/* JQuery UI Tabs Default */
		.ui-tabs-hide { display: none; }		
			
/* Masthead */

	#masthead {
		margin: 0;
	}
	#masthead a {
		display: block;
		width: 760px;
		height: 237px;
		text-indent: -9999px;
	}	
	
	/*	"Clearing Floats without Structural Markup" technique */
			
	#news-events li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
				
	#panels:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#inner_top {
		font-family: Constantia, Georgia, "Times New Roman", Times, serif;
		color: #fff;
		padding: 3px 5px;
		background: #800000;
	}
	#inner_top h1 {
		font-size: 18px;
		color:#fff;
		position: relative;
		padding: 0px 5px;

	}
	#inner_top h2 {
		font-size: 16px;
		color:#fff;
		position: relative;
		padding: 0px 5px;

	}
	#inner_top h3 {
		color: #fff;
		position: relative;
		padding: 0px 5px;
		font-variant: small-caps;
		font-size: 16px;
}


	#inner_top p {
		font: normal 12px;
		color:#fff;
		position: relative;
		padding: 10px 10px;
		background-color: #800000;
	}
	#inner_mid {
		font: normal 14px Calibri, Verdana, Arial, Helvetica, sans-serif;
		color: gray;
		padding: 5px 5px;
		background: #fff;
		text-align: justify;
	}
	#inner_mid h1 {
		font: 16px Constantia, Georgia, "Times New Roman", Times, serif;
		color: #666;
		position: relative;
		padding: 0px 5px;
	}
	#inner_mid h2 {
		font: 14px Constantia, Georgia, "Times New Roman", Times, serif;
		color: #808080;
		position: relative;
		padding: 0px 5px;
}
	#inner_mid h3 {
	font: normal small-caps normal 14px Constantia, Georgia, "Times New Roman", Times, serif;
	color: #808080;
	position: relative;
	padding: 0px 5px;
}
	
	#inner_mid p {
		font: normal 10px;
		color: #666;
		position: relative;
		padding: 0px 10px 0px 10px;
	}
	#inner_mid li {
		color: #666;
		list-style:none;
	}
		
	#inner_inner {
		margin: 0px 10px;
		border: 1px #FFFFFF dashed;
	}
	#inner_inner p {
		font: normal 12px Verdana;
		color: #fff;
		padding: none;
	}	
	#form_text {
		font: normal 14px Calibri, Verdana;
		color: #666;
	}
	
/* NEWS AND EVENTS */
	
	#news {
		position: relative;
		border-top: 1px solid #e5e5d8;
		border-bottom: 1px solid #e5e5d8;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #a2a292;
		background-color: #f6f6ef;
	}
	#news h3 {
		position: absolute;
		top: 10px;
		left: 10px;
		color:#a2a292;
	}
	#news-events {
		position: relative;
		overflow: hidden;
		max-height: 103px;
	}
	#news-events li {
		position: relative;
		padding: 17px 80px 27px 250px;
		height: 65px;
		list-style: none;
	}
	#news-events h4 {
		position: absolute;
		top: 33px;
		left: 0;
		width: 242px;
		text-align: right;
		font: 14px Georgia, Times, "Times New Roman", serif;
		color: #7d7366;
	}
	#news-events h5 {
		font-size: 10px;
		line-height: 15px;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #a7a78b;
	}
	#news-events p {
		font-size: 125%;
		line-height:1.4;
		font-weight: normal;
		color: #98907b;
	}
	#news-fade-top {
		position: absolute;
		top: 0;
		left: 0;
		height: 10px;
		width: 760px;
		background: url(/images/hp/fade_top.png) repeat-x 0 0;
	}
	#news-fade-bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 10px;
		width: 760px;
		background: url(/images/hp/fade_bottom.png) repeat-x 0 100%;
	}
	#news-selector {
		position: absolute;
		top: 32px;
		right: 18px;
		width: 16px;
	}
	#news-selector li {
		margin-bottom: 4px;
		list-style: none;
	}
	#news-selector li a {
		position: relative;
		display: block;
		width: 14px;
		height: 4px;
		border: 1px solid #dcdccd;
		text-indent: -9999px;
		background-color: #e9e9e9;
	}
	#news-selector li a:hover {
		background-color:#ffdfdf;
	}
	#news-selector li a.selected{
		background-color:#800000;}

	#news-selector li a.selected:hover {
		background-color:#800000;
	}

/* SELECTED CUSTOMERS */

	#selected-customers {
		position: relative;
		background-color: #efefe2;
		padding:10px 0px 23px 10px;
		min-height: 97px;
	}
	#selected-customers h3{
		color:#a2a292;
	}
	#selected-customers ul {
		margin-left:35px;
	}
	#selected-customers li {
		display: inline;
		margin-right:47px;
	}
	#selected-customers a.more-customers {
		position: absolute;
		right: 20px;
		bottom: 9px;
		color:#a7a78b;
	}

/* Footer */

		#footer-container{
			width:761px;
			margin:0 auto;
			clear:both;
			background-color:#d3d3c3; 	
			margin-bottom:-12px;		
			}
		#footer-container a{
			color:#9d998c;
			}
		#footer-container #footer-bar { 
			position: relative;
			width:741px;
			float:left;
			margin-bottom:-15px;
			background-color:#adad9c;
			font: bold 11px Verdana, Arial, Helvetica, sans-serif;
			color: #f0f0e6;
			padding:10px;
		}  
		#footer-container #footer-bar a {
			color: #f0f0e6;
			text-decoration: none;
		}
		#footer-container #footer-bar a:hover {
			text-decoration: underline;
			color:#fff;
		}
		#footer-container #footer-bar ul {
			padding: 0;
			margin: 0;
			font-weight: bold;
			font-size:11px;
		}
		#footer-container #footer-bar ul li {
			display: inline;
			color: #f0f0e6;
		}
		#footer-container #footer-bar ul.utility {
			float:left;
		}
		#footer-container #footer-bar ul.contact {
			float:right;
			padding-top:1px;
		}
		#footer-container #footer-bar ul.contact li.phone {
			position: relative;
			z-index: 1;
			background: url('../images/footer_icon_phone.gif') no-repeat left 50%; 
			margin-right: 10px; 
			padding: 5px 0px 5px 25px;
		}
		#footer-container #footer-bar ul.contact li.email {
			background: url('../images/footer_icon_email.gif') no-repeat left 50%;
			padding: 0px 0px 2px 23px;
		}
		#footer-container ul.footer-links-list{
			margin:0;
			padding:0;
			float:left;
			margin-top:30px;
			display:block;
			margin-right:18px;
			margin-bottom:0;
			padding-left:0;
			padding-left:10px;
			}
		#footer-container ul.footer-links-list li{
			margin:0;
			padding:0;
			margin-bottom:1px;
			display:block;
			font-weight:normal;
			color:#9d998c;
			font-size:11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			line-height:15px;
			}	
		#footer-container ul.footer-links-list li a{
		
			}
		#footer-container p.footer-copyright{
			float:left;
			margin-left:10px;
			margin-top:10px;
			width:721px;
			border-top:1px dotted #b4b4a4;
			padding:10px;
			clear:both;
			color:#9d998c;
			font-weight:normal;
			line-height:16px;
			background-color:#d3d3c3;
			text-align:center;
			font-size:11px;
			}
		#footer-container p.footer-copyright a{
			color:#9d998c;
			}
		#footer-container p.footer-copyright a:hover{
			color:#9d998c;
			text-decoration:underline;	
			}