/* Layout styles */
html, body {
height: 100%
}
body {
padding: 0;
margin: 0;
color: #3D092A;
text-align: center;
font: normal .84em/1.3em Arial, Verdana, Helvetica, sans-serif;
background: #F2F7EA url(../images/body_bground.gif) no-repeat 50% 0;
}
.imagecenter a img{border-color:#FFFFFF}
.imagecenter a:hover img{border-color:#3D092A}
.imageleft a img{border-color:#FFFFFF}
.imageleft a:hover img{border-color:#3D092A}
.imageright a img{border-color:#FFFFFF}
.imageright a:hover img{border-color:#3D092A}
/*********** site structure styles ***********/
#outer {
width: 796px; /* was 796 --*/
margin: 0 auto;
text-align: left;
padding: 0px;
background: url(../images/outer_bground_rpt.gif) repeat-y 0 0;
}
#header {
height: 140px;
background: url(../images/hdr_bground.gif) no-repeat 0 0;
}
#left {
float: left;
display: inline;
width: 181px;
margin: 0 0 0 1px;
padding: 0px;
}
#centrecontent {
float: left;
width: 612px; /* was 612 */
height: 500px;
margin: 0 0 0 1px;
background: url(../images/centrecontent_bground.gif) no-repeat 0 0;
padding: 0px;
}
html>body #centrecontent {
min-height: 500px;
height: auto;
}
#content {
float: left;
padding: 10px;
}
html>body #clearfooter {
clear: both;
height: 1px;
}
#footer {
border-top: 1px solid #C5DC9F;
margin: 0 auto;
width: 796px; /* was 796 */
height: 30px;
padding: 0px;
text-align: right;
}
/*********** Link Styles ***********/
a {
color: #3D092A;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
/*********** Header styles ***********/
#header h1 {
margin: 0;
}
#header h1 a {
background: url(../images/index_siteid.gif) no-repeat 0 0;
width: 230px;
height: 132px;
display: block;
float: left;
}
#header h1 a span {
display: none;
}
/*********** Navigation styles ***********/
/* main nav */
#Nav ul {
padding: 0;
margin: 0;
list-style-type: none;
width: 181px;
}
#Nav ul li {
display: inline;
padding: 0;
margin: 0;
}
#Nav ul li a {
display: block;
width: 171px;
padding: .7em 0 .9em 1em;
margin: 0;
font: bold .74em verdana, arial, helvetica, sans-serif;
text-decoration: none;
text-transform: lowercase;
border-bottom: 1px dotted #AFCF7B;
}
/* #Nav ul li a:hover, #Nav ul li a.active {
background: #F9FEF2;
}
*/
#Nav ul li a.active, #Nav ul li a.active:hover {
background: #F9FEF2 url(../images/nav_bground.gif) no-repeat 1em 1em;
padding-left: 2em;
width: 161px;
}
/* secondary nav */
#Nav ul ul {
background: #CADFA8;
}
#Nav ul ul li a {
width: 161px;
padding-left: 2em;
background: #CADFA8;
}
#Nav ul ul li a.active, #Nav ul ul li a.active:hover {
background: #F9FEF2 url(../images/nav_bground.gif) no-repeat 2em 1em;
padding-left: 3em;
width: 151px;
}
/* tertiary nav */
#Nav ul ul ul {
background: #CADFA8; /* B8D28D; */
}
#Nav ul ul ul li a {
width: 151px;
padding-left: 3em;
background: #B8D28D;
border-bottom: 1px dotted #99B866;
}
#Nav ul ul ul li a.active, #Nav ul ul ul li a.active:hover {
background: #F9FEF2 url(../images/nav_bground.gif) no-repeat 3em 1em;
padding-left: 4em;
width: 141px;
}
/* quaternary nav */
#Nav ul ul ul ul ul {
background: #CADFA8; /* AAC77A; */
}
#Nav ul ul ul ul li a {
width: 141px;
padding-left: 4em;
background: #AAC77A;
border-bottom: 1px dotted #9BBC65;
}
#Nav ul ul ul ul li a.active, #Nav ul ul ul ul li a.active:hover {
background: #F9FEF2 url(../images/nav_bground.gif) no-repeat 4em 1em;
padding-left: 5em;
width: 131px;
}
/*********** Main Content Styles ***********/
/* Margin : Top, Right, Bottom, Left
Heading are offeset by 1 in Ez Publish
i.e.
h1 in ezpublish is applied in h2 css definition below
h2 in ezpublish is applied in h3 css definition below
h3 in ezpublish is applied in h4 css definition below
h4 in ezpublish is applied in h5 css definition below
h5 in ezpublish is applied in h6 css definition below
and h6 also applies h6! */
#centrecontent h1 {
font: bold 1.4em Arial, Verdana, Helvetica, sans-serif;
margin: 1em 0 1em 0;
padding: 0;
}
#centrecontent h2 {
font: bold italic 1.3em Arial, Verdana, Helvetica, sans-serif;
color: #89AE4C; /* Green */
margin: 1em 0em 0.7em 0em;
padding: 0;
}
#centrecontent h3 {
font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
color: #3D092A; /* Maroon */
margin: 1.2em 0em 0.5em 0em;
padding: 0;
}
#centrecontent h4 {
font: bold italic 1em Arial, Verdana, Helvetica, sans-serif;
color: #3D092A; /* Maroon */
margin: 1em 0em 0.3em 0em;
padding: 0;
}
#centrecontent h5 {
font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;
color: #3D092A; /* Maroon */
margin: 0em 0em 0em 0em;
padding: 0;
}
#centrecontent h6 {
font: bold 0.8em Arial, Verdana, Helvetica, sans-serif;
color: #3D092A; /* Maroon */
margin: 0em 0em .5em 1em;
padding: 0;
}
#centrecontent p {
margin: 0 0 0.5em 0;
}
#centrecontent a {
font-weight: bold;
}
#centrecontent ul {
list-style: none;
padding: 0;
margin: 0 0 1em 1em;
}
#centrecontent ul li {
padding: 0 0 6px 12px;
background: url(../images/list_arrow.gif) no-repeat 0 5px;
}
#centrecontent ul p {
margin: 0 0 1em 0;
line-height: 1.5em;
}
#centrecontent table {
margin: 0em 0 0.5em 0;
border-collapse: collapse;
}
#centrecontent table td {
padding: 0em .5em 0 .5em;
}
/* Meet the team Table */
#centrecontent table.team {
border: 1px solid #AFCF7B;
margin: 0 0 10px 0;
}
#centrecontent table.team td {
border: 1px solid #99B965;
padding: 5px;
}
#centrecontent table.team th {
background: #3D092A;
padding: 5px;
}
#centrecontent table.team th h2 {
margin: 0;
color: #FFF;
font-size: 1em;
}
#centrecontent table.team td.title {
width: 40%;
}
#centrecontent table.team td.description {
width: 60%;
}
#centrecontent table.team td.description p {
margin: 0;
}
#centrecontent table.team td.description ul {
margin: 5px 0;
}
/* Button text tables */
/* background: #FFF2CC; */
/* border: 0px solid #FFE191; */
#centrecontent table.buttons {
padding: 2px;
margin: 0 0 10px 0;
}
#centrecontent table.buttons td {
padding: 0em .2em 0.5em .2em;
}
#centrecontent table.buttons td.button_image {
width: 20px;
}
#centrecontent table.buttons td.button_description h6 {
padding: 1px;
}
/*********** Footer Styles ***********/
#footer ul {
float: right;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#footer li {
display: inline;
margin: 0;
padding: 0;
}
#footer li a {
float: left;
padding: 0 0 0 10px;
font-size: .8em;
text-transform: lowercase;
text-decoration: none;
color: #AAC77A;
}
#footer li.last a {
border: none;
}
#footer li a:hover {
text-decoration: none;
}
#footer h1 {
font: bold 1.4em Arial, Verdana, Helvetica, sans-serif;
margin: 1em 0 1em 0;
padding: 0;
}
#footer h2 {
font: bold italic 1.3em Arial, Verdana, Helvetica, sans-serif;
color: #AAC77A; /* Green */
margin: 1em 0em 0.7em 0em;
padding: 0;
}
#footer h3 {
font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
color: #AAC77A;
margin: 1.2em 0em 0.5em 0em;
padding: 0;
}
#footer h4 {
font: bold italic 1em Arial, Verdana, Helvetica, sans-serif;
color: #AAC77A;
margin: 1em 0em 0.3em 0em;
padding: 0;
}
#footer h5 {
font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;
color: #AAC77A;
margin: 0em 0em 0em 0em;
padding: 0;
}
#footer h6 {
font: 0.8em Arial, Verdana, Helvetica, sans-serif;
color: #AAC77A;
margin: 0em 0em 1em 1em;
padding: 0;
}
/* Credits Footer Styles */
#footer ul#Credits {
display: none;
}
/* Rich text Image styles */
div.object-center, div.object-left, div.object-right {
margin: 0 0 0 0;
}
div.imageleft {
float: left;
margin-right: 10px;
}
div.imageleft img {
float: left;
}
div.imageright {
float: right;
margin-left: 10px;
}
div.imageright img {
float: right;
}
div.object-center {
width: 100%;
text-align: center;
}
/*********** Feedback form ***********/
#centrecontent div.class-feedback-form form h2 {
margin: 10px 0 0 0;
}
#centrecontent div.class-feedback-form form textarea {
width: 444px;
}