﻿body {margin:0; font-size:75%; line-height:1.4em; /* 12px */ color:#000; background:url('Images/bgBody.jpg') #AAA left top repeat-x;}
div, span, p, img, table, td, h1, h2, h3, h4, h5, h6, ul, ol, a, form {margin:0; padding:0; font-family:Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}
input, textarea, select {font-size:1em; line-height:1.2em; color:#000; font-family:Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}

#page {position:relative; width:1000px; margin:0 auto; background:url('Images/bgPage.gif') #FFF left top repeat-y; border:solid #FFF 1px; border-top:none;}
#pageC {}
#header {height:119px; background:url('Images/bgHeader.gif') #FFF left top repeat-x;}
#headerC {}
#left {float:left; width:22%; overflow:hidden; border-top:solid #FFF 1px;}
#leftC {}
#main {position:relative; float:right; width:78%; overflow:hidden; border-top:solid #FFF 1px;}
#mainC {}
#footer {position:relative; clear:both; height:60px; background:#FFF; border-top:solid #738cc4 5px; /*background:url('Images/bgFooter.gif') #2D499D left top repeat-x;*/}
#footerC {padding:8px 10px 0 10px;}
div.pageContent {padding:15px;  }

a {color:#346ad4; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#F60; line-height:1.2em;}
h1 {font-size:1.7em; margin-bottom:0.8em;}
h2 {font-size:1.3em; margin-bottom:0.5em;}
h3 {font-size:1.2em; margin-bottom:0.3em;}
h4, h5, h6 {font-size:1em; margin-bottom:0.3em;}

div.h1 {margin-bottom:0.8em; color:#888; line-height:1.2em; font-size:1.7em; font-weight:bold;}

ul, ol {margin-left:2em;}

p {margin-bottom:1em;}
em {font-style:normal; font-weight:bold;}

img {border:none;}

address {margin:1.5em 0; padding-left:42px; font-style:normal; background:url(Images/address.gif) left top no-repeat;}

hr {height:0; color:#CCC;}

.clearer {clear:both; display:block; height:0; font-size:0; line-height:0; visibility:hidden;}
.center {text-align:center;}

.p {margin-bottom:1em;}
.b {font-weight:bold;}
.CalendarIcon {position:relative; top:3px; margin:0 3px;}
.more {float:right;}

.frame-right {float:right; width:300px; margin:0 0 20px 20px; padding:15px; background:url(Images/bgRightBox.gif) #F5F5F5 left top repeat-x; border:solid #DDD 3px;}

table.tbl td {padding:2px;}
table.tbl td img {border:solid red 1px;}
table.noborder
table.noborder td {border:none !important;}

input.txt {width:300px;}

img.hpTitle {border-bottom:solid #FFF 1px;}

div.footerSep {height:40px;}

div.html table {border-collapse:collapse;}
div.html table td,
div.html table th {padding:0.2em 0.4em; vertical-align:top; border:solid #CCC 1px;}
div.html table th {background:#EEE;}
div.html table,
div.html ol,
div.html ul {margin-bottom:1em;}

table.form td,
table.form th {padding:2px; vertical-align:top;}
table.form th {padding-top:4px; text-align:left; font-weight:bold;}

div.form table td,
div.form table th {padding:2px; text-align:left; vertical-align:top;}

div.menuHeader {position:absolute; left:780px; top:45px;}
div.menuHeader td.sep {width:20px;}

div.lngSelect {position:absolute; top:9px; left:40px; color:#FFF;}
div.lngSelect a {color:#FFF !important; font-weight:bold;}

img.logo {float:left; margin:50px 0 0 40px;}
table.logoBottom {float:right;}
table.logoBottom td {padding:0 10px; vertical-align:bottom;}

img.imgSummary {float:right; margin:0 0 20px 20px;}
div.summary {font-weight:bold;}
div.SearchResult {margin-top:10px;}

div.fileList {margin:15px;}
img.fileIcon,
div.file img {position:relative; top:0.3em;}

div.relatedDocs {margin:15px;}

div.imageGallery {margin:15px;}
div.imageGallery img {margin:0 0.5em 0.5em 0; border:solid #CCC 1px;}

div.mediaGallery {margin:15px;}

div.breadcrumb {position:relative; padding:14px 15px; background:#EEE;}

div.searchBox {height:45px; background:#FFF; overflow:auto;}
div.searchBox input.searchText {float:left; width:165px; margin:12px 0 0 15px; padding:2px; border:solid #999 1px;}
div.searchBox input.searchButton {float:left; margin:12px 0 0 3px;}

div.pnlLogOrRegistration {background:#FFF;}
div.pnlLogOrRegistration div {padding:10px 0 0 0; text-align:center;}
div.pnlLogOrRegistration * {color:#777; text-decoration:none;}

div.SearchDialog label {padding-right:0.5em; font-weight:bold;}
div.SearchDialog input {width:18em !important;}
div.SearchDialog select {width:18.5em !important;}
div.SearchDialog input.CMSSearchDialogSearchButton {width:7em !important; font-weight:bold;}
div.SearchResults {margin-top:1em; border-top:solid #DDD 1px;}

div.bannerTop {position:absolute; left:0; top:45px;}

div.menuTop h2 {margin:0; padding:8px; text-align:center;}
div.menuTop h2 a {color:#FFF; text-decoration:none;}
div.menuTop th a {position:relative; z-index:20; display:block; width:260px; height:180px; text-decoration:none; background:url('Images/MenuTop/menuItemTrans.gif') left top no-repeat;}
div.menuTop td {border-left:solid #FFF 1px;}
div.menuTop td.green {background:url(Images/MenuTop/menuItemGreen.gif) #468927 left top repeat-x;}
div.menuTop td.pink {background:url(Images/MenuTop/menuItemPink.gif) #f9017b left top repeat-x;}
div.menuTop td.yellow {background:url(Images/MenuTop/menuItemYellow.gif) #fa8a00 left top repeat-x;}
div.menuTop th.item1 a:hover {background-image:url(Images/MenuTop/menuItem1.jpg);}
div.menuTop th.item2 a:hover {background-image:url(Images/MenuTop/menuItem2.jpg);}
div.menuTop th.item3 a:hover {background-image:url(Images/MenuTop/menuItem3.jpg);}

table.pageTitle td img {margin:0 15px 15px 15px;}

table.subMenu {width:100%; margin-bottom:20px; border-collapse:collapse;}
table.subMenu th {padding:5px; background:#999; text-align:center; vertical-align:middle; border:solid #FFF 1px;}
table.subMenu th a {color:#FFF; font-weight:bold; text-decoration:none;}
table.subMenu td {padding:5px; vertical-align:top; font-size:0.9em; line-height:1.3em; border:solid #EEE 1px;}
table.subMenu td img.img {width:176px; margin-bottom:5px;}

div.boxes {position:relative; padding:10px 0 0 7px; background:url(Images/bgHP.gif) #FFF left top repeat-x;}
div.boxes td {padding:8px; vertical-align:top;}

div.box {width:239px; background:url(Images/BoxImg/bgTitle.gif) transparent left top no-repeat;}
div.box h2 {margin:0; padding:8px 15px; color:#FFF; font-size:1.1em;}
div.box h2 a {color:#FFF; text-decoration:none;}
div.box img.boxImg {float:left; border-left:solid #AAA 1px; border-right:solid #AAA 1px; border-top:solid #DDD 1px;}
div.box div.boxC {clear:both; padding:10px; background:#EEE; border:solid #AAA 1px;}

table.boxInfo td.info {width:260px; /*padding:10px 0;*/ vertical-align:top; border-left:solid #AAA 1px;}
table.boxInfo td.info div {margin:0 10px;}
table.boxInfo td.info ul {margin:0; list-style-type:none;}
table.boxInfo td.info ul li {padding-left:15px; background:url(Images/li2.gif) left 6px no-repeat;}
table.boxInfo td.info ul li a {color:#000; text-decoration:none;}
table.boxInfo td.info ul li a:hover {text-decoration:underline;}

div.newsHp {padding:10px 0; overflow:auto;}

div.menuLeft {clear:both; margin-bottom:10px; background:#2b52b0 !important; overflow:hidden;}
div.menuLeft ul {margin:0; list-style-type:none; overflow:hidden;}
div.menuLeft ul li {display:block; float:left; clear:both; width:100%;}
div.menuLeft ul li.CMSListMenuHighlightedLI a {color:#FF0; font-weight:bold;}
div.menuLeft ul ul li.CMSListMenuLI a {color:#FFF; font-weight:normal;}
div.menuLeft ul a {display:block; padding:3px 10px 3px 10px; color:#FFF; background:#0d3187; text-decoration:none; font-weight:bold; border-top:solid #204bb0 1px; border-bottom:solid #0b2460 1px;}
div.menuLeft ul ul {background:#2b52b0;}
div.menuLeft ul ul a {background:#2b52b0; border:none;}
div.menuLeft ul ul ul {background:#3e62b7;}
div.menuLeft ul ul ul a {background:#3e62b7;}
div.menuLeft ul ul ul ul {background:#4f70bf;}
div.menuLeft ul ul ul ul a {background:#4f70bf;}
div.menuLeft ul ul ul ul ul {background:#6180c8;}
div.menuLeft ul ul ul ul ul a {background:#6180c8;}
div.menuLeft ul ul ul ul ul ul {background:#7791cb;}
div.menuLeft ul ul ul ul ul ul a {background:#7791cb;}
div.menuLeft ul a:hover {color:#FF0 !important;}

div.calendar {margin:10px;}
div.calendar table.select {width:100%;}
div.calendar table.select tr.year td {background:url(Images/bgYear.gif) left bottom repeat-x; border:none;}
div.calendar table.select tr.month td {background:url(Images/bgMonth.gif) left bottom repeat-x; border:none;}
div.calendar table.select tr.year td a,
div.calendar table.select tr.month td a {color:#666;}
div.calendar table.select td {width:74%; height:22px; padding:0px 8px; background:#999; text-align:center; border:solid #999 1px;}
div.calendar table.select td.left {width:13%; text-align:left; border-left:solid #999 1px !important;}
div.calendar table.select td.right {width:13%; text-align:right; border-right:solid #999 1px !important;}
div.calendar table.select td a {color:#FFF; font-size:1.1em; font-weight:bold;}
div.calendar table {width:100%; border-collapse:collapse; border-top:solid #AAA 1px;}
div.calendar table th {color:#FFF; background:#666 !important;}
div.calendar table th,
div.calendar table td {height:25px; padding:0; background:#FFF; vertical-align:middle; border:solid #999 1px;}
div.calendar a {text-decoration:none;}
div.calendar table td.other {color:#999; background:#DDD;}
div.calendar table td.weekend {font-weight:bold;}
div.calendar table td.event {background:#acd5ff;}
div.calendar table td.appeal {background:#efd27a;}
div.calendar table td.eventAppeal {background:#3f92e8;}

.plnRegistration { background-color:#E5E5E5; padding:5px;}
.EventFilter {background-color:#E5E5E5; padding:5px;}	
.plnRegistrationMessages { background-color:#E5E5E5; padding:5px;}

div.grantGuide {background:#EEE;}
div.grantGuideC {padding:10px;}
div.grantGuideC a.archive {display:block; width:180px; padding:3px 10px; text-align:center; font-weight:bold; text-decoration:none; background:#0d3187; color:#FFF;}

div.opRequest {background:#EEE;}
div.opRequestC {padding:10px;}
div.opRequestC input.button {width:120px; padding:2px; font-weight:bold;}
div.opRequestC div.logos {padding:10px; background:#fff; border:solid #ddd 1px;}
div.opRequestC div.logos img {margin:0 18px;}

ul.rss {margin:0; padding:0; list-style-type:none;}
ul.rss li {padding:3px 25px; background:url('Images/rss.gif') left 3px no-repeat;}

div.articleDetail img {float:left; margin:0 10px 10px 0; border:solid #CCC 1px;}
div.articleImage {float:left; margin:0 20px 20px 0; border:solid #CCC 1px;}

div.projectDetail {overflow:auto; padding-bottom:1em;}
div.projectDescription {overflow:auto; padding-bottom:1em;}

div.listItem {margin-bottom:1em; padding-bottom:1em; overflow:auto; border-bottom:solid #DDD 1px;}
div.listItem img {float:left; margin-right:10px; border:solid #CCC 1px;}

div.textBox {margin-bottom:15px; background:#F5F5F5; border:solid #E5E5E5 2px;}
div.textBox div.textBoxC {margin:15px;}
div.textBox div.textBoxC img {float:left; margin-right:10px; border:solid #CCC 2px;}
div.textBox div.textBoxC img.arrow {margin-top:6px; border:none;}

.btnPopupClose{ margin-left:760px; margin-top:10px; cursor:pointer;}
