html,body {
font-family: arial;
font-size: 12px;
height:100%; /* needed for container min-height */
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
a {
color:#9D282A;
text-decoration:none;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}
#GraphicHeader{
position: absolute;
z-index:2;
top:0px; /* stick to top */
left: 0px;
width:100%;
background-image:url(Images/HeaderBack.png);
background-repeat: repeat-x;
height:168px;
padding: 0;
}
#container {
position:relative;
z-index:1;
width: 990px;
background: #FFFFFF;
text-align: left;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
margin: auto;
background-image:url(Images/BodyBG.png);
background-repeat: repeat-y;
}
#spacer {
width: 990px;
height: 160px;
margin: 0;
}
#Row1{
width:960px;
margin:auto;
padding: 0;
}
#Logo{
width:290px;
height:138px;
float:left;
}
#HeaderImages{
margin:0;
float:right;
height:160px;
}
#PageFrameMenu{
clear:both;
width:990px;
height:43px;
margin:auto;
padding:0px;
background-image:url(Images/BodyBG.png);
background-repeat: repeat-y;
}
#PageFrame{
width:990px;
min-height:100%;
height:auto !important;
margin:auto;
padding:0px;
background-image:url(Images/BodyBG.png);
background-repeat: repeat-y;
}
#MenuRow{
position:relative;
height:43px;
background-image:url(Images/Row2Back.png);
background-repeat: repeat-x;
margin:auto;
margin-left: 15px;
width:960px;
}
#Row3{
margin:auto;
width:960px;
min-height:100%;
}
#MenuPanel {
float: left;
width: 230px;
background-image:url(Images/MenuBack.png);
background-repeat: repeat-y;
*height:100%; /*min height for IE6*/
height: 100%;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin:0;
margin-right:6px;
margin-left: 15px;
display:inline;
}
#PublicationsBlock{
border:1px solid silver;
background:white;
margin:auto;
margin-top:10px;
width:220px;
}
#PubsHeader{
background-image:url(Images/LatestPubsHeaderBack.gif);
background-repeat: repeat-x;
height:27px;
}
#PubsHeaderLabel{
color:white;
top:4px;
padding-left:4px;
font-weight:bold;
position:relative;
}
.PubsItem1{
padding:6px 2px 6px 2px;
margin: 0 4px 0 4px;
}
.PubsItem{
padding:6px 2px 6px 2px;
border-top:1px solid silver;
margin: 0 4px 0 4px;
}
#HzMenu{
width:450px;
float:left;
}
.HzMenuItem{
color:white;
font-weight:bold;
font-size:16px;
padding:10px;
top:12px;
position:relative;
}
A.WhiteLink{
text-decoration : none;
color: white;
}
A.WhiteLink:Hover{
text-decoration : underline;
color: white;
}
#SearchDiv{
float:right;
width:320px;
top:10px;
position:relative;
}
#SearchText{
color:white;
font-weight:bold;
font-size:16px;
}
#ButtonBlock{
width:230px;
padding:0;
margin:0;
}
.MenuButton{
background-image:url(Images/ButtonBack.png);
background-repeat: repeat-x;
width:226px;
height:34px;
padding-left:4px;
font-weight:bold;
margin-bottom:1px;
}
a.MenuButton {
background: transparent url('Images/ButtonBack.png') repeat-x scroll top right;
display: block;
width:226px;
height: 34px;
text-decoration: none;
padding-left:4px;
font-weight:bold;
margin-bottom:1px;
}
a.MenuButton span {
display: block;
line-height: 14px;
padding: 8px 0 8px 0;
color:#000;
}
a.MenuButton:hover {
background-position: bottom right;
outline: none; /* hide dotted outline in Firefox */
text-decoration:underline;
}
.MenuButtonImage{
float:right;
width:28px;
margin-top:2px;
margin-right:2px;
}
#Breadcrumbs{
color:gray;
padding: 10px 0px 10px 0px;
margin-left:236px;
margin-right:6px;
height:10px;
border-bottom:1px solid gray;
}
#Breadcrumbs a{
text-decoration : none;
color: gray;
font-weight:bold;
}
#Breadcrumbs a:Hover{
text-decoration : underline;
color: gray;
}
#MainContentPanel{
text-align:justify;
height:100%;
margin:10px 10px 0p 10px;
float:right;
width:670px;
padding-right:10px;
padding-top:10px;
}
#MainContentPanel img{
margin:4px;
}
#SideThumbs{
width:150px;
margin:auto;
float:right;
margin-left:10px;
}
#SideThumbs img{
padding:0;
margin-bottom:1px;
}
#mainContent {
margin-right:35px;
Margin-left: 15px;
}
#footerstrip {
width:960px;
position:absolute;
background-image:url(Images/FooterBack.png);
background-repeat: repeat-x;
height:42px;
}
#footer {
position:absolute;
width:960px;
bottom:0px; /* stick to bottom */
height:44px;
margin-top:20px;
}
#FooterText{
width:960px;
position:relative;
top:18px;
left:6px;
font-size:11px;
}
#FooterLinks{
width:400px;
float:left;
font-size:12px;
margin-top:20px;
margin-left:15px;
}
#FooterLinks a{
color:black;
}
#Copyright{
width:290px;
float:right;
font-size:12px;
margin-top:20px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.divAdditional{
border:1px solid silver;
width:100%;
padding:10px 4px 10px 4px;
text-align:left;
}
.spAdditional{
padding:0px 6px 0px 6px;
}
.divAdditionalItem{
padding:6px;
border-top:1px dashed silver;
}
.divAdditionalItem1{
padding:6px;
}
.inline{
vertical-align:middle;
padding-right:4px;
}
.divAddTitle{
background:url(Images/TabBack.png) repeat-x;
height:25px;
width:200px;
padding:0px;
margin:0px;
border-top:1px solid silver;
border-left:1px solid silver;
border-right:1px solid silver;
}
.divAnnTitle{
background:url(Images/BlueTabBack.png) repeat-x;
height:25px;
width:200px;
padding:0px;
margin:0px;
border-top:1px solid #9D282A;
border-left:1px solid #9D282A;
border-right:1px solid #9D282A;
}
.divAnnAdditional{
border:1px solid #9D282A;
width:100%;
padding:4px;
text-align:left;
}
.divTitleText{
padding-top:4px;
padding-left:4px;
}
.divDesc{
color:gray;
padding:6px 0 2px 0;
}
/*[if IE]>