/* 
(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}

/* REVIVE EDIT BEGIN */
/*#indexwrapper {width:767px;margin:auto}*/
#indexwrapper {width:1000px;margin:auto}
/* REVIVE EDIT END */
#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:13px;font-family:Verdana}

/* REVIVE EDIT BEGIN */
/* 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:180px;height:20px;line-height:20px;display:block;background: #027DDD;}
#mainnav li ul a:hover {color:darkblue} 
#mainnav li ul li {width:180px;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:180px}
#mainnav li ul ul li a {width:94px;width:190px;}
#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;}
/* REVIVE EDIT END */
#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:400px;border:1px solid #fafafa;color:#000;text-align:center}
/*#home-col1 {background:url(images/homenewsback.jpg) repeat-y top center;}*/
#home-col1 {background:#fafafa; 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}*/
/* REVIVE EDIT BEGIN */
#homefooter {width:950px;height:30px;line-height:30px;color:#FFF;float:left;background:url(images/homefootc.jpg);margin-top:8px}
/* REVIVE EDIT END */
#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}
.left {float:left;}
.right {float:right;}
div.bucket { float:left; color:#333; background:#cacaca; width:285px; margin:0 0 3px 3px; text-align: left; padding:5px; min-height:85px;background:url(images/header/bucket-bg.jpg) top;}
.bucketlinks  a{color:#030303;}
.bucketlinks  a:hover{color:#0468B6;}
div.bucket  h2 {color:#666; margin:0; padding:5px; font-family:"Trebuchet MS","Segoe UI",Trebuchet,"Bitstream Vera Sans","DejaVu Sans",sans-serif; border-bottom:1px dotted #666;}
div.bucket h2 a{color:#666;}
div.bucket h2 a:hover{color:#666; text-decoration: none;}
div.link{margin:5px 0 0 0; padding:3px; border-top:1px dotted #9f9f9f;}
div.link a{color:#0063B1;  }
div.link a:hover{color:#cc0000;  }
.sponsors{background:#fff;}
.sponsors ul{ margin:5px 0; padding:0;}
.sponsors ul li{display:inline; list-style: none; margin: 0 0 0 5px; }
.adtag{font-size:10px; color:#666; text-align:left; padding:5px 5px 0 5px;}
.col1 {width:400px;border:1px solid #fafafa;color:#000;text-align:center}
.col2{width:598px; background:#fafafa;}