html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background: #CFD3D7;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #747C83;
}
h1, h2, h3 {
margin-top: 0px;
}
p, ol, ul {
margin-top: 0px;
}
p {
line-height: 130%;
}
strong {
}
a {
color: #65990C;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
img.border {
}
img.alignleft {
float: left;
margin-right: 25px;
padding-top: 7px;
}
img.alignright {
float: right;
}
img.aligncenter {
margin: 0px auto;
}
hr {
display: none;
}
/** WRAPPER */
#wrapper {
background: url(images/bg1_02.jpg) repeat;
}
#wrapper-bgtop {
background-image: url(images/headerbg3.png);
background-repeat: repeat-x;
background-position: left top;
}
#wrapper-bgbtm {
overflow: hidden;
background: url(images/bg1_03.jpg) repeat-x left bottom;
}
.container {
width: 1000px;
margin: 0px auto;
}
.clearfix {
clear: both;
}
/** HEADER */
#header-wrapper {
height: 155px;
background-image: url(images/headerbg.png);
background-repeat: no-repeat;
background-position: center top;
}
#header {
overflow: hidden;
height: 155px;
padding: 0px 0px 0px 0px;
}
/** MENU */
#menu {
float: left;
width: 100%;
height: 66px;
}
#menu ul {
float: left;
list-style: none;
line-height: normal;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 50px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#menu li {
display: inline-block;
float: left;
height: 40px;
margin-left: 60px;
margin-right: 0px;
width: 116px;
padding-top: 15px;
}
#menu a {
display: inline-block;
text-decoration: none;
text-shadow: 1px 1px 1px #2E5773;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#menu a:hover {
text-decoration: none;
}
#menu span {
display: inline-block;
height: 33px;
padding: 5px 20px 2px 20px;
}
#menu li.active {
background-image: url(images/li.png);
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
#menu li.active a {
}
#menu li.active span {
background: url(images/homepage04.jpg) no-repeat right top;
}
/** BACKGROUNDS */
#bg1 {
background: url(images/bg1_05.jpg) repeat-y center top;
}
#bg2 {
overflow: hidden;
background: url(images/bg1_06.jpg) no-repeat center bottom;
}
#bg3 {
background: #D9DDE0 url(images/bg1_07.jpg) repeat-x left top;
}
#bg4 {
background: url(images/bg1_10.jpg) repeat-y left top;
}
#bg5 {
background: url(images/bg1_09.jpg) no-repeat left top;
}
#bg6 {
overflow: hidden;
background: url(images/bg1_11.jpg) no-repeat left bottom;
}
#bg7 {
width: 960px;
margin: 0px auto;
background: url(images/bg3_05.jpg) repeat-y left top;
}
#bg8 {
background: url(images/bg3_04.jpg) no-repeat left top;
}
#bg9 {
overflow: hidden;
background: url(images/bg3_06.jpg) no-repeat left bottom;
}
/** PAGE */
#page {
overflow: hidden;
}
.subpage #page {
width: 966px;
padding: 0px 17px 17px 17px;
}
/** CONTENT */
#content {
float: left;
width: 641px;
background: url(images/bg4_02.jpg) repeat-y left top;
}
#content-bgtop {
background: url(images/bg4_01.jpg) no-repeat left top;
}
#content-bgbtm {
overflow: hidden;
background: url(images/bg4_03.jpg) no-repeat left bottom;
}
#content .content {
padding: 30px 25px;
background: url(images/subpage1_01.jpg) no-repeat left top;
}
/** SIDEBAR */
#sidebar {
float: right;
width: 316px;
}
.subpage #sidebar {
padding: 17px 0px 0px 0px;
}
/** FOOTER CONTENT */
#footer-content {
overflow: hidden;
padding: 40px 40px 20px 40px;
text-shadow: 1px 1px 1px #FCFDFD;
font-size: 13px;
}
#footer-content #column1 {
float: left;
width: 960px;
}
#footer-content #column2 {
float: right;
width: 270px;
}
#footer-content #column1 .title, #footer-content #column2 .title {
padding-bottom: 20px;
}
/** FOOTER */
#footer {
overflow: hidden;
height: 150px;
background: url(images/bg1_08.jpg) repeat-x left top;
}
#footer p {
margin: 0px;
padding: 45px 0px 0px 0px;
text-align: center;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #979EA4;
}
#footer .legal {
}
#footer .links {
}
/** BOX BACKGROUND STYLE */
.box1-style {
background: url(images/bg2_02.jpg) repeat-y left top;
}
.box1-style .bgtop {
background: url(images/bg2_01.jpg) no-repeat left top;
}
.box1-style .bgbtm {
overflow: hidden;
background: url(images/bg2_03.jpg) no-repeat left bottom;
}
.box1-style .content {
padding: 30px 45px 50px 45px;
background: url(images/subpage2_01.jpg) no-repeat left top;
}
/** BOX BACKGROUND STYLE 2 */
.box2-style {
background: url(images/bg4_05.jpg) repeat-y left top;
}
.box2-style .bgtop {
background: url(images/bg4_04.jpg) no-repeat left top;
}
.box2-style .bgbtm {
overflow: hidden;
background: url(images/bg4_06.jpg) no-repeat left bottom;
}
.box2-style .content {
padding: 20px 23px 0px 23px;
background: url(images/subpage1_03.jpg) no-repeat left top;
}
/** BOX BACKGROUND STYLE 2 */
.box3-style {
background: url(images/bg4_08.jpg) repeat-y left top;
}
.box3-style .bgtop {
background: url(images/bg4_07.jpg) no-repeat left top;
}
.box3-style .bgbtm {
overflow: hidden;
background: url(images/bg4_09.jpg) no-repeat left bottom;
}
.box3-style .content {
padding: 30px 28px 30px 28px;
background: url(images/subpage1_02.jpg) no-repeat left top;
}
/** BOX STYLE */
.box-style {
}
.box-style .title {
margin: 0px;
padding: 0px;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #ECEEEF;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 25px;
color: #203541;
}
/** IMAGE BORDER STYLE 1 */
.image-style1 {
position: relative;
width: 650px;
height: 239px;
}
.image-style1 span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-style1 img {
position: absolute;
top: 0;
left: 0;
}
.image-style1a span {
background: url(images/bg3_01.gif) no-repeat left top;
}
/** IMAGE BORDER STYLE 2 */
.image-style2 {
position: relative;
width: 270px;
height: 93px;
margin-bottom: 20px;
}
.image-style2 span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-style2 img {
position: absolute;
top: 4px;
left: 4px;
}
.image-style2a span {
background: url(images/pics04.gif) no-repeat left top;
}
/** IMAGE BORDER STYLE 3 */
.image-style3 {
position: relative;
float: left;
width: 190px;
height: 123px;
margin-top: 5px;
margin-right: 25px;
margin-bottom: 20px;
}
.image-style3 span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-style3 img {
position: absolute;
top: 4px;
left: 4px;
}
.image-style3a span {
background: url(images/pics05.gif) no-repeat left top;
}
/** LINK STYLE 1 */
.link-style1 {
display: inline-block;
margin: 15px 0px 0px 0px;
background: url(images/homepage06.jpg) repeat-x left top;
}
.link-style1 a {
display: inline-block;
height: 42px;
background: url(images/homepage05.jpg) no-repeat left top;
text-decoration: none;
}
.link-style1 span {
display: inline-block;
height: 37px;
margin: 0px;
padding: 10px 20px 0px 20px;
background: url(images/homepage07.jpg) no-repeat right top;
text-shadow: 1px 1px 1px #446908;
text-transform: lowercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
}
/** LINK STYLE 2 */
.link-style2 {
display: inline-block;
margin: 15px 0px 0px 0px;
background: url(images/homepage10.jpg) repeat-x left top;
}
.link-style2 a {
display: inline-block;
height: 42px;
background: url(images/homepage09.jpg) no-repeat left top;
text-decoration: none;
}
.link-style2 span {
display: inline-block;
height: 37px;
margin: 0px;
padding: 8px 20px 0px 20px;
background: url(images/homepage11.jpg) no-repeat right top;
text-shadow: 1px 1px 1px #446908;
text-transform: lowercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
}
/** LSIT STYLE 1 */
ul.style1 {
margin: 0px;
padding: 0px;
list-style: none;
text-shadow: 1px 1px 1px #FFFFFF;
}
ul.style1 li {
padding: 0px 0px 15px 0px;
}
/** BOX 1 */
#box1 {
}
#box1 .title {
height: 45px;
padding: 42px 0px 0px 40px;
}
/** BOX 2 */
#box2 {
}
#box2 .title {
height: 45px;
padding: 42px 0px 0px 23px;
}
/** BOX 3 */
#box3 {
overflow: hidden;
margin-bottom: 15px;
}
#box3 .title {
height: 45px;
padding: 25px 0px 0px 23px;
}
/** BOX 4 */
#box4 {
}
#box4 .title {
height: 45px;
padding: 25px 0px 0px 23px;
}
/** BANNER */
#banner {
overflow: hidden;
width: 960px;
height: 239px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
}
#banner .column1 {
float: left;
width: 650px;
height: 239px;
}
#banner .column2 {
float: right;
width: 260px;
height: 199px;
padding: 40px 25px 0px 25px;
background: url(images/bg3_03.jpg) no-repeat left top;
}
#banner .column2 h2 {
margin: 0px;
padding: 0px;
letter-spacing: -1px;
text-transform: none;
text-shadow: 1px 1px 1px #2C516D;
font-family: Arial, Helvetica, sans-serif;
font-size: 39px;
font-weight: normal;
color: #FFFFFF;
}
#banner .column2 .text1, #banner .column2 .text2 {
margin: 0px;
padding: 0px;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #284A66;
font-family: Arial, Helvetica, sans-serif;
font-size: 21px;
color: #C8E4F9;
line-height: normal;
}
#banner .column2 .text2 {
}
/** THREE COLUMNS */
#three-columns {
overflow: hidden;
width: 960px;
margin: 0px auto 25px auto;
}
#col1 {
float: left;
width: 310px;
margin-right: 15px;
}
#col1 .title, #col2 .title, #col3 .title {
display: block;
width: 270px;
height: 42px;
margin: 0px;
padding: 40px 20px 0px 20px;
}
#col1 .content {
padding: 0px 20px 0px 20px;
background: url(images/homepage08.jpg) no-repeat left top;
}
#col2 {
float: left;
width: 310px;
margin-right: 15px;
}
#col2 .content {
padding: 0px 20px 0px 20px;
background: url(images/homepage08.jpg) no-repeat left top;
}
#col3 {
float: left;
width: 310px;
}
#col3 .content {
padding: 0px 20px 0px 20px;
background: url(images/homepage08.jpg) no-repeat left top;
}
#1 {
}
#2 {
}
#3 {
}
.logo {
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
}
#footer-content #column1 p {
font-weight: bold;
color: #000;
}
.capbox {
background-color: #92D433;
border: #B3E272 0px solid;
border-width: 0px 12px 0px 0px;
display: inline-block;
*display: inline; zoom: 1; /* FOR IE7-8 */
padding: 8px 40px 8px 8px;
}
.capbox-inner {
font: bold 11px arial, sans-serif;
color: #000000;
background-color: #DBF3BA;
margin: 5px auto 0px auto;
padding: 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#CaptchaDiv {
font: bold 17px verdana, arial, sans-serif;
font-style: italic;
color: #000000;
background-color: #FFFFFF;
padding: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }