/* CSS Document */
html {
height: 100%;
}
body {
background-color: gray;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.test {
border: 1px solid red;
color: #ffffff;}
/******************************************************************/
/* container */
div#containerHome {
/* background image needs to be the width of container and columns */
background: url(../images/homeBg.gif) top left repeat-y;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
margin: auto;
min-height: 100%;
padding: 0px 0px 0px 0px;
position: relative;
width: 800px;
}
* html div#containerHome {
height: 100%
}
/******************************************************************/
/* header */
/* The styles for header are common */
div#header div.spacer {
background-color: #000000;
clear: both;
height: 1px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
/******************************************************************/
/* inner container */
div#innerContainerHome {
/* padding-bottom should be the same as footer height */
margin: 0px 0px 0px 0px;
overflow: auto;
padding: 0px 0px 3em 0px;
}
*html div#innerContainerHome {
overflow: visible;
}
/******************************************************************/
/* left column */
div#leftColumnHome {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
width: 200px;
}
div#leftColumnHome a {
color: #ffffff;
display: block;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
}
div#leftColumnHome a:after {
content: " ";
display: block;
clear: both;
}
*html div#leftColumnHome a {
height: 1px;
}
div#leftColumnHome div.picLink {
font-size: .8em;
margin: 0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
}
div#leftColumnHome img {
border: 1px solid #ffffff;
float: left;
margin: 0px 4px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* left column request prospectus */
div#leftColumnHome div#requestProspectus {
margin: 0px 0px 0px 0px;
padding: 5px 5px 0px 5px;
}
div#leftColumnHome h1, div#leftColumnHome h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#leftColumnHome div#requestProspectus a h1 {
color: #d88c87;
font-size: 1.8em;
}
div#leftColumnHome div#requestProspectus a {
color: #ffffff;
font-size: .8em;
}
div#leftColumnHome div#requestProspectus h2 {
font-size: 1em;
}
/* left column line */
div#leftColumnHome div.line {
border-top: 1px solid #d88c87;
clear: left;
margin: 5px 4px 0px 4px;
padding: 0px 0px 0px 0px;
/*width: 175px;*/
}
div#leftColumnHome hr {
display: none;
}
/******************************************************************/
/* right container */
div#rightContainerHome {
/* margin-left should be the same as the left column */
margin: 0px 0px 0px 200px;
padding: 0px 0px 0px 0px;
position: relative;
}
div#rightContainerHome:after {
content: " ";
display: block;
clear: both;
}
*html div#rightContainerHome {
height: 1px;
}
/******************************************************************/
/* right column */
div#rightColumnHome {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 150px;
}
div#rightColumnHome {
}
div#rightColumnHome img.justPic {
margin: 0px;
padding: 0px;
width: 150px;
}
div#rightColumnHome div.loginLinks {
padding: .4em;
text-align: center;
}
div#rightColumnHome div.loginLinks p {
font-size:.7em;
margin: 0px;
padding: 0px;
}
div#rightColumnHome div.loginLinks h2 {
color: #b30134;
font-size: .8em;
font-weight: bold;
margin: 0px;
padding: 0px;
}
div#rightColumnHome div.loginLinks h2 a {
color: #b30134;
text-decoration: none;
}
/******************************************************************/
/* pagecontent */
div#pagecontentHome {
margin: 0px 150px 0px 0px;
padding: 0px 5px 0px 5px;
text-align: left;
}
*html div#pagecontentHome {
height: 1px;
}
div#pagecontentHome a {
color: #b30134;
text-decoration: none;
}
div#pagecontentHome h1 {
color: #b30134;
font-size: 1.1em;
margin: 0px 0px 0px 0px;
padding: .8em 0px 1em 0px;
}
div#pagecontentHome h2 {
font-size: .9em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#pagecontentHome h2.underline {
border-bottom: 1px solid #9d9d9d;
font-size: .9em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 1px 0px;
width: 400px
}
div#pagecontentHome p {
font-size: .8em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 1em 0px;
}
div#pagecontentHome div.content {
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
width: 400px;
}
div#pagecontentHome div.content img.topleft {
margin: 0px 0px 0px 0px;
padding: 0px 5px 4px 0px;
}
div#pagecontentHome div.content img.topright {
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 5px;
}
div#pagecontentHome div.flagLinks {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 400px;
}
div#pagecontentHome div.flagLinks img {
border: 1px solid #000000;
float: left;
margin: 0px 4px 4px 0px;
padding: 0px 0px 0px 0px;
}
div#pagecontentHome div.right {
text-align: right;
width: 400px;
}
div#pagecontentHome div.newsList {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 400px;
}
div#pagecontentHome div.newsListItem {
border-top: 1px solid #9d9d9d;
font-size: .8em;
margin: 0px 0px 0px 0px;
overflow: auto;
padding: 4px 0px 4px 0px;
}
div#pagecontentHome div.eventsListItem {
font-size: .8em;
margin: 0px 0px 0px 0px;
overflow: auto;
padding: 4px 0px 20px 0px;
}
* html div#pagecontentHome div.newsListItem, div#pagecontentHome div.eventsListItem {
height: 1px;
overflow: visible;
}
div#pagecontentHome div.newsListItem h3, div#pagecontentHome div.eventsListItem h3 {
font-size: 1em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#pagecontentHome div.eventsListItem h3.right {
text-align: right;
}
div#pagecontentHome div.newsListItem img {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
/******************************************************************/
/* footer */
/* The styles for footer are common */