/* ---------------------
	Title: One Pica codebase - blank screen stylesheet
	Filename: screen.css
	Author: One Pica Inc, Boston MA
	
	Table of Contents:
		Searchstring (Section Name)				Description
		
		=General (General Styles):				Set font sizes, Page backgrounds, link behaviors, etc
		=Master (Master #container Styles):		Placing, sizing, styling the main container
		=Branding (Branding Styles):			Logos, taglines, branding info
		=Nav (Navigation Styles):				The navigation bar; internal and external
		=Forms (Form Styles)					Set appearance of forms, inputs, buttons, etc
		=Multicol (Multi-Column Styles):		The cases where the content needs to be in multiple columns
		=Content (Content Styles):				The main content of the page
		...Further style sections go here...
		=Footer (Credit/Footer Styles):			The footer
		=Uni (Universal Styles):				Classes and elements that apply throughout ('clear', 'blue', etc)
	
	Common Color Table:
		White:									#FFFFFF;
		Background Blue:						#EFEFFF;
	
	Thanks To:
		CSS structure/commenting: http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
		Markup structure: http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html
		Stylesheet searchstring flags: http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html
---------------------- */

/* =General
---------------------- 
	General Styles applied to 'normalize' things
	Notes:
		'Em' styling generally following (http://www.clagnut.com/blog/348/) from this point 10px=1em, 11px=1.1em, etc
---------------------- */
html {
	padding: 0;
	margin: 0;
	font-size: 100%; /* Ensures font consistency across browsers */
	height: 100%;
}
body {
	padding: 0;
	margin: 0;
	font-size: 10px; /* Sets base font-size for browsers that resize text correctly */
	line-height: 1.5; /* Sets base leading for lines of text */
	background-color: #FFFFFF;
	font-family: Tahoma, sans-serif;
	height: 100%;
}
p {padding: 0; margin: 0 0 1em 0}

input, select, th, td {font-size: 1em}

h1 {font-size: 2em;
color:#212B3E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 0 0;
	margin:0 0 0 0;
} /* 24px */
h2 {font-size: 1.5em} /* 18px */
h3 {font-size: 1.25em} /* 15px */
h4 {font-size: 1em} /* 12px */
h5 {font-size: .75em; font-weight:normal} /* 12px */

img, a img {
	border: none; /* Remove default border on linked images */
}

/* Basic link styles */
a, a:link {
	color: #0F6795;
	text-decoration: underline;
	
}
a:visited {
	color: #003366;
}
a:hover  {
	color:#272727;
	text-decoration: underline;
}

/* =Master
---------------------- 
	Master Container
	Notes:
		margin: 0px auto; centers the container horizontally except in IE5, which is fixed in the body tag
---------------------- */
#container {
	position: relative;
	margin: 0px auto;
	padding: 30px 0 0 0;
	width: 815px;
	height: auto;
	border: 1px solid white;
	font-size: 1.2em; /* 12px (based on value from body) */
	text-align: left; /* Normalize alignment; unfix all browsers from fix in IE stylesheet */
}

/* Skip link: This is the very first link anywhere on the page; by tabbing to it or hitting accesskey 2, a user can skip the header/navigation of a page and go directly to the page content. It is normally 'hidden' by being positioned far, far off the page; bringing it into focus with Tab makes it visible. */
	#skiplink a {
		position: absolute;
		top: -1000px;
		left: -2000px;
	}
		#skiplink a:focus, #skiplink a:active {
			position: absolute;
			margin: 0;
			top: 0;
			left: 0;
			display: block;
			padding: 0;
			background: #000;
			color: #fff;
			font-weight: bold;
		}
		#skiplink a:hover { 
		}

/* =Branding
----------------------
	Branding styles: Usually the logo and tagline
	Notes:
		Image replacement: Usually Phark Method (http://www.mezzoblue.com/tests/revised-image-replacement/)
---------------------- */
#branding {
}
	#branding-logo {
		cursor: pointer;
		width: 211px;
		height: 68px; /* Set dimensions once here, and use 100% for all dimensions in both rules below */
		background: url("../images/branding/logo.gif") left top no-repeat;
		position: absolute;
		margin-left:20px;
		margin-bottom:0px !important;
		margin-bottom:20px;
		padding:0 0 0 0;
	}
		#branding-logo h1 {
			/* Uncomment this for Image Replacement -
				the following rules set Image Replacement and neutralize h1's default behavior  */
			text-indent: -5000px;
			overflow: hidden;
			background: ;
			width: 100%;
			height: 100%;
			line-height: 1;
			padding: 0;
			margin-bottom:20px;
			margin: 0px; /* Change this */
		}
			#branding-logo h1 a {
				display: block;
				width: 100%;
				height: 100%;
			}
	#branding-tagline {
		width: ;
		height: ; /* See branding-logo above */
	}
		#branding-tagline h2 {
			/* Uncomment this for Image Replacement -
				the following rules set Image Replacement and neutralize h2's default behavior 
			text-indent: -5000px;
			overflow: hidden;
			background: ;
			width: 100%;
			height: 100%; */
			line-height: 1;
			padding: 0;
			margin: 0.5em 0; /* Change this */
		}
	#branding-info {
	}

/* =Nav
----------------------
	Navigation styles
	Notes:
		Navigation belongs in an UL tag with <ul><li><a></a></li></ul> as the markup scheme.
		Keep each of the below #elements as divs, and put the UL inside them
		If there's a Left-Hand navigation, use #nav-section, give it a width & float it left
---------------------- */
#login {
	position:absolute;
	margin:0 auto;
	background-image:url(../images/bg/log.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:787px;
	height:32px;
	padding:0 0 0 0;
	margin:0 0 0 13px !important;
	margin:0 0 0 13px;
	margin-top:-33px !important;
	margin-top:-32px;
}

#nav {
	background-image:url(../images/bg/container_top.gif);
	background-repeat:no-repeat;
	width:815px;
	height:55px;
	margin-top: 40px;
}
	#nav-main {
	}
		#nav-main ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#nav-main ul li {
			float: left;
			display: block;
			margin: 0;
			padding: 0;
			list-style-type: none;
			height: 35px;
		}
	#nav-section {
	}
	#nav-external {
	}
	
/* THIS IS THE NAVIGATION CLASS BEGINNING -------------------------*/
#container_top {
	background-image:url(images/container_top.gif);
	background-repeat:no-repeat;
	width:815px;
	height:55px;
	margin-top:70px;
	font-size:0px;
}

#nav-main {
 	width: 487px; 
	height: 96px;
	margin-bottom:5px;
	float:right;
	display:inline;
	margin-top:1px;
	margin-right:20px;
	
}
:-moz-any-link:focus {
  	outline: none;
}
a {
	outline: none;
}
#skyline { /* The UL inside nav-main */
    width: 487px; 
	height: 48px;
    background-image:url(../images/headers/nav_buttons.jpg);
	padding:0px;
	margin:0px;
    position: relative;
	}
#skyline li {
    margin: 0; 
	padding: 0; 
	list-style: none;
    position: absolute; 
	top: 0;
	}
#skyline li, #skyline a {
    height: 48px; 
	display: block;
	margin:;
}
#panel1 {left: 0px; width: 69px;}
#panel2 {left: 72px; width: 77px;}
#panel3 {left: 152px; width: 158px;}
#panel4 {left: 313px; width: 108px;}
#panel5 {left: 424px; width: 63px;}

#panel1 a:hover, #panel1 a.current {
    background: transparent url(../images/headers/nav_buttons.jpg)
    -0px -48px no-repeat;}
  #panel2 a:hover, #panel2 a.current {
    background: transparent url(../images/headers/nav_buttons.jpg)
    -72px -48px no-repeat;}
  #panel3 a:hover, #panel3 a.current {
    background: transparent url(../images/headers/nav_buttons.jpg)
    -152px -48px no-repeat;}
  #panel4 a:hover, #panel4 a.current {
    background: transparent url(../images/headers/nav_buttons.jpg)
    -313px -48px no-repeat;}
  #panel5 a:hover, #panel5 a.current {
    background: transparent url(../images/headers/nav_buttons.jpg)
    -424px -48px no-repeat;}
	
/* THIS IS THE END OF THE NAVIGATION CLASS -----------------------------*/
	

	#nav-section {
	}
	#nav-external {
	}

/* =Forms
----------------------
	Form styles
	Notes:
		A <p></p> should always enclose every label-input (or label-select) pair.
		Widths are in % to start, so that they scale, but they are the attributes most likely to change.
		Remember -- the IE stylesheet has different percentage widths to start.
---------------------- */
form {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
	fieldset {
		border: 0px solid;
		padding: 0;
		margin: 0 0 1.4em 0;
	}
	form p {
		display: block;
		clear: both;
		margin: 0 0 0.4em 0;
		padding: 0;	
	}
		form label {
			display: inline;
			float: left;
			width: 35%;
			padding: 0 5% 0 0;
			margin: 0;
		}
		form input, form select, form textarea {
		   margin: 0;
		   padding: 0;
		   width: 59.2%; /* CLOSE to full width; use pixels for the real thing */
		   font-size: 1em;
		   border: solid 1px #999;
		   border-bottom-color: #ccc;
		   background-color: #fff;
		   font-family: Tahoma, sans-serif;
		}
		form input {height: 1.3em}
		form select {width: 59.5%; height: 1.5em}  /* Selects are not the same as inputs */
		form textarea {height: 6em}
		
		/* Radio buttons */
		form input.radio, form input.radiobtn {
			text-align: left;
			width: 1.3em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		form .radiotext {
			margin: 0 1em 0 0;
		}
		
		/* Check boxes */
		form input.ckbx, form input.checkbox {
			text-align: left;
			width: 1.2em;
			margin: 0.3em 0.2em 0 0;
			padding: 0;
			border: none;
			background: none;
		}
		
	form p.indent { /* For buttons or text that need to align with inputs/selects */
		margin-left: 40%;
	}
	form p.xspa { /* "extra space after" */
		margin-bottom: 2.0em;
	}
	form .req, form .required {
		color: red;
	}
	form input:focus {
		/* however we want the focused field to look */
	}
	form input.submit, button { /* There are lots of default values to fix */
		border: 3px double #999;
		border-top-color: #ccc;
		border-left-color: #ccc;
		background: #f6f6f6;
		color: #555;
		font-size: 0.9em;
		font-weight: bold;
		height: auto;
		width: auto;
		cursor: pointer;
		font-family: inherit;
	}
	form input.submit:hover, button:hover { /* IE6 can't see these, too bad */
		color: #fff;
		background-color:#333333;
	}
	form input.submit:active, button:active { /* Button 'feedback' behavior */
		border: 3px #ccc;
		border-top-color: #FFF;
		border-left-color: #FFF;
	}
#login_form {
	width:auto;
	float:right;
	display:inline;
	padding-top:0px;
	margin:0px;
	margin-right:35px;
	margin-top:7px;
}
	#login_form label {
		width:auto;
		padding:0px;
		padding-top:0px;
		float:none;
		margin:0px;
		margin-right:0px;
		margin-top:0px;
	}
		#login_form input {
		width:75px;
		padding:0px;
		margin:0px;
		margin-top:0px;
		margin-right:5px;
		float:none;
	}
	#login_form input.go {
		width:21px;
		height:18px;
		padding:0px;
		line-height:3px;
		margin:0px 0 0 3px !important;
		margin:0px 0 0 0px;
		position:absolute;
	}
/* =Multicol
----------------------
	Multi-Column Content styles
	Notes:
		These columns should be used for text within #content.
		Values are in percentages to start off -- remember that the IE stylesheet has different values.
		If you need "pixel-perfect", you'll have to stop using percentages and use actual pixels
---------------------- */
.twoColumnLayout {
	width: 47%;
	height:auto !important;
	height:-20px;
	margin-left:30px;
	padding-top:15px !important;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:0px;
	padding-right:0px;
	float:left;
	display:inline;
}
.bullet_points {
	width:auto;
	height:200px;
	float:left;
	margin-left:26px !important;
	margin-left:-2px;
	margin-top:126px;
	font:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#B0CFD3;
}
.bullet {
	list-style:none outside;
	width:auto;
	height:auto;
	float:left;
	margin-top:2px;
	color:#B0CFD3;
}
.bullet li {
	background: transparent url(../images/inline/bullet_point.gif) 0 8px no-repeat;
	display:list-item;
	padding-left:15px;
	
}
.bullet_02 li {
	background: transparent url(../images/inline/bullet_point_02.gif) 0 8px no-repeat;
	display:list-item;
	padding-left:15px;
	padding-top:1px;
	list-style:none;
	text-indent:0px;
}
.content_main_2 .bullet_02 {
	list-style:none;
	margin:0 0 13px 0px;
}
.title_01 {
	background-image:url(../images/bg/why_geo_title.gif);
	background-repeat:no-repeat;
	width:158px;
	height:19px;
	float:left;
	display:inline;
	margin-top:12px;
	margin-left:10px;
}
.page_title {
	clear:both;
	margin-top:10px !important;
	margin-top:30px;
	margin-left:10px;
}
.dotted {
	background-image:url(../images/bg/dotted_line_1.gif);
	background-repeat:no-repeat;
	width:375px;
	height:1px;
	float:left;
	display:inline;
	margin-left:8px;
}
.dotted_line {
	background-image:url(../images/bg/dots_line.gif);
	background-repeat:no-repeat;
	width:375px;
	height:1px;
	float:left;
	display:inline;
	margin-left:8px;
}
.dotted_line_02 {
	background-image:url(../images/bg/dots_line.gif);
	background-repeat:no-repeat;
	width:289px;
	height:1px;
	float:left;
	display:inline;
	margin-left:-1px;
}
.left_column_text {
	float:left;
	display:inline;
	margin-left:8px;
	font:Tahoma;
	font-size:11px;
	padding-top:10px !important;
	padding-top:0px;
	height:auto;
}
.link {
	color:#0066CC;
	font:Tahoma;
	font-size:11px;
	font-weight:bold;
	float:left;
	display:inline;
	position:relative;
	margin-left:320px;
	margin-top:-15px;
	padding-top:15px;
}
.link a, .link a:link, .link a:visited {
	color:#0066CC;
	font:Tahoma;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.link a:active, .link a:hover {
	text-decoration:underline;
}
.divider_line {
	width:1px;
	height:140px;
	margin-left:32px !important;
	margin-left:5px;
	margin-top:15px;
	background-color:#CCCCCC;
	padding:0 0 0 0;
	float:left;
	display:inline;
	clear:none;
}

	.twoColumnLayout_02 {
		margin-right:50px;
		margin-left:0px;
		width: 35%;
		height:auto;
		margin-left:0px;
		padding-top:15px !important;
		padding-top:10px;
		padding-left:0px;
		padding-bottom:0px;
		padding-right:0px;
		float: right;
		clear: none;
	}
	.twoColumnLayout_02 a:link, .twoColumnLayout_02 a:visited {
		font-family:Tahoma;
		font-size:11px;
		color:#000000;
		text-decoration:none;
	}
	.twoColumnLayout_02 a:hover, .twoColumnLayout_02 a:active {
		font-family:Tahoma;
		font-size:11px;
		color:#000000;
		text-decoration:underline;
	}
	.twoColumnLayout_03 {
		width: 500px !important;
		width: 490px;
		height:auto;
		background-position:top;
		float: left;
		display: inline;
		clear: none;
		margin: 0;
		padding: 20px 0 0 35px;
		margin-bottom:0px !important;
		margin-bottom:10px;
	}
		.twoColumnLayout_03 ol code {
			width: 450px;
		}
	.twoColumnLayout_03 ul {
		margin:0 0 0 0;
		padding:0px 8px 0px 8px;
	}
	.line {
		background-image:url(../images/bg/below_content_title_line.gif);
		background-repeat:no-repeat;
		width:443px;
		height:1px;
		padding-left:45px;
		margin-left:10px !important;
		margin-left:5px;
		float: left;
		clear: both;
	}
	.line_02 {
		background-image:url(../images/bg/below_content_title_line.gif);
		background-repeat:no-repeat;
		width:443px;
		height:1px;
		padding-left:40px;
		margin-left:0px;
		float: left;
		clear: both;
	}
	.title_02 {
	background-image:url(../images/bg/news_events.gif);
	background-repeat:no-repeat;
	width:140px;
	height:19px;
	float:left;
	display:inline;
	margin-top:13px;
	}
	.dots {
		background-image:url(../images/bg/dotted_big.gif);
		background-repeat:no-repeat;
		width:493px;
		height:1px;
		margin-top:0px;
		margin-top:15px !important;
		margin-bottom:15px !important;
		margin-bottom:3px;
		float:left;
		display:inline;
	}
	.dots_02 {
		background-image:url(../images/bg/dotted_big.gif);
		background-repeat:no-repeat;
		width:490px;
		height:1px;
		margin-top:0px;
		margin-top:5px !important;
		margin-bottom:15px !important;
		margin-bottom:3px;
		float:left;
		display:inline;
	}
	.email {
		font:Tahoma;
		color:#009900;
		font-weight:bold;
	}
			.email a, .email a:link, .email a:visited {
				font:Tahoma;
				color:#009900;
				font-weight:bold;
				text-decoration:none;
			}
					.email a:hover, .email a:active {
					text-decoration:underline;
					color:#009900;
					font-weight:bold;
			}
	.green {
		font:Tahoma;
		color:#009900;
		font-weight:bold;
	}
	.green a, .green a:link, .green a:visited {
				font:Tahoma;
				color:#009900;
				font-weight:bold;
				text-decoration:underline;
	}
	.green a:hover, .green a:active {
					text-decoration:underline;
					color:#009900;
					font-weight:bold;
	}
	.dotted_02 {
	background-image:url(../images/bg/dotted_line_2.gif);
	background-repeat:no-repeat;
	width:289px;
	height:1px;
	float:left;
	display:inline;
	margin-left:0px;
	}
	.left_column_text_02 {
		float:left;
		height:92px;
		display:inline;
		margin-left:0px;
		font:Tahoma;
		font-size:11px;
		padding-top:10px !important;
		padding-top:0px;
		padding-left:0;
		padding-right:0;
	}
.link_02 {
	color:#6699FF;
	font:Tahoma;
	font-size:11px;
	font-weight:bold;
	float:right;
	display:inline;
	position:relative;
	margin-left:200px;
	margin-top:-10px;
	padding-bottom:0px;
	padding-top:10px;
}
.blue_title {
	color:#6699FF;
	font:Tahoma;
	font-weight:bold;
}
.link_02 a, .link_02 a:link, .link_02 a:visited {
	color:#0066CC;
	font:Tahoma;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.link_02 a:active, .link_02 a:hover {
	text-decoration:underline;
}





.threeColumnLayout {
	width: 30%;
	float: left;
	clear: none;
}
	.threeColumnLeft {
		margin-right: 4%;
	}
	.threeColumnMiddle {
		margin-right: 4%;
	}
	.threeColumnRight {
		margin-right: 0;
	}

/* =Content
----------------------
	Main Content styles
	Notes:
		
		Font-size is inherited, so some math will be necessary to size child elements up or down correctly
---------------------- */
#content_helper {
	background-image:url(../images/bg/container_tile.gif);
	background-repeat:repeat-y;
	width:815px;
	height: auto;
	float: left;
	display:inline;
	margin-top:-47px;
	padding-bottom:0px;
}
	#content {
		font-size: 1em; /* Inherits 12px from #container */
	}
	
.content_main {
	margin-left:0px;
	margin-top:15px !important;
	margin-top:3px;
	margin-left:10px;
	padding: 0;
	color:#333333;
}
.content_main_2 {
	margin-left:0px;
	margin-top:5px !important;
	margin-top:3px;
	margin-left:10px;
	padding: 0;
	margin-bottom:25px !important;
	margin-bottom:0px;
	color:#333333;
}
.services_content_main {
		width: 500px !important;
		width: 500px;
		height:auto;
		background-position:top;
		float: left;
		display: inline;
		clear: none;
		margin: 0;
		padding: 0px 0 0 0px;
}
.sample_services {
	height:auto;
	float:left;
	display:inline;
	margin-right:20px !important;
	margin-right:20px;
	margin-left:0px !important;
	margin-top:5px;
}
.sample_services_3 {
	float:left;
	display:inline;
	margin-right:0px !important;
	margin-right:0px;
	margin-left:10px;
	margin-left:10px !important;
	margin-top:10px;
	margin-bottom:10px !important;
}
.sample_services_2 {
	float:left;
	display:inline;
	margin-right:10px !important;
	margin-right:10px;
	margin-left:0px !important;
	margin-left:0px;
	margin-top:10px;
}
.sample_services_content {
	width:325px;
	height:auto;
	float:left;
	display:inline;
}
	.sample_graph {
		margin-top:15px;
		margin-left:8px;
		margin-bottom:10px;	
	}
.graph_section {
	margin-left:0px;
	margin-top:20px;
	margin-bottom:12px !important;
	margin-bottom:-5px;

}
		.graph_01 {
			width:240px;
			float:left;
			display:inline;
			margin-right: 10px;
		}
				.graph_02 {
					width:240px;
					float: left;
					display:inline;
				}
						.graph_02 img {
							float: none;
						}


							.graph_list ul {
								list-style:none outside;
								width:auto;
								height:auto;
								margin-left:-40px !important;
								margin-left:0px;
								margin-top:0px;
								color:#333333;
							}

									.graph_list li {
										background: transparent url(../images/inline/bullet_point_02.gif) 0 8px no-repeat;
										display:list-item;
										padding-left:15px;
										
									}
									.list_title .pad {
										padding:0 0 0 0;
										margin-top:5px;
										margin-left:2px;
										color:#333333;
									}
#services_photo, #integration_photo, #banner_photo, #about_photo, #news_photo, #nsdi_photo {
	background-repeat:no-repeat;
	width:776px;
	height:124px;
	float:left;
	display:inline;
	margin-left:19px;
	margin-top:-2px;
}
#banner_photo {
	background-image:url(../images/headers/titlebanner_home.jpg);
	background-repeat:no-repeat;
	width:777px;
	height:344px;
	float:left;
	display:inline;
	clear:both;
	margin-left:18px;
	margin-top:-2px;
}
#about_photo {
	background-image:url(../images/headers/titlebanner_about.jpg);
}
#services_photo {
	background-image:url(../images/headers/titlebanner_geodata.jpg);
}
#integration_photo {
	background-image:url(../images/headers/titlebanner_infrastructure.jpg);
	/*background-image:url(../images/headers/titlebanner_integration.jpg);*/
}
#news_photo {
	background-image:url(../images/headers/titlebanner_news.jpg);
}

#nsdi_photo {
	background-image:url(../images/headers/titlebanner_nsdi.jpg);
}

#partners {
}
.logo1 {
	margin-top:10px;
	margin-left:8px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	display:inline;
	padding-top: 30px; /* This is only because there are just 2 logos left now. -jim */
}
.logo2 {
	float:left;
	display:inline;
	margin-top:10px;
	margin-left:45px !important;
	margin-left:25px;
	margin-right:10px;
	margin-bottom:10px;
}
.logo3 {
	float:left;
	display:inline;
	margin-top:38px;
	margin-left:60px;
	margin-right:10px;
	margin-bottom:10px;
}
.logo4 {
	float:left;
	display:inline;
	margin-top:20px;
	margin-left:110px !important;
	margin-left:86px;
	margin-right:0px;
	margin-bottom:10px;
}
.logo5 {
	float:left;
	display:inline;
	margin-top:30px;
	margin-left:55px;
	margin-right:0px;
	margin-bottom:10px;
}
.logo6 {
	float:left;
	display:inline;
	margin-top:20px;
	margin-left:140px !important;
	margin-left:110px;
	margin-right:0px;
	margin-bottom:20px;
}
.bottom {
	float:left;
	display:inline;
	margin:0px;
}

#subnav {
	float: right;
	clear: none;
	width:216px;
	height:auto;
	padding:0;
	margin: 0;
	margin-right: 36px;
}
#subnav_02 {
	float: right;
	clear: none;
	width:216px;
	height:auto;
	padding:0;
	margin: 0;
	margin-right: 42px !important;
	margin-right: 18px;
}
.tone_box {
	background: transparent url(../images/bg/testimony_big.gif) left bottom no-repeat;
	width:215px;
	float:left;
	display:inline;
	padding:0;
	margin: 0;
	margin-left: 10px;
	margin-top:20px;
}
.tone_tile {
	background: transparent url(../images/bg/testimony_small.gif) left top no-repeat;
	padding:15px;
	padding-bottom:5px;
	margin: 0;
}
.withnav {
}
.subnav_tile {
	background-image:url(../images/bg/sub_nav_tile.gif);
	background-repeat:repeat-y;
	width: 216px;
	padding: 0;
	margin-right:0px !important;
	margin-left:0px !important;
	margin-right:0px;
	margin-top: 0px;
	position: relative;
	border: solid 1px transparent; /* This hack gets around the mysterious Fx tiling problem with the negative top margin. */
	border-bottom: none; /* This hack gets around the mysterious Fx tiling problem with the negative top margin. */
}
	.subnav_bottom {
		padding-bottom: 12px;
		background: transparent url(../images/bg/sub_nav_bottom_box.gif) left bottom no-repeat;
	}
		.subnav_links {
			margin-left:22px;
			position: relative;
			margin-top: -25px;
		}
			.links ul {
				padding:0 0 0 0;
				margin:0 0 0 0;
				float: none;
			}
				.links li {
					background-image:url(../images/bg/sub_nav_separator.gif);
					background-repeat:no-repeat;
					background-position:bottom;
					width:173px;
					padding-top:9px;
					padding-bottom:11px;
					padding-left:0px;
					padding-right:0px;
					list-style:none;
					float: none;
				}
				.links ul li.last {
					background:none;
				}
				.links a, .links a:link, .links a:visited {
					background-image:url(../images/inline/bullet_only.gif);
					background-repeat:no-repeat;
					padding-left:20px;
					font-weight:bold;
					color:#999999;
					text-decoration:none;
				}
				.links a.current, .links a.current:link, .links a.current:visited {
					color:#333333;
				}
				.links a:active, .links a:hover {
					background-image:url(../images/inline/bullet_only_over.gif);
					background-repeat:no-repeat;
					padding-left:20px;
					font-weight:bold;
					color:#333333;
					text-decoration:none;
				}
.links_2 a, .links_2 a:link {
	color: #565656;
	text-decoration: underline;
}
.links_2 a:visited {
	color: #565656;
}
.links_2 a:hover  {
	color:#000000;
	text-decoration: underline;
}
.right_section {
	margin: 34px 0 25px 0;
	padding:0 0 0 20px;
	width: 185px;
}
.withnav .right_section {
	width: 180px;
}

.contact_title {
	background-image:url(../images/bg/contact_us_title.gif);
	background-repeat:no-repeat;
	width:95px;
	height:22px;
	margin-top:0px;
}

.forum_title {
	background-image:url(../images/bg/forum_title.gif);
	background-repeat:no-repeat;
	width:225px;
	height:22px;
	margin-top:0px;
}

.contact_title_02 {
	background-image:url(../images/bg/contact_us_title.gif);
	background-repeat:no-repeat;
	width:95px;
	height:22px;
	margin-top:0px;
	margin-bottom:2px;
}
	.contact_line {
		background-image:url(../images/bg/below_subnav_title_line.gif);
		background-repeat:no-repeat;
		height:1px;
	}
	.contact_line_02 {
		background-image:url(../images/bg/below_subnav_title_line.gif);
		background-repeat:no-repeat;
		width:200px;
		height:1px;
		margin-top:2px;
	}
		.contact_content {
			margin-top:15px !important;
			margin-top:3px;
			color:#333333;
		}
.testimonial {
	background-image:url(../images/bg/testimony_big.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-right:-36px !important;
	margin-right:-31px;
	margin-top:20px;
	margin-bottom:20px;
	width:213px;
}
	.testimonial_top {
		background-image:url(../images/bg/testimony_small.gif);
		background-repeat:no-repeat;
		background-position:left top;
		margin-right:0px !important;
		margin-right:-20px;
		margin-bottom:0px;
		font-family:Tahoma;
		text-align:center;
		color:#666666;
		font-size:13px;
		font-weight:bold;
		font-style:italic;
		padding:10px 5px 0 5px;
		padding-bottom:1px !important;
		padding-left: 15px !important;
		padding-right:15px !important;
		padding-left: 10px;
		padding-right:30px;
}
			.dark {
				color:#333333;
			}


/* =Footer
----------------------
	Credit/footer styles: Usually the copyright/company info
	Notes:
---------------------- */
#siteinfo {
	background-image:url(../images/bg/footer_gray_bar.gif);
	background-repeat:no-repeat;
	width:780px;
	height:40px;
	float:left;
	display:inline;
	margin-bottom:5px;
	margin-left:19px;
}
	#siteinfo-legal {/* Usually the copyright notice */
		color:#565656;
		font-size:0.90em;
		font:Tahoma; 
		float:left;
		display:inline;
		margin-top:11px;
		margin-left:20px;
	}
	#siteinfo-links { /* Usually Terms, Privacy and Accessibility */
		color:#565656;
		font-size:0.90em;
		font:Tahoma;
		float:right;
		display:inline;
		margin-top:11px;
		margin-right:20px;
		
	}
#footer_bar {	
	background-image:url(../images/bg/container_bottom.gif);
	background-repeat:no-repeat;
	width:815px;
	height:13px;
	float:left;
	display:inline;
	margin-top:-4px;
	padding-left:20px;
	
}

/* =Uni
----------------------
	Universal styles: Styles that apply to elements found throughout the site
	Notes:
		The best example of this is the "clear" div
---------------------- */
.clear {
	clear: both;
	/* Try adding any/all of these if clear divs aren't working right:
	height: 1%;
	width: 100%;
	font-size: 1%;
	line-height: 1;
	clear: both;
	*/
}
.bold {font-weight: bold}
.em {font-style: italic}

/* NSDI Table */
.tabular {
	border-collapse:collapse;
	border: solid 1px #ccc;
	padding: 0;
	margin: 0 0 1em 0;
}
	.tabular td {
		vertical-align: top;
		padding: 7px 3px;
		margin: 0;
		border-bottom: solid 1px #ccc;
	}
	.tabular .hdrrow {
		padding: 9px 3px 6px;
		border-bottom: none;
	}
	.tabular .hdrrow.first {
		padding: 3px 3px 6px;
	}
	.tabular .tableleft {
		padding-left: 13px;
	}
	.tabular .last {
		border-bottom: none;
	}
	.tabular h4 {
		background: #25892D;
		color: #fff;
		border: none;
		padding: 3px 10px;
		margin: 0;
	}