
/* -------- Layout ---------- */

body{margin-top:0px; margin-bottom:0px; text-align: -moz-center; font-size:1em; FONT-FAMILY: Verdana; background-image: url(/images/bkg2.gif);}
*html body{text-align: center; }
#all{width: 842px; margin-left: auto; margin-right: auto; background-color:White; height:100%;}		

/* Header background */
#header{background-image: url(/images/bkg_header_850_redlogo.gif); background-repeat:no-repeat; height: 156px; width: 842px;}
#intro p{margin:0px;}
	
/* Main navigation */
#mainNav ul{list-style-type: none; margin: 0px; padding: 0px; padding-top:84px; text-align: center; }
#mainNav ul li{display: inline; text-align: center;}
#mainNav ul li a h3{ cursor:hand; float:left; padding-top:6px; margin:0px; margin-right:2px; width:118px; height:30px; background-image: url(/images/navButton.gif); background-repeat:no-repeat;}
#mainNav ul li a h3.about{margin-right:0px; clear:right;}
#mainNav ul li a h3.home{background-image: url(/images/navButton_on.gif); background-repeat:no-repeat;}

/* Language Options */
#language { width:auto; margin-top:3px; margin-right:10px; margin-left:350px; height:27px; float:left; text-align: left; background-image: url(/images/globe.gif); background-repeat:no-repeat;}
*html #language { margin-left:170px;}
#language p{font-size:1em; margin-left:30px; padding-top:0px; margin-top:0px;}
*html #language p{padding-top:0px;}

/* Search Box */
#search {margin-left:10px; margin-top:3px;float:left; text-align: left; height:27px; line-height:27px;}
#magnifyingGlass{float:left; background-image: url(/images/magnify.gif); background-repeat:no-repeat; height:26px; width:24px; margin:0px;}
#searchTxt{float:left;}
.searchText{border:1px solid #C4C4C4; height:21px; margin-right:2px;}
#searchButton{float:left;}

/* Main Content */
#intro{ background-color:White; width:842px; height:207px; padding-top:20px; border-top:solid 1px #E0E0E0; text-align:center;}
#content{width:842px; text-align:left; height:auto;  overflow: hidden; }
#column1{text-align:left; float:left; width:400px; background-color:White; padding:0px 35px 0px 35px;}
#column2{float:left; width:186px; background-color:#CEE3F2; height:auto;}
#column3{float:left; width:185px; background-color:#E2EEF7;  height:auto;}

*html #column3{float:right; width:183px;}

#titleNews{ margin-bottom:20px; text-align:left; height:30px; background-color:#9DCBE8; background-image: url(/images/bullet_green_square.gif); background-repeat:no-repeat; background-position:7px 9px;}
#titleQuick{ margin-bottom:20px;text-align:left; height:30px; background-color:#B2D5EC; background-image: url(/images/bullet_red_square.gif); background-repeat:no-repeat; background-position:7px 9px;}

/* Latest News column */
#column2 h2{ padding-left:10px; width:176px; background-color:#77BEE3; line-height:21px;}
#column2 ul{list-style-type: none; margin: 10px; padding: 0px;}
#column2 li{ padding-bottom:8px; border-bottom:solid 1px #A7D0EA; padding-top:5px;}
#column2 li.last{border-bottom:solid 1px #CEE3F2; }

/* Quick Links column */
.quickLinkCurvedHeader{background-color:#CEE3F2; float:right; height:12px; width:160px; background-image: url(/images/quickLink_curvedHeaderTop.gif); background-repeat:no-repeat;}
#offices{ float:right; background-color:#CEE3F2; width:160px;}
#column3 ul{list-style-type: none; margin:0px; margin-left: 15px; padding: 0px;}
#column3 li{border-bottom:solid 1px #A7D0EA; padding-bottom:4px; margin-right:0px;}
#column3 li.last{border-bottom:solid 1px #CEE3F2; }
.quickLinkCurvedBottom{ margin-bottom:5px; float:right; height:12px; width:160px; background-image: url(/images/quickLink_curvedHeaderBot.gif); background-repeat:no-repeat;}

/*Footer */
#footer {background-color:#005596; height:70px; padding-top: 30px; width:100%; float:right; margin:0px; padding:0px; text-align:left; margin-top:4px; border-top: solid 1px #dedede;}	
#footer ul{ list-style:none; margin:0px; padding-top:25px; margin-left:10px;}
#footer li{display:inline; padding-right:0px; margin:0px; vertical-align:top;}
#footer li a{display:inline; padding-right:10px; margin:0px; vertical-align:top;}



/*



*/

/* -------- Styles ---------- */

.hide{display:none;}

#column1{font-size:0.75em; FONT-FAMILY: Verdana; color:#005596; line-height:20px;}
#column1{font-size:0.75em; FONT-FAMILY: Verdana; color:#005596; line-height:20px;}


H1{font-size:0.75em; FONT-FAMILY: Verdana; color:#005596; line-height:20px; font-weight:bold;}


p.lightBlue{color:#005596;}
p.paragraphHeader{font-weight:bold; }
.paragraphHeader{font-weight:bold; }
.paragraphHeaderLarge{font-size:1em; font-weight:bold; color:#1C8BCC;}
h3.paragraphHeader{font-size:0.8em; color:#005596; font-weight:bold; }

.largeTitle{font-weight:bold; font-size:1.3em;}
.paragraphTitle{font-weight:bold; font-size:1.2em;}
.paragraphHeader{font-weight:bold; font-size:1em;}
.redText{ color:#A52B22;}
.smallText{font-size:0.9em;}
.tinyText{font-size:0.7em;}

.normalText{font-size:1em;}

.titleLink{font-weight:bold; font-size:1.2em;COLOR: #BC1512;}

.normalText a{font-size:2em;}

.whiteText{FONT-SIZE: 0.75em; COLOR: #ffffff; FONT-FAMILY: Verdana;}
A.footerLink:link{FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: Verdana; }
A.footerLink:visited{FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: Verdana; }
A.footerLink:hover{FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: Verdana; text-decoration:underline; }

A.footerLink2:link{FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: Verdana; }
A.footerLink2:visited{FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: Verdana; }
A.footerLink2:hover{FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: Verdana; text-decoration:none; }

A:link{FONT-SIZE: 1em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
A:visited{FONT-SIZE: 1em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: none; }
A:hover{FONT-SIZE: 1em; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}

td{font-size:1.2em; FONT-FAMILY: Verdana;}

A.option:link{FONT-SIZE: 0.8em; COLOR: #7D7D7D; FONT-FAMILY: Verdana; }
A.option:visited{FONT-SIZE: 0.8em; COLOR: #7D7D7D; FONT-FAMILY: Verdana; }
A.option:hover{FONT-SIZE: 0.8em; COLOR: #000000; FONT-FAMILY: Verdana; }

#mainNav ul li a h3{FONT-SIZE: 1em;}

A.mainNav:link{FONT-SIZE: 0.8em; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font-weight:bold;}
A.mainNav:visited{FONT-SIZE: 0.8em; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font-weight:bold;}
A.mainNav:hover{FONT-SIZE: 0.8em; COLOR: #7ECDF7; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font-weight:bold;}

A.home:link{FONT-SIZE: 0.8em; COLOR: #005596; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font-weight:bold;}
A.home:visited{FONT-SIZE: 0.8em; COLOR: #005596; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font-weight:bold;}
A.home:hover{FONT-SIZE: 0.8em; COLOR: #7ECDF7; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font-weight:bold;}

#titleNews h1{FONT-SIZE: 0.8em; color:#22629F; font-weight:bold; margin:0px; padding-top:6px; margin-left:25px;} 
#titleQuick h1{FONT-SIZE: 0.8em; color:#22629F; font-weight:bold; margin:0px; padding-top:6px; margin-left:25px;} 

#column2 h2{FONT-SIZE: 0.75em; color:#ffffff; font-weight:bold; margin:0px;}
#column3 h2{FONT-SIZE: 0.75em; color:#005C9C; font-weight:bold; margin:0px; margin-left:10px; margin-bottom:10px;}

A.newsLink:link{FONT-SIZE: 0.75em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: underline;}
A.newsLink:visited{FONT-SIZE: 0.75em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: underline; }
A.newsLink:hover{FONT-SIZE: 0.75em; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: underline;}

A.newsLink_none:link{FONT-SIZE: 0.75em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
A.newsLink_none:visited{FONT-SIZE: 0.75em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: none; }
A.newsLink_none:hover{FONT-SIZE: 0.75em; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}

/* this allows setting a style in the web editor for a link - 
sometimes the link contains the span othertimes the other way around, so both are covered 
in this instance where the links are being styled as content*/	
span.newsLink_none a:link{FONT-SIZE: 0.75em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
span.newsLink_none a:visited{FONT-SIZE: 0.75em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
span.newsLink_none a:hover{FONT-SIZE: 0.75em; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}

a:link span.newsLink_none{FONT-SIZE: 0.75em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
a:visited span.newsLink_none{FONT-SIZE: 0.75em; COLOR: #005C9C; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}
a:hover span.newsLink_none{FONT-SIZE: 0.75em; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none;}

td.tableCell_darkBlueBkg{background: #005596;}
td.tableCell_blueBkg{background: #b2d5ec;}
td.tableCell_lightBlueBkg{background: #e2eef7;}

/*

#scrollerBox{float:left; margin-left:45px; margin-top:-19px;}

*/
