/** styles for canbr website **/
/** colour values = dk green: #708E2F; lgt green: #98B23D; | dk tan: #AB7A13; lgt tan: #BB9E58 | dk grey: #5C6665; lgt grey: #7E8C8B; **/
/* styles for text */
body {
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
p {
color: #000000;
line-height: 1.6em;
}
h1 {
margin-bottom: 5px;
font-weight: 100;
font-size: 2.4em;
color: #5C6665;
font-family: Georgia, "Times New Roman", Times, serif;
}
h2, h3, h4, h5, h6 {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 100;
font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
font-size: 2em;
color: #5C6665;
}
h3 {
font-size: 1.7em;
color: #5C6665;
}
h4 {
font-size: 1.4em;
color: #5C6665;
}
h5 {
font-size: 1.2em;
color: #5C6665;
}
h6 {
font-size: 1em;
color: #000000;
}
ul, dl, dt, dd {
padding-left: 20px;
margin: 5px 20px 10px;
line-height: 1.6em;
}
ol {
padding-left: 10px;
margin: 5px 20px 10px 30px;
line-height: 1.6em;
}
/* styles for text links */
a {
color: #3B648C;
text-decoration: none;
}
a:active {
color: #B58218;
text-decoration: none;
}
a:visited {
color: #7F8F0F;
text-decoration: none;
}
a:hover, a:focus {
color: #444;
text-decoration: none;
}
/* styles for breadcrumbs + footer + search */
.bread {
margin-top: 0px;
margin-bottom: 0px;
padding: 5px 20px 5px 20px;
font-size: 0.85em;
color: #FFFFFF;
line-height: 1.2em;
background: #98B23D;
}
.bread a:link, .bread a:active {
color: #FFFFFF;
text-decoration: none;
}
.bread a:visited {
color: #DCEB78;
text-decoration: none;
}
.bread a:hover, .bread a:focus {
color: #333;
text-decoration: none;
}
.footer {
margin-top: 30px;
margin-bottom: 20px;
font-size: 0.85em;
color: #666;
line-height: 1.2em;
text-align: left;
}
#search {
text-align: right;
float: right;
}
/*styles for layout */
#logo {
float: right;
padding-right: 15px;
}
#content {
padding: 0px 20px 0px 20px;
margin: 0px 0px 0px 0px;
}
#menublock {
background: #708E2F;
width: 200px;
}
#wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
#image {
margin: 10px 10px 10px 30px;
padding: 5px 10px 5px 10px;
width: 320px;
float: right;
position: relative;
}
/* styles for menu leftbar */
#menu {
float: left;
height: 415px;
margin-top: 5px;
position: relative;
}
.menuhead, .menuhead-active {
padding: 1px 0px 6px 0px;
margin: 5px 0px 5px 8px;
text-align: right;
font-family: Georgia;
font-size: 1em;
color: #FFFFFF;
width: 175px;
}
.menuhead {
font-weight: normal;
border-bottom: #98B23D 1px solid;
line-height: 1.2em;
}
.menuhead-active {
font-weight: bold;
border-bottom: none;
line-height: 1.1em;
}
.menuhead-empty {
margin: 0px 0px 0px 8px;
border-top: #98B23D 1px solid;
width: 175px;
}
.menuhead a:link, .menuhead-active a:link, .menuhead a:active, .menuhead-active a:active {
color: #FFFFFF;
text-decoration: none;
border-bottom: none;
}
.menuhead a:visited, .menuhead-active a:visited {
color: #FFFFFF;
text-decoration: none;
border-bottom: none;
}
.menuhead a:hover, .menuhead-active a:hover, .menuhead a:focus, .menuhead-active a:focus {
color: #333;
text-decoration: none;
border-bottom: none;
font-weight: bold;
}
.menulinks-active {
padding: 0 0px 5px 0;
margin: 0px 0 3px 8px;
font-size: 0.85em;
color: #fff;
line-height: 1.3em;
text-align: right;
font-family: Georgia;
border-bottom: #98B23D 1px solid;
width: 175px;
}
.menulinks-active a:link, .menulinks-active a:active {
color: #FFFFFF;
text-decoration: none;
border-bottom: none;
}
.menulinks-active a:visited, .menulinks-index a:visited {
color: #DCEB78;
text-decoration: none;
border-bottom: none;
}
.menulinks-active a:hover, .menulinks-active a:focus, {
color: #333;
text-decoration: none;
border-bottom: none;
}
.menulinks {
display: none;
}
.submenu {
padding: 0 0px 5px 0;
margin: 0px 0 3px 8px;
font-size: 0.85em;
color: #fff;
line-height: 1.3em;
text-align: right;
font-family: Georgia;
border-bottom: #98B23D 1px solid;
width: 175px;
list-style: none;
}
.submenu a:link, .submenu a:active {
color: #FFFFFF;
text-decoration: none;
border-bottom: none;
}
.submenu a:visited {
color: #DCEB78;
text-decoration: none;
border-bottom: none;
}
.submenu a:hover, .submenu a:focus {
color: #333;
text-decoration: none;
border-bottom: none;
}
#menuright {
margin-top: 10px 32px 10px;
width: 185px;
height: 80px;
float: left;
position: relative;
}
#menupic {
MARGIN-TOP: 0px;
FONT-SIZE: 0.85em;
BACKGROUND: #708E2F;
FLOAT: left;
COLOR: #ffffff;
TEXT-ALIGN: center;
width: 200px;
}
.caption {
font-size: 0.85em;
color: #666;
text-align: center;
}
.menuicons {
margin-top: 35px;
margin-bottom: 15px;
text-align: right;
}
/* styles for sitemap menu at bottom of page */
#sitemap {
border-top: 1px solid #98B23D;
font-size: 0.9em;
}
.sitemapnav {
color: #98B23D;
font-weight: bold;
font-size: 0.9em;
padding: 7px 20px 2px 0px;
}
.subnav {
display: list-item;
list-style-type: none;
margin-left: -20px;
color: #444;
font-weight: normal;
font-size: 0.8em;
line-height: 1.2em;
}
.subnav a:link, .subnav a:active, .subnav a:visited {
color: #444;
text-decoration: none;
font-weight: normal;
}
.subnav a:visited, .subnav a:focus {
color: #7F8F0F;
text-decoration: none;
font-weight: normal;
}
.subnav a:hover {
color: #3b648c;
text-decoration: none;
font-weight: normal;
}
.navlist {
padding-bottom: 4px;
}
