/* body, text styles and centering */
body {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
padding:0px;
margin:0px;
text-align:center;
}

/* aligns content to the left */
#wrapper {
width:760px;
margin:0px auto;
text-align:left;
background-color:#FFFFFF;
}

/* header includes top logo and small flash animation */
#headwrapper {
float:left;
width:760px;
height:82px;
margin: 0;
padding: 0;
}

.header {
float:left;
}

/* top small flash animation */
.flash {
float:right;
width:355;
padding:0;
margin:0;
}

/* paragraph spacing */
p {
margin:10px 0px;
}

/* green text header */
.texthdr {
font-family: verdana, arial, helvetica;
font-size: 13px;
color: #336600;
font-weight: bold;
}

/* green text */
.greenText {
color: #336600;
}


.flashNav {
height:250px;
float:left;
display:inline;
margin:12px 49px 0px 0px;
}




/* Start of nav styles */

#navWrapper {
clear:both;
}

/* container for nav items */
ul#navigation {
font-family: verdana, arial, helvetica, sans-serif;
position : relative;
background-color : #93C150;
padding : 0px;
margin : 0px;
padding-left : 0px;
display : block;
height : 52px;
text-align : center;
}

/* individual nav items */
li.fill {
    width:248px;
    height: 21px;
    border-bottom: 1px solid white;
}

li.fillen {
    width: 222px;
    height: 21px;
    border-bottom: 1px solid white;
}

ul#navigation a {
    font-weight : 500;
    letter-spacing : 0px;
}

ul#navigation li a {
    font-weight : 500;
    letter-spacing : 0px;
}

ul#navigation li {
    display : block;
    float : left;
}

ul#navigation li a {
    display: block;
    color: #ffffff;
    padding-right : 15px;
    padding-left : 15px;
    padding-top : 5px;
    padding-bottom : 4px;
    text-decoration : none;
    border-right : 1px solid white;
    border-bottom : 1px solid white;
}

ul#navigation li a:hover {
    background : #669933;
}

ul#navigation li.selected { /* top level selected state */
    background-color : #669933;
    margin-left:0;
}

ul#navigation li.selected a {
    border-bottom : 1px solid #669933;
    padding-right : 15px;
    padding-left : 15px;
    padding-top : 5px;
    padding-bottom : 6px;
    margin-top : 0px;
    margin-bottom : 0px;
}

ul#navigation li.selected ul { /* bottom level selected state */
    background-color : #669933;
    color: red;
    position : absolute;
    left : 0px;
    top : 22px;
    height : 30px;
    padding : 0px;
    margin : 0px;
    width : 760px;
}

ul#navigation li.selected li a {
    display : block;
    padding-right : 10px;
    padding-left : 10px;
    padding-top : 8px;
    padding-bottom : 10px;
    text-decoration : none;
    border : none;
}

ul#navigation li li.selected a {
    color: #336600;
}

ul#navigation li.selected li a:hover {
    background-color : #fff;
    color: #336600;
}

ul#navigation li.selected li.selected {
    background-color : #fff;
    color: #336600;
    padding : 0px;
    margin : 0px;
    height : 30px;
}

/* slide component */

div.glide0 {
    width:312px;
    height:208px;
    top:0px;
    left:20px;
    position:absolute;
    visibility:hidden;
    z-index:200;
    background-color:white;
    border:1px solid white;
}

div.glide1 {
    width:312px;
    height:208px;
    top:0;
    left:0;
    position:absolute;
    visibility:hidden;
    z-index:200;
    background-color:white;
    border:1px solid white;
}

div.glide2 {
    width:312px;
    height:208px;
    top:0;
    left:0;
    position:absolute;
    visibility:hidden;
    z-index:200;
    background-color:white;
    border:1px solid white;

}

div.glide3 {
    width:312px;
    height:208px;
    top:0;
    left:0;
    position:absolute;
    visibility:hidden;
    z-index:200;
    background-color:white;
    border:1px solid white;

}

div.glide4 {
    width:312px;
    height:208px;
    top:0;
    left:0;
    position:absolute;
    visibility:hidden;
    z-index:200;
    background-color:white;
    border:1px solid white;
}


#contentSlide {
position:relative;
width: 685px;
height: 280px;
background : url(../img/content_bg_slide.gif) top left no-repeat;
background-repeat: no-repeat;
padding-left:75px;
}

#contentSlide #glideContainer {
position:relative;
margin: 0 0 0 0;
}

/* hides layers for Mozilla IE on Mac */
#contentSlide #mask {
position:absolute;
top:20px;
left: 400px;
background-color:#FFFFFF;
width: 312px;
height: 258px;
z-index: 500;
}


#contentSlide #flashSlide {
position:absolute;
top:10px;
left: 454px;
background-color:#FFFFFF;
width: 258px;
height: 258px;
z-index: 1000;
}

#contentSlide #breadCrumbs {
position:absolute;
top: 245px;
left: 65px;
}

#breadCrumbs .prints {
font-size: 10px;
background-image: url(../img/printButton.gif);
background-repeat: no-repeat;
background-position:left center;
padding:0 25px 0 15px;
margin:0 0 0 20px;
}

#breadCrumbs .pageNumber {
font-size: 10px;
color:#999999;
padding:0 5px 0 0;
}

#contentSlide h2 {
clear:both;
float:none;
}

#contentSlide p {
margin-top:0px;
clear:both;
float:none;
}

#contentSlide .next {
float: right;
}

#contentSlide .previous {
float: left;
}

#content1 {
width: 760px;
height: 280px;
background-image:url(../img/home_bgtemp.gif);
background-repeat: no-repeat;
background-color:#FF0000;
}


/* used on second level text pages */
#contentX {
width : 760px;
height : 280px;
background : url(../img/bg1.gif) top left no-repeat;
}

#content4 {
width : 760px;
height : 280px;
background : url(../img/content_bg_longOLD.gif) top left no-repeat;
}

#copy {
float:left;
display:inline;
width:475px;
height:211px;
margin:20px 0 0 85px;
}

/* scroller for second level text pages */
#ScrollAbout {
clear:both;
width:475px;
height:211px;
padding:0 4px 0 0;
margin:0;
overflow:auto;
}

#ScrollAbout ul {
margin-top:10px;
}

#ScrollAbout ul ul {
margin-top:0px;
}

#ScrollAbout p {
clear:both
}


/* greey footer layout and text colour */
#footer {
clear:both;
background-color : #919496;
height : 28px;
}

#footer div {
text-align : right;
padding-right : 10px;
padding-top : 5px;
}

#footer a {
font-size : 9px;
text-decoration : underline;
color : #333333;
margin-left : 4px;
margin-right : 4px;
}

/* popup */

#popup {
clear:both;
float:left;
text-align:left;
width:725px;
margin:10px 0 0 0;
padding:0 5px 0 10px;
}

#popup #content {
float:left;
width:725px;
font-size: 11px;
padding:0;
margin:0 0 0 0;
}

#popup #leftPanel {
display:inline;
width:200px;
float:left;
margin:0 5px 0 0;
}

#popup #rightPanel {
width:500px;
float:right;
margin:7px 0 0 0;
padding:0 0 0 0;
border:1px solid #000000;
}

#popup .printPage {
float:right;
font-size: 10px;
background-image: url(../img/printButton.gif);
background-repeat: no-repeat;
background-position:left center;
padding:0 0 0 15px;
margin-top:0px;
}

#popup .closePage {
float: right;
font-size: 10px;
margin:5px 0px;
}

#printTop {
width:725px;
margin: 0;
padding: 0;
}

#printBottom {
width:725px;
clear:both;
margin: 0;
padding: 0;
}


/* text header styles */
h1 {
color: #336600;
font-size: 12px;
margin: 10px 0 10px 0;
}

h2 {
float: left;
color: #336600;
font-size: 11px;
margin: 0px 0 10px 0;
}

#content4 h1 {
margin: 0 0 4px 0;
padding:0px;
clear:both;
float:none;
}

#content4 h2 {
margin: 0 0 4px 0;
padding:0px;
clear:both;
float:none;
}

#content4 p {
margin: 0px;
padding:0px;
clear:both;
float:none;
}

/* print button */
.printPage {
float:right;
font-size: 10px;
background-image: url(../img/printButton.gif);
background-repeat: no-repeat;
background-position:left center;
padding:0 25px 0 15px;
margin-top:0px;
}

img {border:0px;}

a:link {text-decoration: underline; color: #336600; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: normal;}
a:active {text-decoration: underline; color: #336600; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: normal;}
a:visited {text-decoration: underline; color: #336600; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: normal;}
a:hover {text-decoration: underline; color: #336600; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: normal;}


/* only used in contact.html */
.topRow     {float:left; padding:0px; margin:0px;}
.bottomRow  {float:left; padding:0px; margin:0px;}
.columnleft     {float:left; width:150px; padding:0 0 0 85px; text-align:left; margin-top:20px;}
.columnmiddle   {float:left; width:240px; padding:0 0 0 30px; margin-top:20px;}
.columnright    {float:left; width:200px; padding:0 10px 0 17px; margin-top:20px;}