html, body {margin: 0;
padding: 0;
background-color: #fff;}

body {color: #000;
font: 12px Verdana, Helvetica, Arial, sans-serif;
background-repeat: repeat-x ;
background-color: #fff;
background-image: url(../images/backgrnd01.jpg);}

h1{color: #000;
font-size: 32px;
font-family: Verdana, Helvetica, Arial, sans-serif;}

h2, h4{color: #348d37;}

h3 {color: #348d37}

h4 {
font-size: 16px;}

a, a link, a hover, a visited {
font-size: 12px; color: #348d37}

p {margin: 0 0 18px;
margin-bottom: 8px;
}

#wrapper {width: 996px;
margin: 0 auto;
position: relative;
}

#pagetop {background-color: #000;
font-family: sans-serif;
font-size: 14px;
color: #fff;
text-align: center;}

#container {
background-color: #fff;
/*position: relative;*/
}

/*#container h1 {
}

#container h2 {display: inline;
}*/

#content {margin: 0 18px;
background-color: #fff;}

#content p, #extra p {padding-right: 0px;}

#contentcentre {
background-color: #fff;
padding-bottom: 10px;}

#content p, #extra p {padding-right: 18px;}

#content {float: left;
width: 400px;
padding-bottom: 10px;}
.news {float: left;
width: 750px;
padding-bottom: 10px;
border-bottom: 3px #348d37 solid;
padding-left: 18px;}

.feature{
  z-index: 1000;
  position: absolute;
  right: 195px;
  top: 200px;
}

.feature img{
  border: 2px solid white;
}

.featuretext{
  z-index: 1001;
  position: absolute;
  right: 0px;
  top: 320px;
  color: white;
  font-size: 16px;

}

.featuretext p{
  padding: 0px 10px 0px 10px;
}

.featuretext a{
  color: white;
  font-size: 16px;
}

.downloads {float: left;
width: 750px;
padding-bottom: 0px;
border-top: 0px #348d37 solid;
border-bottom: 3px #348d37 solid;
padding-left: 18px;}

.downloads h2 {float: left;
width: 750px;
padding-bottom: 0px;
border-top: 1px #348d37 solid;
border-bottom: 0px #348d37 solid;
/*padding-left: 18px;*/}

.downloads h1 {float: left;
width: 750px;
padding-bottom: 0px;
border-top: 0px;
border-bottom: 0px;
/*padding-left: 18px;*/}

#splash img{float: left;
padding-top: 1px;
padding-bottom: 1px;
border-left: 1px #fff solid;
border-right: 1px #fff solid;}
.flag img{
float: left;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;}
.flag{
float: left;
padding-right: 5px;
padding-bottom: 5px;
}

img{border-style: none;
}



#extra {}

/* Header */

#header {background: #ffcc00 ;
height: 120px;
}

#header {background: #ffcc00 ;
height: 120px;
}


#header h1 {color: #646464;
margin: 0em 0em 0px 0em;
padding: 100px 0px 0px 0px;
}

#header h2 {color: #348d37;
margin: 10px 0em 0px 0em;
padding: 0px 0px 0px 0px;
font-size: 35px;
display: block;}


#header p {color: #666;
font-size: 11px;
font-weight: bold;
}

.logo {float: right;
margin-right: 33px;
margin-top: 10px;}

.ad h2 {float: right;
margin-right: 20px;
width: 200px;
height: 154px;
color: #8c8c8c;
font-size: 22px;
text-align: center;
line-height: 30px;
padding-top: 15px;}

.ad a {float: right;
padding-top: 5px;
width: 200px;
color: #8c8c8c;
font-size: 14px;
text-align: center;
line-height: 16px;}

/* Content Style */

/*Navigation	*/

#navbox {
/*background-color: #348d37;*/
/*visibility: visible;
position: relative;*/
margin-top: -11px;
float: left;
/*padding-left: 0px;
display: block;*/
/*border-left: 1px solid;
border-right: 1px solid;*/}

/*		#navigation		{ margin-left: 18px; }*/

#navigation ul {padding: 0px 0px 0px 0px;
list-style: none;
/*margin-top: 0px;*/}

#navigation li {display:inline;}

#navigation a:link, #navigation a:visited {padding: 7px 0px 5px 10px;
color: #fff;
background-color: #000;
text-decoration: none;
width: 154px;
float: left;
/*background-image: url(../images/button1.gif);*/
font-weight: bold;
border-right: 1px #fff solid;
border-left: 1px solid;}

#navigation a:hover {color: #ffcc00;
background-color: #000;
width: 154px;
font-weight: bold;
border-right: 1px solid;
border-left: 1px solid;}

/* Content Positioning & Size Left Bottom Column*/

/*CENTRED MENU*/

#menu{   float:left;
   width:100%;
   background:#ffcc00;
   border-bottom: 8px #ffcc00 solid;
   position:relative;
margin: 0px 0px 0px 0px;
}

#menu ul{   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#menu ul li{
   display: block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%; /*width: 150px;*/
}

#menu ul li a{float:left;
font-size: 12px; color:#fff;
background-color: #cc3300;
padding: 5px 0px 5px 0px;
margin: 0px 7px 0px 7px;
font-weight: bold;
text-align: center;
text-decoration: none;
background-image: url(../images/button_up.gif);
width: 150px; 
height: 15px;
}

#menu ul li a.active{
font-size: 12px; color: #ffcc00;

background-color: #000;
padding: 6px 0px 4px 2px;
margin: 0px 7px 0px 7px;
font-weight: bold;
text-align: center;
text-decoration: none;
background-image: url(../images/button_dn.gif);
width: 148px;
}

/*#menu ul li a:link{
font-size: 15px; color:#fff;
background-color: #cc3300;
padding: 5px 0px 5px 0px;
margin: 0px 5px 0px 5px;
font-weight: bold;
text-align: center;
text-decoration: none;
background-image: url(../images/button_up.gif);
width: 150px;

}*/

#menu ul li a:hover{
font-size: 12px; color: #fff;
background-color: #000;
padding: 6px 0px 4px 2px;
margin: 0px 7px 0px 7px;
font-weight: bold;
text-align: center;
width: 150px;
background-image: url(../images/button_dn.gif);
width: 148px; 
height: 15px;
}

/*END CENTRED MENU*/

#extra {margin: 0 18px;}

#extra small {font-size: 11px;
line-height: 18px;}

/* Content Positioning & Size Right Top Column*/


#hotright {float: right;
width: 160px;}
#hotright p {color: #fff;
background-color: #e14514;
padding: 5px;}

#hotright ul {
list-style: none;
margin: 0 0px 6px;
padding: 0px 10px 6px 0px;

}

#hotright li {height: 35px;
}

#hotright a, #hotright a:link, #hotright a:visited, #hotright a:hover {
color: #000;
background-color: #ffcc00;
display: block;
text-decoration: none;
border: 2px #000 solid;
padding: 5px;
/*background-image: url(../images/button1.gif);*/
margin-right: 5px;
font-weight: bold;}

#hotright a:hover {font-weight: bold}

/* Content Positioning & Size Right Bottom Column*/

#extraright {float: right;
width: 485px;
margin-right: 15px;}

#extra {float: left;
width: 400px;}

/* Footer */

#footer {background-color: #000;
clear: both;
border-top: 5px #fff solid}

#footer a {color: #eee;}

#footer p {color: #eee;
padding-left: 18px;
text-align: right;
padding-right: 10px;}

#footer ul {
list-style: none;
margin: 0 18px 6px;
padding: 10px 0 6px;}

#footer li {display: inline;
font-size: 11px;
font-weight: bold;
padding-right: 5px;}

.featureright img {padding:3px;
border: 2px #000 solid;
margin-left: 0px;
margin-top: 4px;
margin-right: 4px;
}

.featureright {padding:3px;
margin-left: 0px;
margin-top: 40px;
margin-right: 4px;
width: 385px;
float: left;}

.flashright {padding:3px;
/*border: 2px #000 solid;*/
}

.flashleft {float: left;padding:20px;
/*border: 2px #000 solid;*/
}

.captionright {
clear: both;
margin: 5px 0px 0px 0px;}

.captionright p {
font-size: 10px}

.captionright a {
font-size: 10px}

.picnews {
float: right;
width: 220px}

.picnews img {border: 2px #000 solid;
margin-left: 5px;
/*float: left ;*/
padding: 3px;
margin-bottom: 5px;
clear: right}

.picnews p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  clear: right;
}

/*Contact Page Stuff*/

.addleft p{float: left;
width: 100px}

.addright p{float: right;
width: 100px}

/*Image Gallery Stuff*/

.thumbholder {width:206px;
height:165px;
float:left;
border: 0px #28347d solid;
margin:0px 2px 2px 0px;
padding:7px 2px 2px 2px}

.thumbimage {height:150px;
width: 200px ;
border: 1px #28347d solid;
text-align:center;}

.thumbtext {text-align:center;}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox {cursor: default;
list-style: none;}

.hoverbox a {cursor: default;}

.hoverbox a .preview {display: none;}

.hoverbox a:hover .preview {display: block;
position: absolute;
top: -33px;
left: -70px;
z-index: 1;}

.hoverbox img {background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 150px;
height: 100px;}

.hoverbox li {background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 15px;
padding: 5px;
position: relative;}

.hoverbox .preview {border-color: #000;
width: 400px;
height: 300px;
padding:2px;
border:1px solid #cdcdcd;
background-color: #28347d;}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.links {cursor: default;
list-style: none;
text-align: center;}

/*.links a
{
	cursor: default;
}*/

.links p {text-align: center;
margin-left: 10px;
margin-bottom: 0px;}

.links a {}

.links h2 {font-size: 16px;
font-weight: bold;}

.links img {background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 10px;
vertical-align: top;
/*	width: 150px;
height: 100px;
*/}

.links li {width: 175px;
height: 260px;
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 15px;
padding: 5px;
position: relative;
text-align: center ;
list-style: none;
}

#contact {
margin: 0em 18px 15px 51px; width:700px
}

/*FORM FORMATTING*/

select {
color: #000;
}

input {
color: #000;
}
textarea {
color: #000;
}

label, textfield{
float: left;
text-align: left;
/*width: 120px;*/
}

input, textarea{
/*width: 180px;
margin-bottom: 5px;*/
}

textarea{
/*width: 250px;
height: 150px;*/
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

.error {color: red}

/*END OF FORM FORMATTING*/