﻿body {
	/*
	background-image: url(../images/ggbridgerBG.jpg);
	background-repeat: repeat;
	font-family:Arial, Helvetica, sans-serif;
	*/
 
 font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #49598F;
	line-height: 1em;
	margin:0;
	padding:0;
	border:none;
	border-collapse: collapse;
	font-size:small;
}
td {
/*font-family: "Courier New", Courier, monospace;*/
	/*font-size: medium;*/
}
p {
	line-height: 140%;
}
h1 {
	margin: 10px auto 0 auto;
	margin:0;
	padding:0;
	line-height: 1.025em;
	color: #49598F;
}
h2 {
	font-size: 140%;
	text-align: center;
	line-height: .05em;
}
a {
	padding:5px;
	text-decoration: none;
}
a:link {
	color: #4E5F98;
	font-weight: bold;
}
a:visited {
	color: #636BBC;
	font-weight: bold;
}
a:hover {
	color: #000066;
	text-decoration: underline;
}
li {
	line-height: 140%;
}
.filmCommCity {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 95%;
	clear: both;
	border-bottom:1px blue dotted;
}
/*
.filmCommCity a:link {
	color: #0000FF;
	text-decoration: none;
}
.filmCommCity a:hover {
	color: #0000FF;
	text-decoration: underline;
}
.filmCommCity a:visited {
	color: #0000FF;
	text-decoration: none;
}
.filmCommCity a:active {
	color: #0000FF;
	text-decoration: none;
}
*/
.filmCommPhone {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	text-align: left;
}
#bottomNav {
	font-size: 95%;
	text-align: center;
	clear: both;
	color: #CBD3EB;
	margin-bottom: 1em;
}
.bottomNav a:link {
	color: #0000FF;
	text-decoration: none;
}
.bottomNav a:visited {
	color: #800080;
	text-decoration: none;
}
.bottomNav a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.bottomNav a:active {
	color: #CC0000;
	text-decoration: none;
}
.top_box {
	width:auto;
	line-height:110%;
}
.larger {
	font-size:100%;
}
#header {
	text-align: center;
	margin:0;
	padding:0;
}
#main_wrapper {
	width: 942px;
	margin: 10px auto;
	background-image: url(../images/bkg_repeater.gif);
	background-repeat: repeat-y;
}
#main{
	padding:0 5em 0 5em;
	
}
#content {
	background-color: transparent;
	height: 100%;
}

#image_center {
	margin:0;
	height:780px;
	background-color: #333;
	float: right;
	border: #333 1px solid;
}
html>body #image_center {
	margin:0;
}
#offices_table {
	float: left;
	height: 782px;
	margin: 0px 0px 5px 28px;
	border: #333 1px solid;
	line-height: 130%;
}
#offices_table td {
	text-align:center;
	/*background-color:red;*/
	margin:0;
	padding:0;
	border:none;
	border-collapse: collapse;
}
#offices_table tr {
	margin:0;
	padding:0;
	border:none;
	border-collapse: collapse;
}
.leftBox {
	float: left;
	margin: 30px 10px;
	position: relative;
}
.rightBox {
	float: right; /*font-family: "Times New Roman", Times, serif;*/
	margin: 30px 100px;
}
.leftCol {
	width: 200px;
	height: 30px;
	float: left;
	text-align: right;
	padding: 0px;
	margin-right: 10px;
}
.padCol {
	width: 10px;
	height: 30px;
	float: left;
}
.rightCol {
	width: 350px;
	height: 30px;
	float: right;
	position: absolute;
}
/*.formContainer {
	border: 1px gray solid;
	margin: 10px;
	padding: 10px;
	width: 650px;
}*/

#formContainer {
	position:relative;
	height: auto;
	/*background-color: #D2D7E8;*/
	margin: 5px 50px 10px 50px;
	padding: 10px;
	/*border: 1px gray solid;*/
	width: 750px;
	
}
#align_center {
	text-align: center;
	margin: 50px auto;
}
#submit_center {
	text-align: center;
	margin: 10px;
}
#formContainer form {

	width: 750px;
	margin: 10px auto;
}

#accessibleOptions {padding-bottom:0.5em}
#accessibleOptions a {color:#333399; font-size:80%; font-weight:bold}
#accessibleOptions a:hover, #divViewOptions a:focus {color:#990000; text-decoration:underline}

/* new styles for contact info */
.indent2em {
	margin-left:2em}
	
dl.tableLayout {
	float:left; 
	overflow:visible; 
	width:100%; 
	line-height:1.4em}
	
dl.tableLayout dt {
	clear:both; 
	display:block; 
	float:left; 
	font-weight:bold; 
	height:auto; 
	margin:0; 
	padding:.5em .5em .5em 0; 
	text-align:right}

dl.tableLayout dd {
	display:block; 
	float:left; 
	margin:0; 
	padding:.5em 0 .5em .5em}

dl.titlePercent10 dt, dl dt.titlePercent10 {
	min-width:4em; 
	width:10%}

dl.titlePercent10 dd, dl dd.titlePercent10 {
	width:80%}

dl.titlePercent20 dt, dl dt.titlePercent20 {
	min-width:8em; 
	width:25%}

dl.titlePercent20 dd, dl dd.titlePercent20 {
	width:66%}

.hide{display:none}

ul.getDirections{font-weight:normal; padding-left:1em; margin-left:1em;}
