/*
~-------------------------------------------~
Filename:	commonstyles-21.css
Developer:	Richard Willis
Copyright:	sportstar.co.za
Last Updated:	30 Jan 2008 @ 02:48:42
Filesize:	7.8KB
~-------------------------------------------~
Common page styles used by all pages
~-------------------------------------------~
*/

body {margin:0;background:#242424;color:#CDCDCD;text-align:center;font:normal 12px Arial, Helvetica, Sans}
td {font:normal 12px Arial, Helvetica, Sans;color:#CDCDCD}
a img {border:0}
a, a:link, a:active, a:visited {text-decoration:none;color:#E4E4E4;font-weight:bold}
a:hover {text-decoration:underline}
.thickbox {display:block}
.thickbox img {padding:3px;border:1px solid #444;display:block}
.thickbox:hover img {padding:3px;border:1px solid #666;display:block}
form {margin:0;padding:0}
input, textarea, select, option {font:normal 12px Tahoma, Verdana}
textarea {overflow:auto;scrollbar-base-color: #222;scrollbar-face-color:#666;scrollbar-3dlight-color:#666;scrollbar-highlight-color:#888;scrollbar-shadow-color:#222;scrollbar-darkshadow-color:#000}
h1 {} h2 {} h3 {} h4 {} h5 {} h6 {}
strong {color:#DDD}
.red strong {color:red}

#wrapper {width:780px;margin:0 auto;background:#0A0A0A;text-align:left}

/* header and banner */
#topbar {height:40px;background:url(../../images/headerback.jpg) repeat-x 0 center}
#topbarleft {float:left;width:6px;height:40px;background:url(../../images/header1.jpg) no-repeat 0 center}
#topbarright {float:right;width:6px;height:40px;background:url(../../images/header2.jpg) no-repeat 0 center}
#banner {height:151px;background:#000 url(../../images/kkcbanner.jpg) no-repeat left bottom}

/* site navigation containers */
#navigation {height:42px;background:#000}
#menu {width:770px;height:35px;margin:0 auto;border:2px solid #3D3D3D;background:#1F1F1F url(../../images/navset.gif) repeat-x;}

/* navigation layout */
.nav, .nav * {margin:0;padding:0;list-style:none;}
.nav {line-height:1.0;}
.nav ul {position:absolute;top:-999em;width:154px}
.nav ul li, .nav a {width: 100%;}
.nav li {float:left;position:relative;z-index:99;}
.nav a {display:block;}
.nav li:hover ul, ul.nav li.sfHover ul {left:-1px;top:35px;}
.nav li:hover li ul, .nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul, ul.nav li li.sfHover ul {left:144px;top:-1px;}
.superfish li:hover ul, 
.superfish li li:hover ul,
.superfish li li li:hover ul {top: -999em;}

/* navigation skin */
.nav {float:left;height:35px;font:bold 12px Tahoma, Verdana, Arial}
.nav li {width:154px;text-align:center}
.nav a, .nav a:visited {height:35px;line-height:36px;text-decoration:none;color:#BFBFBF}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {background:url(../../images/navset.gif) no-repeat 0 -35px;color:#FFF;text-decoration:none}
.nav li ul {margin-left:4px;width:148px;}
.nav li li {text-align:left;text-indent:12px;width:148px;background:#111 url(../../images/navset.gif) no-repeat -3px -100px;}
.nav li li.last {background:#111 url(../../images/navset.gif) no-repeat -3px -110px;}
.nav li li.first {background:#111 url(../../images/navset.gif) no-repeat -3px -70px;}
.nav li li a, .nav li li a:visited {height:26px;line-height:26px;text-decoration:none;color:#BFBFBF;}
.nav li li:hover, .nav li li.sfHover, 
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {background:url(../../images/navset.gif) no-repeat -3px -136px;color:#FFF;text-decoration:none;}
.nav li li.last:hover, .nav li li.last a:focus, .nav li li.last a:hover, .nav li li.last a:active {background:url(../../images/navset.gif) no-repeat -3px bottom}
.nav li li.first:hover, .nav li li.first a:focus, .nav li li.first a:hover, .nav li li.first a:active {background:url(../../images/navset.gif) no-repeat -3px -136px}

/* page body borders */
#pagebody {background:#0D0D0D url(../../images/bodyback-new.jpg) repeat-x 0 0;}
#bordleft {background:transparent url(../../images/bordleft.jpg) no-repeat 0 0}
#bordright {background:transparent url(../../images/bordright.jpg) no-repeat right 0}
  
/* footer */
#footer {background:#0C0C0C url(../../images/footerback.jpg) repeat-x 0 0}
#footleft {background:url(../../images/footleft.jpg) no-repeat 0 center}
#footright {height:46px;background:url(../../images/footright.jpg) no-repeat right center}
#footertext {padding:18px 10px 0 10px;color:#AAA;font-size:11px}
#footertext a, #footertext a:active, #footertext a:link, #footertext a:visited {color:#AAA;font-weight:bold}

/* forms and fields */
.button {padding:3px 0;font-weight:bold;width:80px;background:#0C0C0C url(../../images/input_bg.jpg) repeat-x;color:#CCC;border:1px solid #454545;cursor:pointer;margin:0}
.button:hover {border-color:#777;color:#FFF}
.input {background:#0C0C0C;color:#CCC;border:1px solid #555;padding:3px 3px 3px 3px}
.input:focus {border-color:#888;}
.text {background:#0C0C0C;color:#CCC;border:1px solid #555;padding:2px 0 2px 3px}
.text:focus {border-color:#888;}

/* page columns */
#contact-col1 {width:460px;float:left;background:url(../../images/sep.jpg) no-repeat top right;text-align:left}
#contact-col2 {width:319px;float:left;text-align:left}
#news-col1 {width:239px;float:left;}
#news-col2 {width:540px;float:left;text-align:left}
#about-col1 {width:218px;float:left;text-align:left}
#about-col2 {width:561px;float:left;background:url(../../images/sep.jpg) no-repeat top left;text-align:left}
#about-col1 ul, #corporate-col1 ul, #news-col1 ul {list-style-image: url(../../images/admin/arrow.gif);padding: 0 0 0 32px;margin: 12px 0 12px 0;}
#about-col1 li, #corporate-col1 li {font-size:13px;margin-bottom:2px}
#news-col1 li {margin-bottom:2px}
#corporate-col1 {width:238px;float:left;text-align:left}
#corporate-col2 {width:541px;float:left;background:url(../../images/sep.jpg) no-repeat top left;text-align:left}

/* column headers */
.colheader {width:228px;height:43px;background:url(../../images/colheadback.jpg);margin:20px 0 0 25px;text-align:left}
.colheader h1, .colheader h2, .colheader-sm h1, .colheader-sm h2 {margin:0;padding:0}
.colheader h1 {color:#EEE;background:url(../../images/bullet.gif) no-repeat 8px 11px;font:normal 18px Arial, Helvetica, Sans;padding:2px 0 0 22px;height:23px;position:relative}
.colheader h2  {color:#CCC;font:bold 11px Arial, Helvetica, Sans;padding:0 0 0 8px;}
.colheader h1 .shad-1 {color:#EEE;position: absolute;top: 4px;left: 22px; z-index: 1;}
.colheader h1 .shad-2 {color: #000;position: absolute;top: 6px;left: 24px; z-index: 0;} /* small column headers *//* header shadows */

.colheader-sm {height:25px;background:url(../../images/colheadback-sm.jpg);margin:18px 20px 0 20px;text-align:left;border:1px solid #180808;border-width:0 1px 1px 0;position:relative}
.colheader-sm h1 {color:#EEE;height:23px;background:url(../../images/bullet.gif) no-repeat 6px 9px;font:bold 15px Arial, Helvetica, Sans;position:relative;display:block;width:100%}
.colheader-sm h2 {color:#CCC;font:bold 11px Arial, Helvetica, Sans;position:absolute;right:4px;top:6px;z-index:3;display:block}
.colheader-sm h1 span.shad-1 {color:#EEE;position: absolute;top: 5px;left: 18px; z-index: 1;}
.colheader-sm h1 span.shad-2 {color:#000;position: absolute;top: 7px;left: 20px; z-index: 0;} /* small column headers *//* header shadows */


/* page pagination */
#pagination {border:1px solid #444;padding:6px 6px}
#pagination img {margin:0}
.pag {margin:0;padding:3px 0}
.pag img {margin:0;}

/* common classes */
.padd-content {margin:14px 21px 20px 21px;text-align:justify;}
.padd-links {margin:14px 18px 20px 18px;text-align:justify;}
.clear {clear:both;}
.center {text-align:center}
.red {color:#E9101A}
.error {color:#FF1515;background:url(../../images/error.gif) no-repeat 0 2px;padding:1px 0 0 15px}
.error img {float:left;margin-right:5px}
.success {font-size:13px;background:url(../../images/tick.png) no-repeat 2px 2px;padding:2px 4px 2px 21px;display:inline;border:1px solid #444}
.left {float:left}
.right {float:right}
.img-sep {clear:both;height:28px;background:url(../../images/sep-hor.gif) repeat-x 0 12px;display:block;margin:0 4px 0 2px}