/* GoshinJu-Jitsu.co.uk - CSS Style Sheet */

body {
background: #999 url('../images/siteBG.gif') repeat-x 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
margin: 0;
padding: 0;
color: #333333;
}

h1, h2, h3, h4 {
color: #000033;
}

h1, h2, h3, h4, p {
margin: 5px 0;
padding: 0;
}
h4 {
font-size: 80%;
}
h3 {
font-size: 90%;
}
h3.vNav {
color: #eee;
}
h2 {
font-size: 100%;
}
h1 {
font-size: 140%;
}
.footerTextLeft {
float: left;
font-size: 80%;
}
.footerTextRight {
float: right;
font-size: 80%;
}

/* Layout and structure */
#mainWrapper {
width: 980px;
margin: 5px auto;
border: 1px solid #eee;
padding: 5px;
}
#contentWrapper {
background: #fefefe url('../images/contentBG.gif') repeat-x 0 0;
float:left;
width: 98%;
padding: 10px;
margin: 5px 0 5px 0;
}
#topbar {
width: 980px;
margin: 5px auto;
padding: 2px;
color: #eee;
}

#topbar a {
color: #eee;
}

#topBanner {
position: relative;
background-color: #000032;
margin: 2px 0;
padding: 2px;
}
/*
#topBanner2 {
background: url('../images/bg/bg_images.php');
width: 980px;
height: 200px;
margin: 2px 0 0 0;
padding: 0;
}
*/
#topBanner3 {
width: 980px;
height: 200px;
margin: 2px 0;
padding: 0;
}

#tagLine {
position: relative;
top: 105px;
left: 25px;
color: #eee;
}

#topBannerLeft {
float: left;
}
#topBannerRight {
float: right;
background: url('../images/GoshinBannerRight1.png') 0 0;
width: 350px;
height: 125px;
color: #eeeeee;
border: 0;
}
#topBannerRight span{
text-align: right;
margin: 10px 20px;
float: right;
}

.leftCol {
width: 202px;
float: left;
left: 0;
padding: 0;
margin: 0;
}
.boxColTitle {
background: url('../images/button.gif') no-repeat 0 0;
height: 18px;
width: 180px;
padding: 5px 10px;
margin: 0;
color: #eee;
}
.boxColTitle h2 {
color: #eee;
margin: 0;
}
.boxColContentTop {
background: #ddd url('../images/box_top.gif') no-repeat 0 0;
height: 10px;
width: 200px;
margin: 0;
}
.boxColContentBottom {
background: #ddd url('../images/box_bottom.gif') no-repeat 0 0;
height: 10px;
width: 200px;
margin: 0 0 10px 0;
}
.boxColContent {
background: #ddd url('../images/box_middle.gif') repeat-y 0 0;
width: 180px;
padding: 4px 10px;
margin: 0;
color: #333;
}

.boxColContent a {
text-decoration: none;
}
.boxColContent a img {
border: 0;
}

#jjkanji {
margin: 5px 0;
}

.rightCol {
width: 202px;
float: right;
right: 0;
padding: 0;
margin: 0;
}

#centerCol {
float: left;
width: 520px;
padding: 2px;
margin: 0px 10px;
}
#centerColStretch {
float: left;
width: 730px;
padding: 2px;
margin: 0px 10px;
}
#fullWidth {
float: left;
width: 98%;
padding: 2px;
margin: 0px 10px;
}
#centerCol h2, 
#centerColStretch h2,
#fullWidth h2 {
border-bottom: 1px dashed #666666;
margin: 8px 0;
}
.imgRight {
background: #fefefe;
border: 1px solid #999;
padding: 3px;
float: right;
margin: 0 0 20px 20px;
}
.imgThumb {
float: left;
width: 29%;
height: 220px;
background: #ccc;
padding: 10px;
margin: 3px;
border: 1px solid #999;
text-align: center;
}
.thumbHolder {
width: 154px;
height: 154px;
margin: 0 auto;
overflow: hidden;
border: 1px solid #999;
background: #fefefe;
}
.imgThumb .thumbHolder a img {
width: 220px;
border: none;
padding: 0;
}

.featuredVid {
float: left;
width: 98%;
background: #ccc;
padding: 10px;
border: 1px solid #999;
text-align: center;
}
.featuredVid  h2{
text-align:left;
}
.featuredVid img {
background: #fefefe;
padding:4px;
border: 1px solid #999;
margin: 2px;
}

.announceBox {
float: left;
width: 98%;
background: #eee;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
}
.contentFloat {
float: left;
}

.Black-belt {
background: #000000;
color: #eee;
padding: 4px;
border: 0;
}
.Brown-belt {
background: #663300;
color: #eee;
padding: 4px;
border: 0;
}
.Purple-belt {
background: #660066;
color: #eee;
padding: 4px;
border: 0;
}
h2.Kickboxing {
background: #ddd;
color: #333;
padding: 4px;
border: 0;
}

#footer {
padding: 5px 2px;
margin: 5px 0;
border-top: 1px dashed #333;
color: #333;
}

.homeImg {
background: #fefefe;
width: 100%;
border: 1px solid #999;
padding: 4px;
}
.chatImg {
width: 438px;
border: 1px solid #999;
padding: 2px;
margin: 10px 0;
}

.spacerLine {
border-bottom: 1px dashed #666666;
margin: 8px 0;
}

.orangeText {
color: #ff6600;
}

/* Clear floats */
.clearer {
clear: both;
}

/* Horizontal navigation styles 
#hNav {
padding: 2px;
margin: 2px 0 0 0;
color: #eee;
}
ul.hnavlist {
list-style-type: none;
margin: 140px 10px 0 10px;
padding: 0;
border: 0;
}
#hNav ul li {
float: left;
padding: 0px;
margin: 0 8px 0 0;
border: 1px solid #eee;
display: block;
color: #eee;
}
#hNav ul li a {
background-color: #666666;
padding: 5px;
list-style-type: none;
font-weight: bold;
text-decoration: none;
display: block;
color: #eee;
}
#hNav ul li a:hover {
background-color: #FF6600;
padding: 5px;
list-style: none;
font-weight: bold;
text-decoration: none;
color: #eee;
}
body#home a#homenav,
body#about a#aboutnav,
body#academy a#academynav,
body#chat a#chatnav,
body#links a#linknav,
body#gallery a#gallerynav,
body#contact a#contactnav,
body#members a#membersnav {
background-color: #FF6600;
list-style: none;
font-weight: bold;
text-decoration: none;
}
 END of Horizontal navigation styles */

/* put padding and borders on images */
img {
border: 1px solid #999;
padding: 2px;
}

/* Left navigation styles */

#leftNav {
padding: 0;
margin: 0;
}

ul.leftnavlist {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

#leftNav ul li a {
background: url('../images/button.gif') no-repeat 0 0;
background-position: left top;
height: 14px;
width: 180px;
padding: 8px 10px;
margin: 0 0 4px 0;
font-weight: bold;
text-decoration: none;
display: block;
color: #eee;
}
#leftNav ul li a:hover {
background: url('../images/button.gif') no-repeat 0 -30px;
/*background-position: left bottom;*/
color: #eee;
}
/*************** Link styles ************************/
a:link, a:visited, a:active {
color:#330099;
text-decoration: none;
}
a:hover {
color: #FF6600;
}
/*************** Form styles ************************/
input, select, textarea {
margin: 4px 0;
border: 1px solid #999;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea {
font-size: 11px;
}

div label {
margin: 10px 0 5px 0;
}

.submitButton {
cursor: pointer;
width: 100px;
}
.submitButton:hover {
background: #FF3300;
color: #eee;

}