body {
	font-family: Verdana, Arial, "Trebuchet MS", serif;
	font-size: 75%;
	text-align: center;
	background-color: #004F78;
	margin-left: 0;
	margin-top: 0;
}

#tabs {	
	position: relative;
	width: 100%;
	background: #DAE0D2 url("../images/tabs/bg.gif") repeat-x bottom;
	line-height: 1.5;
	font-size: 1.1em;
	font-family: Tahoma, serif;
	font-weight: normal;
}

#tabs ul {
	margin: 0;
	padding: 5px 7px 0;
	list-style: none;
}

#tabs li {
	float: left;
	background: url("../images/tabs/left.gif") no-repeat left top;
	white-space: nowrap;
	margin: 0;
	padding: 0 0 0 9px;
	border-bottom: 1px solid #2F4F4F;
}

#tabs a {
	display: block;
	background: url("../images/tabs/right.gif") no-repeat right top;
	padding: 5px 9px 4px 4px;
	text-decoration: none;
	color: White;
	float: left;
	width: .1em;  /* IE6 hack -  makes entire anchor clickable in IE6 - breaks other browsers*/
}

html>body #tabs a {    /* clears .1m width on all except for IE6 which does not understand child selectors */
	width: auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac -  Need to clear float from all but IE5 Mac \*/
#tabs a {
	float: none;
}
/* End IE5-Mac hack */

#tabs a:hover {
	color: #E5E5C8;
}

#tabs .current {
	background-image: url("../images/tabs/left_on.gif");
	border-width: 0;
}

#tabs .current a {
	background-image: url("../images/tabs/right_on.gif");
	padding-bottom: 5px;
	color: #005D31 ;
}

#tabs  a:visited:hover {
	color: #E5E5C8;
}
	
#tabs .current a:hover {
	color: #000000;
}

#tabs .current a:visited:hover {
	color: #000000;
}

table {
	font-family: Verdana, Arial, "Trebuchet MS", Serif;
	font-size: 100%;
	margin-top: 0;
	padding-top: 0;
	width: 100%;
}

#frame {
	display: inline-block;
	padding: 0;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	width: 780px;
	text-align: left;
}

/* "display: inline-block;" from the CSS 2.1 specification.
* An inline block is placed inline (ie. on the same line as 
* adjacent content), but it behaves as a block. Supported by
* Explorer 5 Mac, Safari and Opera. From 1.1 Alpha onwards 
* Mozilla doesn't support it any more. In Explorer 6 it works
* only on elements that have a natural display of 'inline' 
* (SPAN, A etc.) The real use of this value is when you want
* to give an inline element a width. In some circumstances 
* some browsers don't allow a width on a real inline element, 
* but if you switch to display: inline-block you are allowed 
* to set a width. See the following references for more info:
* http://www.w3.org/TR/2004/CR-CSS21-20040225/visuren.html#propdef-display 
* http://www.quirksmode.org/css/display.html
* http://www.bigtrouble.com/inline_block.htm
*/

#contentlefthome {
	width: 186px;
	padding: 0;
	float: left;
	background: #FFFFFF;
}

#contentleftsub {
	width: 152px;
	padding: 0;
	margin: 0;
	float: left;
}

#contentcenter {
	width: 370px;
	padding: 0 0 0 20px;
	margin: 0;
	float: left;
	background: #FFFFFF;
}

#contentcentersub {
	width: 404px;
	padding: 0 10px 0 10px;
	margin: 0;
	background-color: #FFFFFF;
	float: left;
}

#contentcentersubSurvey {
	width: 404px;
	padding: 0 10px 0 10px;
	margin: 0;
	background-color: #FFFFFF;
	float: left;
}

#contentcenterweird {
	width: 580px;
	padding: 0 20px 0 10px;
	margin: 0;
	background: #FFFFFF;
	float: left;
}

#contentcenterweirdSurvey {
	width: 580px;
	padding: 0 20px 0 10px;
	margin: 0;
	background: #FFFFFF;
	float: left;
}

/* Holly hack - force IE to nest enclosed floats */
/* hide from ie mac \*/
* html .clearfix  {
	height: 1%;
}
/*end ie mac hide */

/* generate content to nest enclosed floats */
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.contenthalf {
	width: 50%;
	float: left;
}

#contentcentersearch {
	width: 610px;
	padding: 0 0 0 10px;
	margin: 0;
	background: #FFFFFF;
	float: left;
}

#contentright {
	width: 204px;
	padding: 0;
	float: left;
	background: #EFEFD2;
	text-align: center;
	margin: auto;
}

#contentrightsub {
	width: 195px;
	padding: 0 0 0 9px;
	float: left;
	background: #EFEFD2;
	text-align: left;
}

#contentrightweird {
	width: 195px;
	padding: 0 0 0 9px;
	float: left;
	text-align: left;
}

#contentrightnews {
	width: 195px;
	padding: 0 0 0 9px;
	float: left;
	text-align: left;
	background: #FFFFFF;
}

#contentheader {
	background: #9999CC;
}

.bizPortal {
	background: #FFFFFF url("../images/categories/business_2.jpg")  no-repeat;
}

#background {
	background: #FFFFFF url("../images/frame.gif") repeat;
}

#backgroundsub {
	background: #EFEFD2 url("../images/frame2.gif") repeat;
}

#backgroundweird {
	background: #EFEFD2 url("../images/frame3.gif") repeat;
}

.linkbar {
	background: #015E31;
	width: 780px;
	text-align: center;
	margin: 0;
	padding: 7px 0 7px 0;
	font-weight: bold;
	font-size: .95em;
}

.linkbar a:link {
	color: #FFFFFF; 
	
}

.linkbar a:visited {
	color: #FFFFFF; 
	
}

.linkbar a:hover  {
	color: #B7D5FD; 
}

.linkbar a:visited:hover  {
	color: #B7D5FD; 
}

.bizbar {
	border-bottom: 2;
	border-bottom-color: #6B1821;
	border-bottom-style: solid;
}

#buttonbarleft {
	background: #015E31;
	width: 268px;
	text-align: center;
	float: left;
}

#buttonbarright {
	background: #015E31;
	width: 268px;
	text-align: center;
}

#buttonbarsense a:link {
	color: #ACBBBF;
}

h1, pre {
	margin: 0;
}

h1, h2, h3 {
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", Serif;
}

h1 {
	font-size: 1.6em;
	padding-top: 10px;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0 0 5px 0;
	color: #7FA685;
}

h3 {
	font-size: 1.2em;
	padding-top: 2px;
}

.sectionhead {
	font-weight: bold;
	font-size: 1.1em;
}

a.sectionhead:link, a.sectionhead:visited, a.sectionhead:hover {
	text-decoration: underline;
}

a:link {
	text-decoration: none;
	color: #033EC6;	
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #000000;	
}

a:visited:hover {
	text-decoration: underline;
	color: #000000;	
}

/* Glossary */
.glossaryterm {
	border-bottom: 1px dashed;
}

a.glossaryterm:link {
	text-decoration: none !important;
	color: #033EC6;	
}

a.glossaryterm:visited {
	text-decoration: none !important;
}

a.glossaryterm:hover {
	text-decoration: none !important;
	color: #000000;
}

/* hide for now. (These styles are hardcoded in the Glossary.js file. jdh)
.GlossaryFrame {
	width: 290px;
	position: absolute;
	visibility: hidden;
	top: 380px;
	left: 300px;
	border: outset 2px;
}

.GlossaryHeader	{
	background-color: #A3C6C2;
	width: 290px;
	text-align: right;
	font-size: 12px;
	font-family: arial;
	padding-top: 2px;
	padding-bottom:2px;
}

.GlossaryHeaderLink	{
	text-decoration: none;
	color: #000000;
}

.GlossaryIframe	{
	border: inset 0;
	width:290px;
}
stop hiding */

#contentheader h1 {
	font-size: 14px;
	padding: 10px;
	margin: 0;
}

.rightalign { text-align: right; }

#header {
	margin: 0 auto;
	padding: 0 0 0 0;
	border: none;
	color: #FFFFFF;
	text-align: left;
	clear: both;
}

#header a, #header img {
	margin: 0;
	border: 0 none;
	padding: 0;
	vertical-align: bottom;
}

.headerimgnofloat {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.banner {
	margin: 0;
	padding: 0;
}

ul {
	margin-top: 0;
}

li {
	padding-bottom: 5px;
}

/* 'How Do I' page Styles */

li.square {
	list-style-type: square;
	padding-bottom: 5px;
	color: #7FA685;
}

div.howdoI {
	font-size: 1.1em;
	color: #7FA685;
	font-weight: bold;
	font-family: Tahoma, Arial, Verdana, "Trebuchet MS", Serif;
}

/* general */
#clear {
	clear: both;
}

#cleartop {
	clear: both;
}

#clearother {
	clear: both;
}

#clearheader {
	margin: 0;
}

/* Footer Styles */
div.footerleft {
	color: #107142;
	width: 152px;
	text-align: center;
	font-size: 11px;
}

div.footerleft a:link {
	color: #107142;
}

div.footerleft a:visited {
	color: #107142;
}

div.footerleft a:hover {
	color: #000000;
}

div.footerleft a:visited:hover {
	color: #000000;
}

td.footercenter {
	width: 400px;
	text-align: center;
}

div.footerright {
	color: #107142;
	width: 204px;
	text-align: center;
	font-size: 11px;
	padding-left: 5px;
}

div.footerright a:link {
	color: #107142;
}

div.footerright a:visited {
	color: #107142;
}

div.footerright a:hover {
	color: #000000;
}

div.footerright a:visited:hover {
	color: #000000;
}

/* Header Styles */
div.date {
	width: 300px;
	vertical-align: top;
	font-size: 0.80em;
	padding-left: 20px;
}

div.logo {
	margin: 0;
	padding: 0;
	width: 241px;
	height: 45px;
	float: left;
}

td.utilities {
	margin: 0;
	padding: 5px 0 0 0;
	vertical-align: top;
}

div.utilities {
	vertical-align: top;
	margin-top: 0;
	padding-top: 0;
	padding-right: 0;
	text-align: center;
	font-size: 12px;
}

div.utilitiestop {
	background: url("../images/gap.jpg");
	background-repeat: no-repeat;
	width: 234px;
	vertical-align: top;
	margin-top: 0;
	padding-top: 15px;
	padding-right: 30px;
	text-align: right;
	float: left;
	font-size: 12px;
}

.nolink {
	color: #107142;
	font-weight: bold;
}

div.utilities a:link {
	color: #107142;
	font-weight: normal;
}

div.utilities a:visited {
	color: #107142;
	font-weight: normal;
}

div.utilities a:hover {
	color: #000000;
	font-weight: normal;
}

div.utilities a:visited:hover {
	color: #000000;
	font-weight: normal;
}

div.utilitiestop a:link {
	color: #107142;
	font-weight: normal;
}

div.utilitiestop a:visited {
	color: #107142;
	font-weight: normal;
}

div.utilitiestop a:hover {
	color: #000000;
	font-weight: normal;
}

div.utilitiestop a:visited:hover {
	color: #000000;
	font-weight: normal;
}

div.search {
	color: #000000;
	font-size: 10px;
	padding-top: 0;
	margin-top: 0;
}

div.searchsub {
	background: url("../images/searchbox.jpg") no-repeat;
	background-color: #A3C6C2;
	color: #000000;
	font-size: 12px;
	padding: 4px 0 0 6px;
	width: 269px;
	height: 42px;
	margin: 0;
	text-align: center;
	float: left;
}

.gobutton {
	vertical-align: top;
	border: 0;
}

/* Right column Related area styles */
img.related {
	padding: 0;
	margin: 0;
}

div.related {
	padding: 0;
	background: #F7F7E1;
	width: 187px;
	border-top: none;
	border-bottom: solid 1px #777769;
	border-left: solid 1px #777769;
	border-right: solid 1px #777769;
	text-align: left;
	margin: 0;
}

div.related ul {
	margin-left: 0;
	padding-left: 22px;
	font-size: .80em;
}

div.related li {
	padding-bottom: 3px;
}

div.newstopicsagencies {
	border: none;
	text-align: left;
	background: #E3F1F9;
	padding: 10px 0 0 5px;
}

div.newstopicsagencies ul {
	margin-left: 0;
	padding-left: 22px;
	font-size: .90em;
}

div.newstopicsagencies li {
	padding-bottom: 3px;
}

div.topics {
	margin: 48px 0 0 20px;
	padding-left: 20px;
	width: 340px;
	border: none;
	text-align: left;
	background: #E3F1F9;
	padding-top: 10px;
}

div.topics ul {
	margin-left: 0;
	padding-left: 22px;
	font-size: .90em;
}

div.topics li {
	padding-bottom: 3px;
}

div.topics span {
	font-style: italic;
}	

div.agencies {
	margin: 0 0 0 20px;
	padding-left: 20px;
	width: 340px;
	border: none;
	text-align: left;
	background: #E3F1F9;
	padding-top: 10px;
}

div.agencies ul {
	margin-left: 0;
	padding-left: 22px;
	font-size: .90em;
}

div.agencies li {
	padding-bottom: 3px;
}

div.agencies span {
	font-style: italic;
}


/* Agency and Services */
#agency {
	text-align: center;
	background-color: #B0CDD6;
	width: 383px;
	padding: 4px 0 4px 0;
	font-weight: bold;
	color: #9FA2A3;
	border: solid 1px #000000;
}

#agency a:link {
	color: #000000;
	text-decoration: none;
	margin: 0 5px 0 5px;
}

#agency a:visited {
	color:  #000000;
	text-decoration: none;
	margin: 0 5px 0 5px;
}

#agency a:hover {
	color: #94BAC6;
	margin: 0 5px 0 5px;
}

#agency a:visited:hover	{
	color: #94BAC6;
	margin: 0 5px 0 5px;
}

hr.back {
	height: 1px;
	float: left;
	line-height: 1px;
	padding: 0;
	margin:  6px 0 0 0;
	width: 200px;
}

/* Home page styles */
.rightfeatures {
	border: #000000 1px solid;
	font-size: 0.8em;
	background: #FFFFFF;
	width: 180px;
	text-align: left;
	padding-bottom: 10px;
	margin-left: 5px;
}

.rightfeatures ul {
	padding: 5px 0 0 15px;
	margin-bottom: 0;
	line-height: 0.9em;
}

#foreignlanguage {
	border: #000000 1px solid;
	font-size: 0.8em;
	background: #FFFFFF;
	width: 180px;
	text-align: center;
	padding-bottom: 10px;
	margin-left: 5px;
}

#languagelist {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#languagelist li a {
	display:block;
	height: 15px;
	border:none;
	text-decoration:none;
}

#languagelist li a img {
	border: none;
	vertical-align: bottom;
}

#languagelist li a:hover img {
	visibility: visible;
}

#languagelist li a:hover img/**/ {
	visibility:hidden; /* hide from IE5.0/win */
}
/* fixes for IE/win \*/
* html #languagelist li a {
	cursor:hand;
}
* html #languagelist li a:hover {
	height:1%;
}

.spanish { background: url("../images/home/spanish2.gif") center center  no-repeat; }
.russian { background: url("../images/home/russian2.gif") center center  no-repeat; }
.vietnamese { background: url("../images/home/vietnamese2.gif") center center  no-repeat; }
.korean { background: url("../images/home/korean2.gif") center center  no-repeat; }
.chinese { background: url("../images/home/chinese2.gif") center center  no-repeat; }
.cambodian { background: url("../images/home/cambodian2.gif") center center no-repeat; }

.georgeerror {
	font-weight: bold;
	font-size: 1em;
	color: red;
}

/* Biz Portal Stuff */
.survey {
	background-color: #D2D2A8;
	padding: 0 10px 5px 10px;
}

.survey a:link {
	color: #638568;
	text-decoration: none;
	text-align: center;
	display: block;
}

.survey a:visited {
	color: #638568;
	text-decoration: none;
	text-align: center;
	display: block;
}

.survey a:hover {
	color: #7FA685;
	text-decoration: none;
	text-align: center;
	display: block;
}

.survey a:visited:hover {
	color: #7FA685;
	text-decoration: none;
	text-align: center;
	display: block;
}

#awards img:hover {
	border: solid;
	border-color: #FF0000;
	border-width: 1px;
}

.imageborder {
	border: solid;\
	border-width: 1px;
	border-color: #000000;
}

/* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#contentlefthome , #contentleftsub, #contentright, #contentcenter {
	position: relative;
} /* */