/* 
(C) SurfSki.co.za 2007	
Devloper: Richard Willis 	
Filename: mainstyles.css	
*/


body {background:#fff;color:#003F87;margin:18px 0 20px 0;text-align:center;font-family: Helvetica, Verdana, Tahoma, Serif;font-size:9pt;line-height:15px}
td, div, form, p, font {font-family: Helvetica, Verdana, Tahoma, Serif;font-size:9pt}
small {font-size:8pt}
a, a:visited {text-decoration:none;color:#08058F;font-weight:bold}
a:hover {text-decoration:underline}
a img {border:0}
select {font-family: Helvetica, Verdana, Tahoma, Serif;font-size:9pt;color:#333}
form {margin:0}
blockquote {margin-bottom:0;margin-top:0}
p {margin:0;padding:2px 0 8px 0}
ul, ol {margin-bottom:0;padding-bottom:8px}
fieldset {-moz-border-radius:5px 5px 5px 5px;border:1px solid #0480E4;_padding:10px 8px}
legend {color:#0063B1;_margin-bottom:6px}
input, textarea {font-family: Helvetica, Verdana, Tahoma, Serif;font-size:9pt;border:1px solid #888;color:#333}
input {background:url(images/formback360w.gif);padding:1px}
textarea {background:url(images/textback.gif);padding:3px}

#indexwrapper {width:767px;margin:auto}
#wrapper {width:724px;margin:auto}
	
/* NAVIGATION */
#navigation {height:27px;float:left;background:#027DDD url(images/navback2.jpg);text-align:center}
#navigation ul {margin:0;padding:0;height:27px;}
#navigation ul li {list-style:none;display:inline;height:27px;line-height:27px;padding:0;margin:0;color:lightsteelblue;font-size:8pt;font-family:Verdana}


/* DROP DOWN NAVIGATION */
#mainnav, #mainnav ul {padding:0;margin:0;list-style: none;line-height:1;text-align:left}
#mainnav a {display: block;height : 27px;color:#fff;text-decoration:none;text-align:center}
#mainnav a:hover {color:#08058F;}
#mainnav li {float: left;width: 84px;height:20px}
#mainnav li ul {position: absolute;width:80px;left: -999em;margin:0;padding:0;text-align:center;height:20px;z-index:99}
#mainnav li ul a {width:92px;height:20px;line-height:20px;display:block;background: #027DDD;}
#mainnav li ul a:hover {color:darkblue} 
#mainnav li ul li {width:92px;height:20px;filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;khtml-opacity: 0.9;border:1px solid #0468B6;border-width:0 1px 1px 1px;}
#mainnav li ul ul li {width:94px}
#mainnav li ul ul li a {width:94px}
#mainnav li ul ul {margin: -20px 0 0 92px;	_margin: -20px 0 0 46px;}
#mainnav li:hover ul ul, #mainnav li.sfhover ul ul {left: -999em;}
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul {left: auto;}
#mainnav li:hover {background-position: 0 0;}
#mainnav ul li:hover {background-position: 0 0;}
#mainnav ul ul li:hover {background-position: 0 0;}

#subnav, #subnav ul {padding:0;margin:0;list-style: none;line-height:1;text-align:left}
#subnav a {display: block;height : 27px;color:#fff;text-decoration:none;text-align:center}
#subnav a:hover {color:#08058F;}
#subnav li {float: left;width: 84px;height:20px}
#subnav li ul {position: absolute;width:80px;left: -999em;margin:0;padding:0;text-align:center;height:20px;z-index:99;margin-left:30px;}
#subnav li ul a {width:160px;height:20px;line-height:20px;display:block;background: #027DDD;}
#subnav li ul a:hover {color:darkblue} 
#subnav li ul li {width:160px;height:20px;border:1px solid #0468B6;border-width:0 1px 1px 1px;}
#subnav li ul ul li {width:160px}
#subnav li ul ul li a {width:94px;width:170px}
#subnav li ul ul {margin: -20px 0 0 92px;	_margin: -20px 0 0 46px;}
#subnav li:hover ul ul, #subnav li.sfhover ul ul {left: -999em;}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul {left: auto;}
#subnav li:hover {background-position: 0 0;}
#subnav ul li:hover {background-position: 0 0;}
#subnav ul ul li:hover {background-position: 0 0;}

/* HOME CONTENT COLUMNS */
#home-col1 {width:247px;border:1px solid #406B9E;color:#000;text-align:center}
#home-col1 {background:url(images/homenewsback.jpg) repeat-y top center;}

.col-padd {margin:6px 9px;text-align:left}
.col-padd {font-family:Times;text-align:left;font-size:12px}
.col-padd h1 {font-size:17px;margin:2px 0 0 0}
#newscontent h1 a, #newscontent h1 a:visited, #newscontent a, #newscontent a:visited {color:#000}
#newscontent h1 a:hover {text-decoration:underline}
.newsreadmore {text-align:right;float:left;display:inline;font-family:Times;line-height:13px;height:13px;margin-top:2px}
.newsreadmore a, #newsreadmore a:visited {color:#000}
.comments {float:right;display:inline;font-family:Times;line-height:13px;height:13px;margin-top:2px}
#homearchives {text-align:right;margin:6px 10px 0 0}

#homeresultshead {background:#000 url(images/homeresults.jpg) no-repeat top left;height:22px;width:240px;margin:auto;text-align:right}
#homeresultshead a, #homeresultshead a:visited {color:#FFF;font-size:10px;padding-right:4px}

.homeresults {margin:4px 4px 0 4px;text-align:left;color:#000}
.homeresults a, .homeresults a:visited {color:#000}

#homerecentpost {margin:4px 4px 4px 4px;text-align:left;color:#000}
#homerecentpost a, #homerecentpost a:visited {color:#000}

#homepoll {margin:4px;text-align:left;color:#000}
#homepolltitle {width:497px;height:21px;margin:0 auto;background:url(images/homepoll.jpg) no-repeat;margin-top:4px;color:#FFF;line-height:21px}
#homepolltitle a, #homepolltile a:visited {color:#FFF;font-weight:normal;font-size:11px}

#homethule {text-align:left;padding-left:4px;padding-right:4px;color:#000}
#homethule a, #homethule a:visited {color:#000}

.redlink, .redlink a, .redlink a:visited {color:red;font-size:11px;font-weight:normal}
.eventblacklink {float:right;padding-right:4px;padding-top:4px}
.eventblacklink a, .eventblacklink a:visited {color:#000;font-size:11px;font-weight:normal}


#homefootl {width:24px;height:30px;float:left;background:url(images/homebotl.jpg);margin-top:8px}
#homefooter {width:718px;height:30px;line-height:30px;color:#FFF;float:left;background:url(images/homefootc.jpg);margin-top:8px}
#homefooter a, #homefooter a:visited {color:#FFF}
#homebotr {width:25px;height:30px;float:left;background:url(images/homebotr.jpg);margin-top:8px}

#homeventshead {height:21px;width:240px;background:url(images/homeevent.jpg) no-repeat top left;margin:6px auto 2px auto;text-align:right}
#homeventshead a, #homeventshead a:visited {color:#FFF;font-size:10px;padding-right:4px}


/* OTHER LAYERS */

.clear {clear:both}