/*************** Main Page Definitions ***************/
html {
	background-color: #C5C5C5;
}

body {
	margin: 0px;
	padding: 0px;		
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: black;
	background-color: #C5C5C5;	
}

#container {
	width: 900px;	
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #000;
	border: 4px solid #000;	
	background-color: #FFF;
}


#content ul.list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 20px;
}

#content ul.list li  {
	background-image: url("../img/bullet.png");
	background-repeat: no-repeat;
	background-position: 0 .8em;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}

#container #header {
	width: 900px;
	height: 200px;
	margin: 0px;
	border-bottom: 2px solid #000;
	background-image: url("../img/site_header.jpg");
}

#container #club_name {
	width: 900px;
	height: 30px;
	background-image: url("../img/club_name.png");
	clear: both;	
}

#container #content {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;	
}

#container #mainbody {
	padding-bottom: 10px;	
}

#content p {
	margin: 10px;
	text-align: justify;
}

#content img {
	clear: both;
	display: block;
	margin: auto;
	border: 2px solid #000;
}

#content img.tdku {
	border: 0px;
}

#content a {
	color: #000;
}

#mainbody #new_start {
	float: left;
	width: 470px;
	border-right: dashed 1px #000;
	padding: 5px;
}

#mainbody #new_start #kanji {
	border: 0px;
	float: left;
	border: dashed 1px #000;
	margin-right: 15px;
	margin-left: 15px;
	background-color: #FFF;
}

#mainbody #about_alan {
	float: left;
	width: 366px;
	border-bottom: dashed 1px #000;
	padding: 5px;
}

#mainbody #contact  {
	float: left;
	width: 366px;	
	padding: 5px;	
}

#mainbody #notices {
	float: left;
	width: 839px;	
	padding: 5px;
	border-top: dashed 1px #000;
}

#mainbody #training {
	float: left;
	width: 839px;
	border-top: dashed 1px #000;
	padding: 5px;
}

#mainbody #training .session {
	float: left;
	width: 413px;
}

#mainbody #training table.tbox {
	width: 80%;	
	border: none;
}

/*************** Navigation ***************/
#seccontent {
	background-image: url("../img/navigation.png");
	float: left;
	width: 900px;
	height: 30px;
	margin-bottom: 10px;	
}

#seccontent #navigation {
	margin-left: 25px;	
}

#seccontent #navigation li {
	float: left;
	margin: 0px;
}

#seccontent #navigation a {
	display: block;
	padding: 4px 20px 5px 20px;
	text-decoration:none;
	margin: 0px;
	border-right: 2px solid #000;	
	color: #000;
	font-weight: bold;	
}

#seccontent ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

#seccontent #navigation a.selected {
	background-color: #000;
	color: #FFF;	
}

#seccontent #navigation li a:hover {
	color: #FFF;
}

#seccontent #navigation a.selected:hover {
	background-color: #000;
	color: #FFF;	
}

#content #top_nav {
	border-bottom-style: solid;
	border-top-style: solid;
	border-width: 1px;
	border-color: #000;
	padding: 2px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 1em;	
	clear: both;
}
  
/*************** Navigation End ***************/

#container #mainbody #cat_items {
	width: 100%;
}

#container #mainbody .items {
	width: 49%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#container #mainbody p.item_text {
	padding-top: 25px;
}

#container #mainbody img.item {
	float: left;
	clear: right;
	margin-right: 20px;
}

#content fieldset {
	border: 1px solid #000;
	padding: 20px;
}

#content legend {
	color: #000;
	padding: 2px 6px;
}

/*************** Member and Admin Login ***************/
#content .user_login {
	width: 300px;
	margin: auto;
}

#content .user_login div.input,
#content .user_login div.submit {
	font-size: 12px;
	padding: 2px 10px 1px 10px;
}

#content .user_login div.input input,
#content .user_login div.submit input {
	border: 1px solid #444;
	background: #DDD;
	padding: 2px;
	font: bold 12px sans-serif;
}

#content .user_login div.label {
	padding-left: 10px;
	font-weight: bold;
}

#content .user_login div.input input {
	width: 274px;
}

#content .user_login div.submit {
	text-align: right;
	padding: 6px 10px;
	padding-bottom: 0px;
}

#content .user_login div.submit input {
	font-weight: bold;
}

/*************** Member and Admin Login End ***************/

/*************** Messages ***************/
#content div.notice, #content div.message, #content div.error {
	color: #000;
	background: #DDD;
	border: 3px solid #BBB;
	border-left: none;
	border-right: none;
	padding: 2px 4px;
	font-weight: bold;
	margin: 4px 0px;
}

/***** Standard Messages *****/

#content div.message {
	color: #FFF;
	background: #560FAF;
	border-color: #320966;
}
/********** Messages End **********/

/************** Floating Blocks ************/
#content .floating_block {
	display: block;
	float: left;
	height: 140px;
	width: 35%;
	margin-left: 5%;
}
#container .floating_block_admin {
	display: block;
	float: left;
	height: 100px;
	width: 35%;
	margin-left: 5%;
}

#content #floating_blocks {
	width: 100%;
	margin: auto;
}
/************** End Floating Blocks ************/

/*************** Standard Table Style ***************/
table.tbox {
	width: 95%;
	margin-left: 5px;
	margin-right: 5px;	
}

table.tbox tr th {
	background: #000;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	border: 2px solid #FFF;
}

table.tbox tr {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.tbox tr.row_even {
	background: #BEBEBE;	
}

table.tbox tr.row_odd {
	background: #E2E2E2;
}

table.tbox tr td {
	padding: 2px;
	border: 2px solid #FFF;
	margin: 0;
}

table td.date {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	width: 10%;
}

table td.form_label {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: right;
	width: 110px;
}

table td.heading {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

input.full_width {
	width: 650px; 
}

textarea.full_width {
	width: 650px;
	height: 200px;
}


/* Overcome 3px margin bug in IE/Win floats, which fixes a lot of things, including disapearing header,
   randomly appearing text, and wrappers pushed too wide.
	http://www.positioniseverything.net/explorer/threepxtest.html */
  
* html #content {
	margin-right:-3px;
}

/*************** Gallery Styles ***************/
#content .prevandnext {
	text-align: center;
	border: solid 1px #000;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
}

#content .galleryimages {
	width: 710px;
	margin: auto;
}

#content .galleryimage {
	float: left;
	width: 140px;
	height: 100px;
	padding-top: 10px;
}

#content .galleryimage img {
	border: none;
}

#content ul#inlinetabs {
	background: #FFF;
	margin: 0px;
	margin-bottom: 4px;	
	padding-left: 10px;
}

#content #inlinetabs ul, 
#content #inlinetabs li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content #inlinetabs a:link, 
#content #inlinetabs a:visited {
	background: #FFF;
	border: 1px solid #000;
	color: #000;
	float: left;
	font-size: small;
	font-weight: normal;
	line-height: 14px;
	margin-right: 8px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

#content #inlinetabs a:link#current, 
#content #inlinetabs a:visited#current {
	background: #FEC400;
	color: #000;
	font-weight: bold;
	border-bottom: solid 1px #FEC400;
}

#content ul#inlintabs {
	width: 500px;
}

#inlinetabs {
	height: 19px;	
	border-bottom: solid 1px #000;
}

/*************** Headings ***************/
h1 {
	color: #000;	
	padding: 2px 15px;
	font-size: 1.2em;
	border-bottom: solid 2px #FEC400;
	margin-bottom: 10px;
}

h2 {
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 1.1em;	
	border-bottom: 1px groove #0131FF;	
}

h3 {
	color: #FEC400;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 1.0em;
	font-weight: bold;
}

/* =Footer
----------------------------------------------- */
#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
}

#footer p {
	text-align: center;
	font-size: 0.8em;

}

/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/

* html #footer p {
	height:1%;
}