/* CSS Document */

body {
 background: #10181D url(images/back.jpg) repeat-x top left;
 margin: 0; padding: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}
a {
 color: #62854B;
 text-decoration: none;
}
a:focus { outline:none }
a:hover {
 text-decoration: underline;
}

h2 {
 color: #642B20;
 font-size: 18px;
 margin: 0;
 padding: 0;
}

#top, #ad .inner, #main, #bottom {
 margin: 0 auto;
 width: 800px;
}

#top {
 height: 111px;
}
#top h1 {
 margin: 0; padding: 0;
 width: 528px;
 height:111px;
 background: url(images/header.jpg) no-repeat top left;
 float: left;
 font-size:16px;
 }
 
#top h1 a {
 display: block;
 height: 111px;
 width: 365px;
}
#top h1 a strong {
 display: none;
}
#nav {
 padding-top: 5px;
}
#nav ul {
 list-style: none;
 margin: 0;
 float: right;
}
#nav ul li {
 float: left;
 text-align: center;
}
#nav a:link, #nav a:visited {
 text-transform: uppercase;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 color: #73945B;
 height: 23px;
 padding-top: 77px;
 display: block;
}
#nav a:hover {
 color: #ffffff;
}
#nav .home a:link, #nav .home a:visited {
 width: 51px;
 background: url(images/home.gif) no-repeat;
}
#nav .home a:hover {
 background: url(images/home_over.gif) no-repeat;
}
#nav .contact a:link, #nav .contact a:visited {
 width: 91px;
 background: url(images/contact.gif) no-repeat;
}
#nav .contact a:hover {
 background: url(images/contact_over.gif) no-repeat;
}
#nav .members a:link, #nav .members a:visited {
 width: 75px;
 background: url(images/members.gif) no-repeat;
}
#nav .members a:hover {
 background: url(images/members_over.gif) no-repeat;
}

#ad {
 background: url(images/ad.jpg) repeat-x top;
 height: 415px;
 padding-top: 2px;
}
#ad .outer {
 background: url(images/business.jpg) no-repeat top center;
 height: 417px;
}
#ad .heading {
 width: 562px; height: 106px;
 background: url(images/heading.jpg) no-repeat top right;
  float: right;
}
#ad .heading p {
 margin: 0; padding: 20px 7px;
 color: #ffffff;
 font-size: 16px;
 line-height: 27px;
}
#ad .offer {
 float: right;
 width: 515px;
}
#ad .offer h1 {
 margin: 0;
 padding: 30px 0;
 font-size: 20px;
 font-style: italic;
 color: #000000;
}
#ad .offer ul {
 margin: 0; padding: 0;
 list-style: none;
}
#ad .offer li {
 margin-left: 20px; padding-left: 40px;
 height: 38px; line-height: 35px;
 background: url(images/tick.jpg) no-repeat top left;
 color: #CCE9B9;
 font-size: 18px;
}

#title {
 height: 83px;
 background: #6A9253 url(images/back_title.jpg) repeat-x top;
}
#title h1 {
 margin: 0 auto;
 width: 720px;
 padding: 0 0 0 80px;
 background: url(images/title.jpg) no-repeat;
 line-height: 83px;
 color: #678E4F;
 font-size: 24px;
 font-weight: normal;
}

#main {
 background: #ffffff url(images/main.gif) repeat-x top;
 min-height: 319px;
}
#main .inner {
 padding: 20px 25px 0 25px;
}
#main .slider-wrap {
 background: url(images/slider.gif) no-repeat top left;
 overflow: hidden;
 padding-top: 40px;
}
#main h1 {
 margin: 0; padding: 0;
 color: #642B20;
 text-align: center;
}

#bottom {
 background: #ffffff url(images/bottom.jpg) no-repeat bottom;
 height: 60px;
 padding-top: 85px;
 line-height: 20px;
}

#bottom span, #bottom a:link, #bottom a:visited {
 color: #ffffff;
}
#access {
 text-align: center;
}
#footer {
 height: 145px;
 background: url(images/footer.jpg) repeat-x bottom;
}
#footer a {
 color: #747474;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}

.stripNav {
 position: absolute;
 width: 100%;
}
.stripNav ul {
 list-style: none;
 margin: 0; padding: 0;
}

.stripNav li {
 width: 141px;
 height: 39px;
 background: url(images/slidetab.jpg) no-repeat top left;
 margin: 3px 0;
}

.stripNav li a {
 height: 39px; line-height: 37px;
 padding: 0 0 0 8px;
 background: url(images/slidetab.jpg) no-repeat top left;
 display: block;
 color: #5F854B;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
}

.stripNav li a:hover {
 background: url(images/slidetab_over.jpg) no-repeat top left;
}

.stripNav li a.current {
 background: url(images/slidetab_over.jpg) no-repeat top left;
 color: #333333;
}

.stripViewer {
 position: relative;
 overflow: hidden; 
 width: 590px;
 height: 460px;
 float: right;
 clear: both;
 line-height: 1.4em;
 color: #7C7C7C;
}

.stripViewer .panelContainer {
 position: relative;
 left: 0; top: 0;
 list-style-type: none;
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
 float:left;
 height: 100%;
 position: relative;
 width: 590px;
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
 padding: 10px 40px 10px 10px;
}

.slider-wrap {
 margin: 20px 0;
 position: relative;
 width: 100%;
}

.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripNavL, .stripNavR {
 position: absolute;
 top: 320px;
 text-indent: -9000em;
}
		
.stripNavL a, .stripNavR a {
 display: block;
 height: 40px;
 width: 40px;
}

.stripNavL {
 background: url(images/arrow-left.gif) no-repeat center;
 left: 80px;
}

.stripNavR {
 background: url(images/arrow-right.gif) no-repeat center;
 right: 0;
}