* {
 font-family: Trebuchet MS, arial, helvetica, sans-serif;
 color: #245060;
 line-height: 1.25em;
}

body {
 background-color: white;
 margin: 0px;
 padding: 0px;
 font-size: 75%;
}

input {
 font-size: 100%;
}

input.padded {
 padding: 3px 3px 0px 3px;
}

h1 {
 font-size: 120%;
 color: #2B7EA4;
 font-weight: bold;
 margin-top: 10px;
 padding-top: 0px;
 margin-bottom: 18px;
 padding-bottom: 0px;
}

h2 {
 font-size: 110%;
 color: #71802F;
 margin-top: 0px;
 padding-top: 0px;
 margin-bottom: 5px;
 padding-bottom: 0px;
}

h2.contactUs { 
 font-size: 120%;
 color: #4C707E;
 height: 30px;
 font-weight: bold;
 background-image: url(images/hr.gif);
 background-position: bottom;
 background-repeat: repeat-x;
}

h2.rightColHeader {
 margin: 15px 0px 6px 0px;
 padding: 0px;
}

h3.contactUs {
 font-size: 120%;
 color: #718430;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 line-height: 1em;
}

h3 {
 font-size: 110%;
 color: #507080;
 font-weight: bold;
}

h4.contactUs {
 font-size: 110%;
 color: #396170;
 font-weight: bold;
}

h4 {
 font-size: 100%;
 font-weight: bold;
}

a {
 color: #2B7EA4;
}

a.noul {
 text-decoration: none;
}

a.noul:hover {
 text-decoration: underline;
}

address {
 margin: 0px;
 padding: 0px;
 font-style: normal;
}

.spacer {
 clear: both;
 height: 20px;
 background-color: white;
}

.twoColRightSpacer {
 clear: both;
 height: 47px;
 background-color: white;
}

.clearer {
 clear: both;
 font-size: 1px;
 height: 1px;
 width: 1px;
}

.hidden { display: none; }

.hiddenLeft {
 position: absolute;
 left: -5000px;
}

.center { text-align: center; }
.marginRight { margin-right: 10px; }
.marginLeft { margin-left: 10px; }
.paddingBottom { padding-bottom: 10px; }
.floatLeft { float: left; }
.bold { font-weight: bold; }
.floatLeft { float: left; }

#container {
 background-color: white;
 width: 100%;
}

#header {
 width: 100%;
 height: 112px;
 padding-top: 4px;
 background-image: url(images/header_coloured_bar.gif);
}

#headerContent {
 width: 100%;
 background-color: #69818D;
 height: 112px;
}

#headerContainer {
 width: 773px;
}

#headerLeft {
 float: left;
 width: 199px;
 height: 112px;
}

#linksTitleContactUsSitemap {
 width: 560px;
 padding-left: 13px;
}

#contactUsSitemapLinks {
 float: left;
 width: 83px;
 height: 51px;
}

#linksAndTitle {
 float: left;
 width: 440px;
 height: 55px;
 margin-right: 37px;
}

#headerNavLinks {
 width: 440px;
 height: 20px;
}

#headerBottomBorder {
 width: 100%;
 height: 9px;
 background-image: url(images/header_bottom_border.gif);
 font-size: 1px;
 margin-bottom: 10px;
}

.columnTitle {
 background-color: #69818D;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 110%;
 text-align: center;
 padding: 0.3em;
}

.sectionTitle {
 background-color: #89AE16;
 color: white;
 font-weight: bold;
 font-size: 110%;
 padding-left: 15px;
}

/* navigation styles */
#nav, #homepageNav {
 float: left;
 width: 182px;
 margin-right: 30px;
}

#nav ul, #homepageNav ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 text-align: right;
}

#nav ul li {
 margin-top: 3px;
}

#nav a, #homepageNav a {
 text-decoration: none;
}

#nav a:hover, #homepageNav a:hover {
 text-decoration: underline;
}

#nav ul li a, #homepageNav ul li a {
 font-size: 95%;
 font-weight: bold;
 color: #14709A;
}

#nav ul li a img, #homepageNav ul li a img {
 vertical-align: top;
}

#nav ul ul li a, #nav ul ul ul ul li a, #homepageNav ul ul li a, #homepageNav ul ul ul ul li a {
 color: #396170;
 font-weight: normal;
}

#nav ul ul ul li a, #homepageNav ul ul ul li a {
 color: #245060;
 font-weight: bold;
}

/* search form styles */
#searchForm {
 width: 228px;
 padding-top: 12px;
 height: 32px;
 margin-left: 317px;
}

#searchForm form {
 padding: 0px;
 margin: 0px;
}

#searchKeywords {
 float: left;
 width: 173px;
}

#searchSubmit {
 float: left;
 width: 55px;
}

/* client specific styles */
#headerContentBG {
 float: left;
 width: 574px;
 height: 112px;
 background-image: url(images/header_content_bg.gif);
}

#breadcrumbTrail {
 width: 558px;
 height: 21px;
 margin: 0px 0px 0px 212px;
 background-image: url(images/hr.gif);
 background-position: bottom;
 background-repeat: repeat-x;
}

#breadcrumbTrail a {
 color: #245060;
}

#navAndContent {
 width: 770px;
}

#page, #homepagePage {
 float: left;
 width: 558px;
}

#homepagePage {
 background-image: url(images/homepage_content_bg.gif);
 margin-top: 3px;
}

li, li strong {
 color: #6B7C1C;
}

#sitemap u li a {
 color: #6B7C1C;
}

ul {
 list-style-type: square;
}

#homepageLeftCol {
 float: left;
 width: 281px;
 padding-right: 39px;
}

#homepageRightCol {
 float: right;
 width: 238px;
}

#homepageRightCol ul, .twoColRight ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

.twoColRight ul li {
 margin: 0px;
 padding: 0px;
}

#homepageRightCol ul li {
 margin: 0px;
 padding: 0px 0px 1px 0px;
}

#homepageRightCol ul li {
 background-image: url(images/hr.gif);
 background-position: bottom;
 background-repeat: repeat-x;
 color: #245060;
}

#homepageLeftCol p, #homepageRightCol p, .twoColLeft p, .twoColRight p, #page p {
 margin-top: 0px;
 padding-top: 0px;
 margin-bottom: 10px;
}

#page p { width: 99%; }

.twoColRight ul li {
 color: #3D5C5E;
 margin-bottom: 7px;
}

#homepageRightCol ul li a {
 font-weight: bold;
 color: #245060;
}

.twoColRight ul li a {
 color: #396568;
}

.twoColBG {
 float: left;
 width:558px;
 background-image: url(images/two_col_bg.gif);
}

.twoColLeft {
 float: left;
 width: 350px;
 padding-bottom: 5px;
 margin-right: 45px;
}

.twoColRight {
 float: left;
 width: 160px;
}

#backToTopLink, #contactUsBackToTopLink {
 background-color: white;
 font-size: 95%;
}

#contactUsBackToTopLink {
 margin-left: 212px;
}

#contactUsMapImage {
 margin-bottom: 20px;
}

#backToTopLink img {
 vertical-align: bottom;
}

#footer, #contactUsFooter {
 width: 558px;
 padding: 10px 0px 10px 0px;
 background-image: url(images/hr.gif);
 background-position: top;
 background-repeat: repeat-x;
 background-color: white;
}

#contactUsFooter {
 margin-left: 212px;
}

.blueBorder {
 border: 1px solid #698090;
} 

.staffPhoto {
 float: left;
 margin: 0px 13px 5px 0px;
}

/* admin specific styles */
#adminHeaderContentBG {
 float: left;
 width: 574px;
 height: 112px;
}

.inactive {
 color: #999999;
}

.boldRed {
 font-weight: bold;
 color: red;
}

.green {
 color: green;
}

.activeTab, .activeTab:hover, .activeTab:visited {
 font-family: Arial, Helvetica, sans-serif;
 color : #143E75;
 font-weight : bold;
 background-color : silver;
 white-space : nowrap;
 padding-left : 3px;
 padding-right : 5px;
 padding-top : 2px;
 padding-bottom : 2px;
}

.inActiveTab, .inActiveTab:visited, .inActiveTab:hover {
 font-family: Arial, Helvetica, sans-serif;
 background-color : Gray;
 color : White;
 white-space : nowrap;
 padding-left : 3px;
 padding-right : 5px;
 padding-top : 2px;
 padding-bottom : 2px;
}

/* Paging */
div.pagingContainer {
 font-size: 100%;
 font-weight: normal;
 width: 533px;
 padding-left: 25px;
}

.paging a {
 float: left;
}

.pagingButton {
 text-decoration: none;
 display: block;
 margin: 0px 2px 0px 0px;
 text-align: center;
 width: 19px;
 height: 19px;
 background-color: #68818D;
 color: #FFFFFF;
 border: 1px solid #245060;
 float: left;
}
.pagingButton:hover { text-decoration: underline; }

/* Grants */
.formFieldAndLabel {
 width: 558px;
 margin-bottom: 5px;
}

.formSubmitButton {
 padding: 0px 10px 0px 10px;
 background-color: #68818D;
 color: white;
 font-weight: bold;
 border: 1px solid #245060;
}

#grantsDBSearchForm label {
 float: left;
 width: 170px;
}

#grantsDBSearchForm .field {
 float: left;
 width: 380px;
}

#grantSearchResults { width: 558px; }

#grantSearchResults th {
 background-color: #68818D;
 border: 1px solid #245060;
 padding: 0px 5px;
 margin: 0px;
}

#grantSearchResults th td {
 font-weight: bold;
 color: #FFFFFF;
}

#grantSearchResults td {
 padding-right: 5px;
}

#grantSearchResults th * { vertical-align: middle; }

#grantSearchResults td.itemBottomBorder {
 background-image: url(images/hr.gif);
 background-position: bottom;
 background-repeat: repeat-x;
}

#grantSearchResults .closed { color: red; }
#grantSearchResults .name { font-weight: bold; }
#grantSearchResults .date { width: 100px; text-align: center; }
#grantSearchResults .amount { text-align: right; }
#grantSearchResults .description, #grantSearchResults .weblink { color: #6B7C1C; }