/* Default Stylesheet for Kincumber Indoor Sports */

/** BODY ELEMENTS **/

body {text-align: center; background: #656363 url('../images/bgSite.gif') top left repeat-x; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
a, a:old, a:visited {color: #df0000; text-decoration: underline;}
a:hover {color: blue; background: transparent;}
a:active {outline: none;}
h1 {font: normal 18px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d;}
h2 {font: bold 18px Georgia, "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d;}
h3 {font: bold 17px "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #1d1d1d;}
h4 {font: bold 14px "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #1d1d1d; padding: 0 0 2px 0; margin: 0;}
h5 {font: bold 11px Arial, Helvetica, sans-serif; color: #1d1d1d;}
h6 {font: normal 10px Arial, Helvetica, sans-serif; color: #1d1d1d;}
p {font: normal 12px Arial, Helvetica, sans-serif; color: #1d1d1d;}
img {border: 0;}
hr {margin: 0; padding: 0;height: 1px;}

/** PADDING/ALIGNMENT/BORDERS **/
.padBot10 {padding: 0 0 10px 0;}
.padTopBot10 {padding: 10px 0 10px 0;}
.padLeft20 {padding: 0 0 0 25px;}
.padLeftRight10 {padding: 0 10px;}
.padTopRightBot10 {padding: 10px 10px 10px 0;}

.width160 {width: 160px;}
.formDivider {width: 95%; margin: 2px 0 4px 0; height: 1px;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
.valignBottom {vertical-align: bottom;}
.valignTop {vertical-align: top;}
.valignMiddle {vertical-align: middle;}
.white {color: #ffffff;}
.bold {font-weight: bold;}
.bgWhite {background: #fff;}


/** TYPOGRAPHY **/
h2 a{font: normal 17px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d; text-decoration: none;}
h2 a:hover{font: normal 17px "Trebuchet MS", Arial, Sans-Serif; color: #1d1d1d; text-decoration: underline;}
h4 a {font: bold 14px "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #1d1d1d; text-decoration: none;}
h4 a:hover {font: bold 14px "Trebuchet MS", Tahoma, Verdana, sans-serif; color: #1d1d1d; text-decoration: underline;}
.introText, .introText a {font-size: 14px;}
strong {font: bold 12px Arial, Helvetica, sans-serif; color: #1d1d1d;}
.newsDate {font: normal 11px Arial, Helvetica, sans-serif; color: #888; }

/** Buttons **/
a#maroonButton, a#maroonButton:link, a#maroonButton:active, a#maroonButton:visited {background: #df0000; border: 2px solid #ccc; font: bold 14px "Trebuchet MS", sans-serif; color: #ffffff; padding: 0 25px; text-decoration: none;}
a#maroonButton:hover {background: #9F0000;}

/** LISTS **/
ul {list-style: none; margin-left: 0px; padding: 2px; text-indent: 0; list-style-image: url('../images/arrow.gif'); list-style-position: inside;}
ul li {padding: 0; margin: 0;}
ul li a {color: #df0000; text-decoration: underline;}
ul li a:hover {color: #366a88; text-decoration: underline;}
ul li a:old, ul li a:visited {color: #df0000; text-decoration: underline;}
ul li ul {list-style: none; margin-left: 20px; padding: 2px; text-indent: 0; list-style-image: none; list-style-type: disc; list-style-position: inside;}
ul li ul li {padding: 0; margin: 0;}
ul li ul li a {color: #df0000; text-decoration: underline;}
ul li ul li a:hover {color: #366a88; text-decoration: underline;}
ul li ul li a:old, ul li a:visited {color: #df0000; text-decoration: underline;}

ol {margin-left: 0px; padding: 2px; text-indent: 0; list-style-position: inside;}
ol li {padding: 0; margin: 0;}
ol li a {color: #df0000; text-decoration: underline;}
ol li a:hover {color: #366a88; text-decoration: underline;}
ol li a:old, ol li a:visited {color: #5df0000; text-decoration: underline;}

ul.horizontalList {display: inline;}
ul.horizontalList li { display: inline; list-style: none; border: 0; padding: 0;}
ul.horizontalList li a {font-size: 11px; display: inline; list-style: none; border: 0; padding: 2px 4px; border-left: 1px solid #bbb;}
ul.horizontalList li a.firstItem { display: inline; list-style: none; border: 0; padding: 2px 4px 0 0; border: 0;}
ul.horizontalList li a:hover {color: #000000;}

/** TABLES **/
.intro {padding: 0; margin: 0;}
table tr td {font: normal 12px Arial, Helvetica, sans-serif; color: #1d1d1d;}
table#header-contactDetails {width: 100%;}



/** FORMS **/
form input {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; padding: 2px; font-weight: normal;}
/*Enquiry form*/
#enquiryForm {border: 1px solid #e0e0e0; background: #f4f4f4; padding: 0 8px; width: 65%;}
.enquiryForm {margin: 0; padding-top: 5px; width: 100%;}
.enquiryForm th {color: #646464; font-size: 14px; text-align: left; vertical-align: top; padding: 2px 0;}
.enquiryForm td {color: #646464; font-size: 12px; text-align: left; vertical-align: top; padding: 2px 0;}
.width150 {width: 150px;}


/** MAIN CONTAINERS **/
div#container {width: 990px; margin: 15px auto; padding: 0; text-align: left; background: #fff; height: auto; border: 1px solid #3a3a3a;}
div#header {margin: 0; padding: 0; width: 990px;} 	
div#header-contentsWithoutMenu {height: 120px; margin: 0; padding: 0; background: #fff;}
div#header-logo {margin: 10px 0 0 20px; padding: 0; width: 455px; height: 67px; float: left;} 	
div#header-banner {margin: 25px 0 0 0; padding: 6px; width: 500px; height: 70px; float: right;} 
div#header-banner a {text-decoration: none;}
div#header-banner a:hover {color: #ffffff; text-decoration: underline;}
div#header-menu {width: 100%; margin: 0; padding: 0;}

div#body-wrap {width: 100%; margin: 0; padding: 0; background: #ffffff;} 			
div#leftBody {width: 260px; margin: 0 10px 0 10px;} 	
div#leftColumn {float: left; width: 250px; padding: 15px 10px 10px 10px; color: #ffffff;}
div#leftColumn img {vertical-align: top;}		
div#leftBody-content {padding: 15px 10px 10px 10px; background-color: #fff;}

div.leftBody-content-panel {width: 250px; margin: 0 0 15px 0;}	
.leftBodyPanel {background: #efefef; padding: 2px; margin: 0;}
.leftBodyPanel td {padding: 10px; vertical-align: middle; color: #1d1d1d;}
.leftBodyPanel td img {border: 1px solid #fff;}
.leftBodyPanel td img.noBorder {border: 0;}
.leftBodyPanel td a {color: #df0000; font-weight: bold;}


/**RIGHT BODY HOMEPAGE CONTAINERS**/
div#rightBody {margin: 0 0 0 270px;} 			
div#rightBody-content {margin: 0; padding: 15px 10px 10px 10px;} 
div.rightBody-content-sectionBlock {width: 660px; height: auto; padding: 0 10px 20px 20px;}
div.rightBody-content-sectionBlock a {color: #df0000;}


/**FOOTER CONTAINERS**/
div#footer {width: 100%; color: #fff; padding: 5px 0; margin: 0 auto; background: #df0000; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000;} 	
div#footer div {color: #fff; padding: 0 10px;}
div#footer div a {color: #fff; font-weight: bold; text-decoration: none;}


/** SUB CONTAINERS **/




/*CMS Edit links*/
.dataTable td a.editLink:link, a.editLink, a.editLink:link {font-size: 11px; color: #ffffff; letter-spacing: 1px; background: #f1241f; padding: 1px 10px 1px 10px; text-decoration: none; border: 1px solid #f1241f; font-weight: bold;}
a.editLink:hover { color: #fff; background: blue; border: 1px solid blue; text-decoration: underline; font-weight: bold;}


/** END **/