/* CarrollGroup.ca .CSS file based on the flexi skin  */

body   { margin: 0; padding: 0; position: absolute; z-index: 1; width: 100% }
H1 { color: #3a6134; font-size: 24px; font-weight: bold }
H3 { color: #3a6134; font-size: 18px; font-weight: bold }
H4 { color: #000; font-size: 1.1em }
H5 { color: #000; font-size: 1.1em; font-style: oblique }
#FlexiAll   { background-image: url("gfx/flexi/body-bkgnd1.jpg"); background-repeat: repeat-y; width: 100%; height: auto }
#FlexiTop { font-family: Helvetica; font-style: normal; background-color: transparent; background-image: url("gfx/flexi/slice2.jpg"); background-repeat: repeat-x; background-position: 0 0; text-align: right; position: absolute; z-index: 1; width: 100%; vertical-align: middle }
#FlexiTagLine { color: #3a6134; font-size: 24px; font-family: Arial; font-style: italic; font-weight: 700; line-height: 25px; text-align: right; padding-top: 35px; position: absolute; z-index: 5; top: 0; right: 300px; width: 200px; height: 145px }
#FlexiHeader { color: #999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 31px; text-align: center; position: absolute; z-index: 5; top: 145px; right: 5%; width: auto; height: 31px }
#FlexiHeader a:link { color: #999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 31px; text-decoration: none; text-align: center }
#FlexiHeader a:visited { color: #999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 31px; text-decoration: none; text-align: center }
#FlexiHeader a:hover { color: #030; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 31px; text-decoration: none; background-color: #999; text-align: center }
#TopLeft { background: url("gfx/flexi/slice1.jpg") no-repeat; position: absolute; z-index: 3; top: 0; left: 0; width: 230px; height: 145px }
#FlexiGreenBar { background-color: #1f4521; position: absolute; z-index: 1; top: 145px; left: 0; width: 100%; height: 31px }
#FlexiTitle        { color: #999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 31px; position: absolute; z-index: 4; top: 145px; right: 0; left: 280px; width: auto; height: 31px }
#FlexiTitle a:link { color: #999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 31px; text-decoration: none; text-align: center }
#FlexiTitle a:visited { color: #999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 31px; text-decoration: none; text-align: center }
#FlexiTitle a:hover { color: #030; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 31px; text-decoration: none; background-color: #999; text-align: center }
#FlexiLeft { color: black; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background-repeat: no-repeat; margin-top: 182px; margin-bottom: 0; padding: 20px 10px 20px 30px; position: relative; top: 0; width: 200px; height: auto; float: left; border-top: none; border-bottom: none; border-left: none }
#FlexiLeft a:link { color: #999; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
#FlexiLeft a:visited { color: #999; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
#FlexiLeft a:hover { color: #000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
.sidehead { color: #3a6134; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: bold }
.sidehead a:link { color: #3a6134; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: bold; text-decoration: none }
.sidehead a:visited { color: #3a6134; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: bold; text-decoration: none }
.sidehead a:hover { color: #3a6134; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; font-weight: bold; text-decoration: none }
#FlexiMain      { color: black; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; line-height: 130%; background-color: transparent; margin-top: 182px; margin-right: 30px; margin-left: 280px; padding-top: 20px; padding-bottom: 1em; padding-left: 0; position: relative; right: 0; width: auto; clear: none }
#FlexiRight    { margin-bottom: 20px; margin-left: 20px; padding: 10px; z-index: 7; top: 186px; left: 79%; width: 200px; height: auto; float: right; border: solid 1px #999 }
#FlexiFooter { color: #ccc; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 40px; text-align: center; margin-right: 1%; margin-left: 23%; padding-right: 2%; z-index: 4; width: auto; height: 40px }
#FlexiBottom    { color: #999; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0.5em 0.5em 0.5em 22%; bottom: 0; height: auto }
#FlexiBottom a:link { color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
#FlexiBottom a:visited { color: #999; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
#FlexiBottom a:hover { color: #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }