
body {
	margin: 0;
	padding: 0;
/*	width: 54em;*/
	margin-left: 0;
	margin-bottom: 3em;
	font-family: Georgia, serif;
	font-size: 105%;
/*	border: 1px solid #F00;*/
}

a {text-decoration: none }

a:link {color: #06A }
a:visited {color: #466 }
a:hover {color: #48E }
a:active {}

ul, ol {
	padding-left: 1.3em;
	margin-top: -0.5em;
}

#content ul {
	margin-top: 1em;
}

li {
	padding-left: 0em;
	padding-bottom: 0.5em;
}

ul ul {
	padding-bottom: 0;
}

h2,h4 {
	font-weight: normal;
}

h1, h2 {
		font-size: xx-large;
		margin-top: 1em;
		margin-bottom: -0.1em;
		color: #AA0;
}

h3 {
		font-size: 100%;
		font-weight: bold;
		color: #AA0;
		margin-top: 1.7em;
		margin-bottom: -0.5em;
}

#logo {
	position: absolute;
	top: 245px;
	left: 74px;
}

img {
	border: none;
}

#navigation {
		margin-right: 39px;
}

#navigation ul {
	position: absolute;
	top: 340px;
	left: 30px;
	width: 158px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation li {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 2px 0 0 0;
}

#navigation a {
	float: left;
	width: 158px;
	background-repeat: no-repeat;
}

#navigation #aboutaikido a {
	height: 24px;
	background-image: url(images/nav_aboutaikido.png);
}

#navigation #aboutus a {
	height: 25px;
	background-image: url(images/nav_aboutus.png);
}
#navigation #training a {
	height: 26px;
	background-image: url(images/nav_training.png);
}
#navigation #syllabus a {
	height: 24px;
	background-image: url(images/nav_syllabus.png);
}
#navigation #membership a {
	height: 28px;
	background-image: url(images/nav_membership.png);
}
#navigation #events a {
	height: 28px;
	background-image: url(images/nav_events.png);
}
#navigation #links a {
	height: 25px;
	background-image: url(images/nav_links.png);
}
#navigation #contact a {
	height: 28px;
	background-image: url(images/nav_contact.png);
}

body.aboutaikido #navigation #aboutaikido a,
body.aboutus #navigation #aboutus a,
body.training #navigation #training a,
body.syllabus #navigation #syllabus a,
body.membership #navigation #membership a,
#events #navigation #events a,
body.links #navigation #links a,
body.contact #navigation #contact a
{
	color: #8A0; /* you are here colour */
	background-position: -158px 0px;
}

#navigation a:link,
#navigation a:visited {
	background-position: left;
	color: #555; 
}
#navigation a:hover {
	color: #000;
	background-position: right;
}

.invisible {
	/*hide the html text of the navigation*/
	visibility: hidden;
}

#content {
	width: 23em;
	margin-left: 238px;
	padding-bottom: 1.2em;
/*	border: 1px dotted #A00;*/
}


body.home #content {
	width: 23em;
	font-size: 115%;
	margin-top: 2.5em;
	color: #466;
}

body.home #content h2 {
	color: #466;
}

body.home #content a:link,
body.home #content a:visited {
	color: #8A0;
}

body.home #content a:hover {
	color: #48E;
}

body.home #content .moreInfo a:hover {
	color: #FFF;
}

body.links #content {
	width: 26em;
}

body.links ul {
	
}

.sidebox1, .sidebox2, .sidebox1-photo {
	clear: both;
	float: right;
	position: relative;
	width: 11.5em;
	left: 16em;
	margin-bottom: -1000px;
	top: 1.5em;
	background-color: #D3F296;
	padding: 0.7em 1em 0.7em 1em;
	font-size: 85%;
	font-family: Verdana, sans-serif;
}

.sidebox2 {
	top: 14em;
}

body.training .sidebox3 {
	clear: both;
	float: right;
	position: relative;
	width: 13.5em;
	left: 16em;
	margin-bottom: -1000px;
	font-size: 85%;
	font-family: Verdana, sans-serif;
	top: 37em;
	background-color: #BF5;
}

body.training .sidebox3 a {
	color: #048;
	display: block;
	margin-left: 0;
	padding: 0.7em 1em 0.7em 1em;
	border: 1px solid #BF5;
}

body.training .sidebox3 a span {
	text-decoration: underline;
}

body.training .sidebox3 a:hover {
	background-color: #FF5;
	color: #035;
	border: 1px solid #06A;
}

.sidebox1-photo {
	top: -0.5em;
	left: 15em;
	background:none;
	border: none;
	width: 11.5em;
}

.sidebox1-photo p {
	font-size: 12px;
	text-align: center;
	width: 90%;
	margin: 0;
	margin-left: 20px;
}

.sidebox1-photo#calligraphy {
	top: 12em;
}

.sidebox1-photo#us {
	top: 18em;
}

.sidebox1 ul, .sidebox2 ul {
	margin-top: 0;
	margin-bottom: -0.3em;
}

.sidebox1 ol, .sidebox2 ol {
	margin: 0.3em 0 -1em 0;
}

.sidebox1 p, .sidebox2 p {
	font-style: italic;
	line-height: 130%;
	margin: 0 0 0.3em 0;
}

.sidebox1 ol ul.last, .sidebox1 ul ul.last,
.sidebox2 ol ul.last, .sidebox2 ul ul.last  {
	/*fixes spacing after last item of 2nd level list*/
	margin-bottom: 0.5em;
}


.sidebox1 h3 {
	margin: 0 0 12px 0;
	color: #000;
}

#references {
	margin: 0;
	padding: 10px 0 10px 10px;
	width: 380px;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	background-color: #BEE0EE;
}

#references li {
	display: inline;
	margin-right: 10%;
}

#details {
	display: none;
	margin: 0;
	padding: 2px 10px 10px 10px;
	width: 370px;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	background-color: #BEE0EE;
}

#references li a {
	text-decoration: underline;
}

#references a:hover {
	color: #000;
 }

body.training #map {
	margin: 0px 0 -14px 0;
	padding: 0px;
}


#gradeSyllabus, #gradeSyllabus tr, #gradeSyllabus td, #gradeSyllabus th, .standard_table tr, .standard_table th  {
	font-family: Verdana, sans-serif;
	text-align: left;
	vertical-align: top;
	margin-top: 2em;
	margin-bottom: 1em;
	border-collapse: collapse;
	font-size: 95%;
	line-height: 100%;
/*	border: 2px dotted #A00;*/
}

#gradeSyllabus th, #gradeSyllabus td,
.standard_table th, .standard_table td {
	padding:  0.7em;
	border-bottom-width: 2px;
	border-bottom-color: #FFF;
	border-bottom-style: solid;
}

#gradeSyllabus th, .standard_table th, .standard_table tr.subhead td {
	color: #FFF;
	font-weight: normal;
	background-color: #8A0;
}

#gradeSyllabus td, .standard_table td {
	background-color: #E2F2C2;
}

#gradeSyllabus p, .standard_table p {
	margin: 0 0 0.5em 0;
}

td.grade {
	width: 8em;
	background-color: #EEE;
}

td.grade .belt {
	text-transform: uppercase;
	font-size: 70%;
	font-weight: normal;
/*	display: none;*/
}

li + ul li {
/*	fix spacing before and after lists-in-lists*/
	margin-top: -1em;
	margin-bottom: 1em;
}

ul + li {
/*	fix spacing before and after lists-in-lists*/
	margin-top: -1em;
}

a.backToTop, p.moreInfo {
	font-family: Verdana,sans-serif;
	font-size: 70%;
	text-transform: uppercase;
	text-align: right;
}

p.moreInfo a {
	padding: 0.5em 1em 0.5em 1em;
}

p.moreInfo a:link, p.moreInfo a:visited {
color: #FFF;
}
p.moreInfo a:hover {
	background-color: #8AA;
}

body.summary #content {
		width: 27em;
}

#summaryList {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#summaryList a {
	float: left;
	width: 100%;
	margin-bottom: 1em;
	padding: 0.7em;
	padding-bottom: 1.7em;
	background-color: #DEA;
	background-repeat: no-repeat;
	background-position: bottom right;
}

#summaryList a:link, #summaryList a:visited {
	color: inherit;
	background-image: url(images/more-detail.png);
}

#summaryList a:hover {
	background-image: url(images/more-detail-2.png);
}

#photo_x_2 {
/*	border: 2px dotted #A00;*/
	width: 500px;
	margin: 0 0 2.4em 0;
	padding: 0 0 235px 0;
}

#photo_x_2 ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	background-color: #FFF;
}

#photo_x_2 li {
	float: left;
	width: 193px;
	height: 235px;
	display: inline;
	margin: 0 10px 0 0;
	background-position: top left;
	background-repeat: no-repeat;
}

#photo_x_2 #rob {
	background-image: url(images/r_small.png);
}

#photo_x_2 #mark {
	background-image: url(images/m_small.png);
}

#photo_x_2 img {
	width: 193px;
	height: 235px;
}

#photo_x_2 li p {
	font-family:  Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 222px 0 0 0;
}

#events h2 {
	margin: 10px 0;
}
.events {
	margin: 0 0 50px 0;
	padding: 0;
	list-style-type: none;
	width: 30em;
}

.event {
	border: 1px solid #8A0;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #EFEFE0;
	padding: 10px;
}

.event .event_date {
	margin: -10px 0 0 -10px;
	color: #404040;
	background: #DFDFCA;
	width: 100%;
	padding: 10px;
}

.small_print {
	font-family: Verdana, sans-serif;
	font-size: 65%;
}

.right_column {
	position: absolute;
	top: 0.5em;
	padding-top: 16px;
	left: 43em;
	width: 13em;
}

.right_column .box {
	width: 8.5em;
}

.right_column ul {
	list-style: none;
}

.right_column ul li {
	background-color: #CE6;
	padding: 14px;
	margin: 0 0 0.4em 0;
}

.right_column ul ul {
	margin: 0;
	padding: 0;
}

.right_column ul ul li {
	margin: 0;
	padding: 0;
}

.right_column ul li h3 {
	margin: 0 0 10px 0;
}

.right_column p {
	color: #466;
}

.right_column .moreInfo a {
	background-color: #8A0;
}

.p {
	display: block;
	margin-bottom: 0.7em;
}

#aikido_para {
	margin-bottom: 12px;
	width: 200px;
	height:  141px;
	background-image: url(images/aikido_para.png);
	background-repeat: no-repeat;
	background-color: #FFF;
}

#next_training_box {
	background: none;
	padding: 0;
}

#next_training_box a {
	display: block;
	background-color: #CE6;
	padding: 16px;
	padding-bottom: 6px;
}

#next_training_box a:hover {
	background-color: #AD4;
	color: #06A;
}

#next_training_box #next_training_date, #second_next_training_date { font-weight: bold }

#notice_box {
	font-size: 85%;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding-bottom: 0;
	background-color: #FC2;
}

#notice_box p {
	margin: 0 0 10px 0;
}

#notice_box .moreInfo {
	text-align: left;
}

#notice_box .moreInfo a,
#notice_box .moreInfo a:link,
#notice_box .moreInfo a:visited {
	font-style: normal;
	background-color: #E90;
	border: none;
}

#notice_box .moreInfo a:hover {
	background-color: #B80;
}

#notice_box ul {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-top: -0.4em;
	width: 100%;
}

#notice_box li {
	font-size: 90%;
	padding: .4em 0 0.4em 0;
	margin: 0 0 4px 0;
	background-color: #FC2;
}

#notice_box li p {
	margin-bottom: 0;
}

#notice_box .date {
	display: block;
	text-transform: uppercase;
	font-style: normal;
	font-size: 75%;
	font-weight: bold;
}

#notice_box h3 {
	color: #E90;
	font-size: 130%;
	margin-top: -5px;
}
.special_notice {
	display: block;
	background-color: #CE6;
	padding: 16px;
	padding-bottom: 3px;
}


.disclaimer {
	font-size: 75%;
}

#navigation .sub_nav_link {
	margin-top: 2em;
	font-size: 90%;
	text-align: center;
}

#navigation .sub_nav_link:hover {
	color: #8A0;
}

.member table {
	margin-top: 40px;
}
.member table td {
	color: #303030;
}

.member table .note {
	display: block;
	font-size: 70%;
}

