/* 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 */