@charset "utf-8";
/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:small;
background-image:url(images/backtile.gif);
background-attachment:fixed;
line-height: 1.6em;
}

.notshown {
 height:0px; 
 width: 0px; 
 float:left; 
 overflow:hidden;
}
#centerall {
width: 100%;
position:absolute; top: 0px; left: 0px;
background-image:url(images/headgrad.png);
background-repeat:repeat-x;
height: 350px;
}

#bodyholder {
width: 950px;
margin: 0 auto;
}

#headhold {
width: 950px;
float:left;
}

.logo {
float: left;
padding: 32px 0px 0px 20px;
}

#head-ad {
padding: 25px 0px 0px 10px;
float:left;
}

#connect-box{
width: 150px;
height:49px;
background-image:url(images/connect_back.gif);
background-repeat: no-repeat;
float:right;
padding: 0px 0px 0px 15px;
margin-top: 61px;
margin-right: -15px
}

.connect_thumb {
padding-right: 3px;
}

#navhold {
width: 950px;
float:left;
background-color:#494949;
padding: 0px 0px 5px 0px;
}

#navhold ul {
padding-left: 15px;
}

#navhold ul li {
list-style:none;
float: left;
margin-right: 10px;
}

.searchform {
color:#333333;
font-weight: bold;
font-size: 0.9em;
font-family:Arial, Helvetica, sans-serif;
}

#nav-foldunder{
width: 950px;
float:left;
background-image:url(images/header-fold.png);
height: 11px;
overflow:hidden;
}

#body-content {
width: 930px;
float:left;
padding: 0px 10px 10px 10px;
}

.coltitle {
width: 100%;
background-color:#000000;
float: left;
text-align:center;
padding: 10px 0px 10px 0px;
}

.GRAD {
background-image:url(images/headerfold-grad.gif);
background-repeat: repeat-x;
background-position: top left;
}

.colicon {
margin-left: 5px;
float: left;
}

.colcontent {
width: 283px;
float:left;
padding: 10px;
background-image:url(images/pngtrans.png);
}

.twit ul {
padding: 0px 0px 0px 15px;
margin-top: 0px;
}

.twit ul li{
list-style:square;
}

.twit ul li a{
color: #00CCCC;
}



#leftcol {
width: 303px;
float:left;
}

.artical {
width: 283px;
float:left;
padding: 10px;
background-image:url(images/pngtrans.png);
margin-bottom: 10px;
}

.ART {
height: 300px;
margin-right: 5px;
overflow:hidden;
}

.articalthumbholder {
width: 283px;
height:150px;
float:left;
margin-bottom: 10px;
background-position: center top;
overflow:hidden;
background-repeat: no-repeat;
}

#rightcol {
width: 616px;
padding-left:10px;
float: left
}

.newscolcontent {
width: 135px;
height: 245px;
background-image:url(images/pngtrans.png);
float:left;
margin-right: 9px;
padding: 5px;
overflow: hidden;
}

.newscolcontentNEWS {
width: 135px;
background-image:url(images/pngtrans.png);
float:left;
margin-right: 9px;
padding: 5px;
}

.MARG10 {
margin-bottom: 10px;
}

.newscolthumb {
width: 135px;
height:90px;
background-repeat:no-repeat;
background-position: center top;
margin-bottom: 10px;
}

.banner {
width: 100%;
float:left;
text-align: center;
background-image:url(images/pngtrans.png);
}

.colcontent616 {
width: 606px;
background-image:url(images/pngtrans.png);
float:left;
padding: 0px 8px 10px 2px;
}

.colcontent616a {
width: 606px;
background-image:url(images/pngtrans.png);
float:left;
padding: 5px;
}

.colcontent616a a {
color: #FFCC00;
font-weight: bold
}

#rightcol-1 {
width: 303px;
float:left;
}

.eventthumb {
width: 140px;
height:140px;
float:left;
margin-right: 10px;
background-position: center top;
background-repeat: no-repeat;
}

.evtThumb {
float:left; 
width: 150px; 
margin-right: 20px; 
margin-bottom: 10px;
}

#rightcol-2 {
width: 303px;
float:left;
padding-left: 10px;
}


#footer {
width: 100%;
background-image:url(images/pngtrans.png);
float:left;
}

#footer ul {
padding-left :15px;
}

#footer ul li {
list-style: square;
}

#footer ul li a {
color: #FFCC00;
font-weight: bold;
list-style:none;
}

.spacer{
width: 100%;
height: 10px;
float:left;
}

.float-left {
float: left;
}


/* texty bitz */



h3 {
color: #FFCC00;
margin: 0;
}

h4 {
color: #FFCC00;
margin: 0;
font-size: 1.15em;
font-weight: normal;
}

h5 {
margin: 0;
font-size: 1em;
font-weight: bold;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}

.bold {
font-weight: bolder;
}

.big {
font-size: 1.2em;
}

.pagipad {
margin: 2px 5px 2px 5px;
}

.active {
background-color: #333333;
border: 4px solid #333333;
color: #FFCC00;
}

.navhomeL {
font-size: 1.3em;
}
.navhomeL:link {
text-decoration: none;
}
.navhomeL:visited {
text-decoration: none;
}
.navhomeL:hover {
text-decoration: none;
color: #FFCC00;
}
.navhomeL:active {
text-decoration: none;
color: #FFCC00;
}

.navhomeS {
font-size: 1em;
}
.navhomeS:link {
text-decoration: none;
}
.navhomeS:visited {
text-decoration: none;
}
.navhomeS:hover {
text-decoration: none;
color: #FFCC00;
}
.navhomeS:active {
text-decoration: none;
}

.smalltext {
font-size: 0.85em;
}

.smallfoot {
font-size: 0.8em;
}

/* text colours */

.whitetext {
color: #FFFFFF;
}

.orange {
color: #FFCC00;
}

.pink {
color:#EC0088;
}

.lime {
color:#33CC00;
}

/* JQUERY  CAROUSEL */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height:250px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
float:left;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 190px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:250px;
overflow:hidden;
}