/*  GENERAL STYLES  */



body {

	margin: 10px; 

	font: 12px Verdana, Arial, Helvetica, sans-serif; 

	text-transform: none; 

	color: #666666; 

	background-color: #164861;

	text-align:center;

}



p, #text p {

	font: 12px Verdana, Arial, Helvetica, sans-serif; 

	margin-right: 5px

}



a {color: #2B5681;}



h1, h2, h3, h4, h5, h6 {

color: #295584;

font-family: Verdana, Arial, Helvetica, sans-serif; 

}



h1 {font-size: 22px;}

h2 {font-size: 20px; line-height: 20px;}

h3 {font-size: 18px;}

h4 {font-size: 16px;}

h5 {font-size: 14px;}

h6 {font-size: 12px;}



ul {margin:10px 0; 

	padding:0 13px;

}



li {

	color:#2B5681;

	font: 12px/17px

}

	

img {border:0px;}



#fileIcon {

vertical-align:middle;

}



/* Layers */



#container {

	width:760px; 

	margin:0 auto; 

	padding:0; 

	background-color:#ffffff; 

	border:1px solid #85A3B2;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-align:left;

}



#logo_header {

width:100%; 

height:67px; 

margin:0;

padding:0;

background-color:#ffffff;

}



#ga_logo {

float:left; 

padding:0;

margin:0;

}

.portalheader {

	margin: 0px auto;

	padding:0;

	background-color:#E0E0E0;

	text-align: left;

	height: 27px;

	float: left;

	width: 100%;

	border-bottom: 1px solid #666;

}

.subportalheader {

	margin: 0px auto;

	background-color:#fff;

	text-align: left;

	height: 83px;

	width: 100%;

	float: left;

}

.portallogo {

	margin:0;

	float:left;

	text-align:left;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	background-color: #E0E0E0;



}

.subportallogo {

	float:left;

	margin:0 3px 0 0px;

	padding:0px;

	color:#000000;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	height: 83px;

}



.headerfooter {

	width:100%; 

	height:18px;

	margin:0 auto; 

	padding:0; 

	background-color:#F0F1E3;

}



.headerfooter a {

	COLOR: #660000;

	text-decoration:none; 

}



.headerlinks {

	margin:0; 

	padding:2px 5px; 

	float:left; 

	text-align:right; 

	width:65%;

	font: 10px Verdana, Arial, Helvetica, sans-serif; 

}



.date {

	float:right; 

	margin:0 20px 0 5px; 

	padding:2px 5px; 

	color:#000000;

	font: 10px Verdana, Arial, Helvetica, sans-serif; 

}



p.copyright, #footer1 {

	border-bottom:5px solid #85A3B2;

	width:100%;

	clear:both;

	text-align:center;

	margin:10px 0 0 0;

} 





p.footer {

	width:100%;

	clear:both;

	margin: 6px auto;

	text-align:center;

	color:white;

	padding:5px 0 20px 0;

}



/* Navigation */



ul.topnav {

	BORDER-RIGHT: #85A3B2 1px solid;

	BORDER-TOP: #85A3B2 0px solid;

	BORDER-BOTTOM: #85A3B2 1px solid;

	BORDER-LEFT: #85A3B2 12px solid;

	PADDING: 0;

	margin:0;

	WIDTH: 205px;

	list-style-type: none;

	float:left;

}



ul.topnav li a {

	display:block;

	BORDER-TOP: #85A3B2 1px solid;

	color: #000;

	text-decoration:none;

	padding:3px 0 0 8px;

	font-size:11px;

	width:197px;

	height:15px;

}

/* Fix link padding for non-IE */

html > body ul.topnav li a {

	padding-bottom:1px;

}



ul.topnav li {

	line-height:11px;

}



ul.topnav li a:hover {

	color: #85A3B2;

}





/* COLUMNS */

#left_col {

float:left;

clear:none;

}



#left {

	width:209px;

	float:left;

	clear:left;

	margin:5px 6px 2px 5px;

	}

/* Fix margin for non-IE */

html > body #left {	margin-left:10px;}



#right {

	width:176px;

	float:left;

	clear:right;

	margin:5px 1px 2px 5px;

}



#center {

	width:335px;

	float:left;

	clear:none;

	margin:5px 3px 2px 7px;

	background-color:#F3F3F3;

}



#center div{

	margin:8px;

	display:block;

}





/* Containers in Columns */



.box {

	margin:15px 0 10px 5px;

	border-bottom: 8px solid #F0F1E3;

}



/* Search area */

#search {

	margin-top: 48px;

	margin-right:0px;

	padding-right:0px;

	height: 35px;

	width: 300px;

	float: right;

	background-image: url(/gta/images/webpage/searchcorner_beige.gif);

	background-repeat: no-repeat;

	background-position: left;

	text-align: right;

	background-color: #F0F1E3;

}



#search input, #search select {

	width:140px;

	height:15px;

	border:1px solid #797A7F;

	font-size:11px;

	color: #000000;

	margin-top:2px;

	background-color: white;

	font-weight: bold;

}

#search button {

	background-color:#F0F1E3;

}

#search img {

	border:0px;

	vertical-align:middle;

	text-align: left;

	margin-right: 5px;

	margin-top: 1px;

}

#search table, #search form, #search select {

	margin-top:4px;

	text-align: right;

	float: right;

	padding:0px;

	margin-right:0px;

}

.searchtop {

	float:right;

	text-align:left;

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	background-color: #E0E0E0;

	height: 30px;

	margin-right: 0;

	margin-bottom: 0;

	vertical-align: bottom;



}

#search label {

position: absolute;

height:0;

width:0;

overflow:hidden;

}

#gallery {

	text-align:center;

}



/* Other Styles */



.flash {

	float:right;

	clear:none;

	margin:0;

	padding: 0 0 1px 0;

}



p.more {

	text-align:right;

	font-size:11px;

	clear:both;

}



p.more a{

	color:#854136;

}



p.footer a {

	color:white;

	font-size:10px;

	text-decoration:none;

}



button {

	border:0px solid white;

	background-color:#fff;

}



#gallery p{

	font-size:10px;

	line-height:18px;

	margin-top:-8px;

}



#feature h3 {

	color:#000;

}



#feature div {

	display:block;

	float:left;

	clear:right;

	width:200px;

	margin-top:-20px;

}



#feature img {

	border:1px solid black;

	margin:10px 8px 0 0;

}



#center h2 {

	padding-bottom:5px;

	border-bottom:1px solid #85A3B2;

	width:300px;

	clear:both;

}



#media p {

	font-size:10px;

	margin:7px 0;

}



#media img {

	margin: 0 4px;

	vertical-align:middle;

}





/*-----------------------------------------------------------------*/

/* --- SECOND LEVEL ---- */



 /* Navigation */

#level2 ul.topnav {

	width:185px;

}



#level2 ul.topnav li a {

	width:174px;

	padding-right:3px;

	height:auto;

	padding-top:4px;

	padding-bottom:4px;

}



ul.topnav ul {

	list-style-type: none;

	padding: 0 0 0 5px;

	margin:0;

	width: 180px;

	border-top: #85A3B2 1px solid;



}



ul.topnav ul li a {

	display:block;

	border-top: #fff 0px solid;

	padding:3px 0 7px 8px;

	width:165px;

	height:auto;

	color: #2B5681; 

	

}

/* Fix link padding for non-IE */

html > body ul.topnav ul li a {

	padding-bottom:8px;

}



li.backto {

	border-top: #85A3B2 1px solid;

	padding-top:5px;

}



.backto strong{

	color: #000;

	font-size:11px;

	padding:0 0 2px 8px;

} 

 

ul.topnav li.backto a {

	border-top: #fff 0px solid;

	color: #2B5681; 

}



#text ul {

margin-left:10px;

}



/* Right Column Boxes */



#level2 #right {

	background-color:#F0F1E3;

}



.box2 h3 {

	font-size:12px;

}



.box2 li, .box2 p {

	font-size:11px;

	line-height:16px;

}



.box2 {

	margin:15px 0 10px 5px;

}





 /* Main Content */

 

#main_content {

	width:520px;

	float:right;

	clear:none;

	margin:1px 0 2px 5px;

}



#main_content_wide {

	width:500px;

	float:left;

	clear:none;

	margin:5px 0 2px 15px;

}



#main_content h1, #main_content_wide h1, #articles h3 {

	color:  #000000; 

	font-size:18px;

	font-weight:bold;

}



#main_content p, #main_content_wide p {

	color:#000000;

	font-size:12px;

	padding-bottom:3px;

	padding-right:50px;

}

#main_content ul, #main_content_wide ul {

	margin-left:20px;

	padding-right:50px;

}



.inheadline {

	color: #2B5681; 

	font-weight:bold;

}



p.breadcrumb {

	color: #2B5681; 

	font-size:10px !important;

	margin-top:5px;

}





/*-----------------------------------------------------------------*/

/* --- BUSINESS CARD ---- */



#card #container {

background-color:#ffffff;

color: #000000;

}



#card li {

color: #000000;

}



#card #business, #card #lgbc, #card #lgbc2, #card #city  {

float:left;

clear:both;

width:720px;

margin:5px 0 5px 10px;

border:0px;

border-collapse:collapse;

}



#card #content {

background-color:#FFFFFF;

border: 1px solid #C2C09C;

width:710px;

}



#card .headerfooter {

border-bottom:1px solid #999999;

}



#business #corner, #lgbc #corner, #lgbc2 #corner {

background-color:#C2C09C;

}





#business #text {

width:400px;

float:left;

margin:20px 10px;

}



#lgbc #text {

width:400px;

float:right;

margin:20px 10px;

}



#lgbc2 #text {

width:400px;

float:left;

margin:5px 10px 20px 100px;



}

#card #photo {

margin:20px 10px;

}



#business p {

color:#000000;

font-size:12px;

padding-bottom:3px;

}



#lgbc p, #city p, #lgbc2 p {

font-size:11px;

}



#business h1 {

font-size:18px;

color:#000000;

}



#lgbc h1, #lgbc2 h1 {

font-size:16px;

color:#000000;

}



#card #text, #card #text p {

	font: 12px Verdana, Arial, Helvetica, sans-serif; 

	margin-right: 5px

}



#card h4 {

color:#000000;

margin:7px 0;

padding:0;

}



#card #info {

align:center;

clear:both;

margin: 10px;

width:690px;

border-top:1px solid #999;

border-collapse:collapse;

}

#card #info h1 {

color:#295584;

font-size:18px;

}



#card #info td {

width:33%;

vertical-align:top;

}



#card #info p, #card #info td, #card #info li{

font-size:11px;

margin-bottom:0;

}



#card #info .contact table {

width:100%;

}



#card #info .contact td{

vertical-align:top;

}



#card #info .contact th {

padding-right:7px;

width:25%;

vertical-align:top;

text-align:right;

font-weight:normal;

}



#card .search, #card .towns, #card .todo {

border-left:1px solid #999999;

border-right:1px solid #999999;

}



#card .breadcrumb {

margin-left:10px;

font-size:10px;

color:#000000;

}



#card  a {

color:#660000; 

}

 

#card .footer a {

color: #FFFFFF;

} 

 

/*-----------------------------------------------------------------*/

/* Printer Friendly Page */

#print {

background-color:#fff;

}



#print #container {

border:none;

width: 7in;

margin:0;

}



#print #main_content {

width: 7in;

}



/* Accessibility */

.skip {font-size: 0pt; text-decoration:none; top: -100px; position: absolute; color: White;}

a.skip:active, a.skip:visited, a.skip:link, a.skip:hover {color:#FFFFFF; top: -100px; position: absolute;}



table.attachedFiles {

width:450px;

padding:0px;

border:0px;

margin:0px;

}

table.attachedFiles td a, table.attachedFiles td {

font-size:12px;

}

table.attachedFiles td img {

border:0px;

float:right;

}

/*----- for the alerts area in the header -----*/		

.portalalert {

 margin:0;

 float:none;

 text-align:center; 

}



.profile .front span.headline {

font-size:18px;

color:#295584;

font-weight:bold;

}
