body, html {
margin: 0 0 10px 0;
padding: 0;
background-color: #FFFFFF;
background-image:url(../assets/images/bg_hagsc.jpg);
background-repeat:repeat-x;
color: #000000;
}
div, td, p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
p {
margin: 4px 20px 8px 20px;
line-height:1.3;
}
h1 {
margin: 0px 40px 13px 20px;
font-weight:bold;
font-size: 11px;
}
h2 {
margin: 4px 12px 4px 20px;
padding: 0;
font-weight:bold;
letter-spacing:0.10em;
font-size: 11px;
color: #004F68;
}
h3 {
margin: 12px 12px 4px 20px;
padding: 0;
font-weight:bold;
font-size: 10px;
color: #004F68;
}
h4 {
margin: 4px 0px 4px 8px;
padding: 0;
font-weight:bold;
letter-spacing:0.10em;
font-size: 11px;
color: #004F68;
}
a:link, a:visited  {
color: #004F68;
text-decoration: none;
}
a:hover{
color: #000000;
text-decoration: none;
}
#divLogo {
width:175px;
top: 39px;
left: 437px;
position:absolute;
z-index:30;
}
#wrapper {
margin: 0 0 32px 0;
padding: 0;
width:775px;
background-color: #FFFFFF;
border-bottom: solid 1px #7FA7B3;
border-right: solid 1px #7FA7B3;
}
#header {
width:775px;
height:205px;
}
#logo {width:264px;}
#topNav {
margin: 0;
padding: 4px 8px 4px 0px;
width:511px;
height:35px;
text-align: right;
}
#topNav a {font-weight: bold;}
#topNav a:link, #topNav  a:visited {text-decoration: none;}
#topNav a:hover, #topNav a:active {text-decoration: underline;}
#search {
margin: 0px;
padding: 4px 8px 0px 0px;
width: 170px;
height:35px;
background-color: #E5EDF0;
}
#imageBlock {
background-color: #EBECEE;
}
#imageBlock2 {
background-color: #FFFFFF;
}
#menuTop {
width: 180px;
}
#claim {
margin: 0;
padding: 0;
width:775px;
height: 50px;
}
#container {
margin: 0;
padding: 0;
width:775px;
}
#leftBar {
width:174px;
background-color:#F2F6F7;
border-right: solid 1px #7FA7B3;
}
#nav {
width:174px;
margin:0px;
}
#navFoot {
width:174px;
margin:0;
}
#copTable {
width:174px;
padding: 2px;
margin:0px;
}
#content {
width:601px;
padding:0px;
}
#cat {
width:581px;
margin: 0 0 50px 0;
}
#mainContent {
width:601px;
margin: 0;
height: 375px;
min-height:375px;
}
#mainContent h1 {
margin: 4px 12px 4px 20px;
padding: 0;
font-weight:bold;
letter-spacing:0.10em;
font-size: 11px;
color: #004F68
}
#mainContent ul {
margin: 0px 0 12px 36px;
padding: 0px;
list-style-type:upper-latin;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#mainContent ol {
margin: 0px 0 12px 46px;
padding: 0px;
list-style-type:upper-latin;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#mainContent li {
margin: 0 20px 2px 0px;
}
#rightBar {
width:180px;
margin-bottom: 12px;
}
#rightBar p {
margin: 0px 0px 2px 2px;
padding-left: 8px;
line-height:1.0;
}
#projectHeader {
padding: 4px 0px 8px 0px;
background-color:#EBECED;
font-weight:bold;
}
#projectTable {
padding-bottom: 20px;
}
.projImg {margin: 8px 0px 4px 8px;}
#rightBlueBar {
border-left: solid 1px #7FA7B3;
}
#footer {
width:601px;
margin: 0;
}
#title {
background-color:#CCDCE1;
}
#title2 {
background-color:#CCDCE1;
height: 50px;
min-height: 50px;
vertical-align:text-top;
}
#title3 {
background-color:#CCDCE1;
height: 35px;
min-height: 35px;
vertical-align:text-top;
}
#footer  ul {
margin: 0px;
padding: 8px 12px 0px 8px; 
heigth:100%;
}
#footer li {
list-style-type: none;
padding: 4px 20px 0px 20px;
background-repeat: no-repeat;
background-position: 7px 1px;
}
.headlines {
padding-left: 4px;
padding-bottom: 12px;
}
.headlines li {
background-image:url(../assets/images/catHead.jpg);
padding-top: 4px;
padding-bottom: 4px;
}
.headlines a:link, .headlines a:visited {
color: #000000;
text-decoration: none;
font-weight:bold;
}
.headlines a:hover, .headlines a:active {
color: #004F68;
text-decoration: none;
}
.catCellGreen {
margin: 0px;
padding: 0 0 12px 0;
background-color: #E5EDF0;
vertical-align:text-top;
width:180px;
}
.catCellGreen p {
color:#B2BD01;
margin: 4px 8px;
}
.catCellGreen a:link,
.catCellGreen a:visited {
color: #000000;
text-decoration: none;
}
.catCellGreen a:hover,
.catCellGreen a:active {
color: #B2BC00;
text-decoration: none;
}
.catCellRed {
margin: 0px;
padding: 0 0 12px 0;
background-color: #E5EDF0;
vertical-align:text-top;
width:180px;
}
.catCellRed p {
color: #9E1B34;
margin: 4px 8px;
}
.catCellRed a:link,
.catCellRed a:visited {
color: #000000;
text-decoration: none;
}
.catCellRed a:hover,
.catCellRed a:active {
color: #9E1B34;
text-decoration: none;
}
.catCelDrkGreen {
margin: 0px;
padding: 0 0 12px 0;
background-color: #E5EDF0;
vertical-align:text-top;
width:180px;
}
.catCelDrkGreen p {
color: #007E64;
margin: 4px 8px;
}
.catCelDrkGreen a:link,
.catCelDrkGreen a:visited {
color: #000000;
text-decoration: none;
}
.catCelDrkGreen a:hover,
.catCelDrkGreen a:active {
color: #007E64;
text-decoration: none;
}
#mainNavigation {
width: 174px;
min-height: auto;
margin: 0;
padding: 0;
background-color:#FFFFFF;
}
#mainNavBG {
background-color:#004F68;
}
#mainNavigation ul {margin: 0px; padding: 0px;}
#mainNavigation li {
display: inline;
background-image: none;
padding: 0px;							
}
#mainNavigation li a {
display: block;
margin:0px;
padding: 4px 2px 4px 6px;
text-decoration: none;
font-weight: bold;
border-bottom: solid 1px #99B9C3;
color: #004F68;
}
#mainNavigation li a:hover {
background-color: #7FA7B3;
color: #FFFFFF;
}
#mainNavigation ul li a {padding: 4px 0px 4px 6px;}
#mainNavigation ul li a:hover {
color: #004F68;
background-color: #CCDCE1;
}
#openLink {
/*/*/display: block;
padding: 4px 2px 4px 6px;
background-color: #7FA7B3;
color: #FFFFFF;/* */
}
#openSubLink {
background-color: #CCDCE1;
padding: 4px 2px 4px 6px;
}
.imgCenter {
margin: 8px 0px;
}
#projectSpec {
width: 581px;
margin: 12px 0px;
background-color: #EBECED;
}
#projectSpec p {
margin: 2px 10px;
line-height:1.2;
}
#projectSpec2 {
width: 375px;
margin: 0px 12px;
background-color: #EBECED;
}
#projectSpec2 p {
margin: 2px 10px;
line-height:1.2;
font-weight:normal;
}
#organisation {
width: 577px;
margin: 8px 12px;
background-color: #EBECED;
}
#organisation p {
margin: 6px 10px 3px 10px;
line-height:1.0;
font-weight:normal;
}
#organisation td {
vertical-align:top;
}