/*  color scheme 

    #333333 - text
    #999999 - a:hover, footer text
    #cc0000 - a, blockquote, strong, h1, #nav-top, #nav-bottom
    #cc0000 - thead th, .event dt
    #d5d5d5 - #nav-top, #nav-bottom
    #dddddd - img, img a, { borders } various
    #ffffff - { background-color } various, { color } thead th & .event dt
    #e6e6e6 - 
    #f5f5f5 - various

    #6a95ad ???
    #cc0000 ???
*/

/* page formatting */

* {
  margin:0;
  padding:0;
  }

body {
  margin: 20px;
  font: 76%/1.6em tahoma, "lucida grande", verdana, sans-serif;
  color: #333333;
  text-align: center;
  background-color: #f5f5f5;
  }
  
a {
  color:#cc0000;
  text-decoration:none;
  }
  
a:hover {
  color:#999999;
  text-decoration:none;
  }
  
img, img a {
  margin: 0px 10px 0px 0px;
  padding: 1px;
  float: left;
  border:none;
  /* border: 1px solid #dddddd; */
  /* background-color: #f5f5f5; */
  }
  
p {
  line-height:1.7em;
  margin:0 0 10px 0;
}

p.error, p.alert {
  padding:5px;
  color: #cc0000;
  background: #f5f5f5 ;
  font-weight:bold;
  border:1px solid #ddd;
  }

blockquote p { 
  margin:10px 0;
  padding:10px;
  border:1px solid #f5f5f5;
  border-left:5px solid #cc0000;
  background: #f5f5f5 url(../images/bq.gif) repeat-y 100% 100%;
  text-align: justify;
  }

strong {
  font-weight: bold;
  color:#000000;
  }

table{
  font-size: 100%;
  table-layout: fixed;
  margin-bottom:15px;
  border-spacing:1px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-collapse: collapse;
  width:100%;
}

caption{
  border:#dddddd;
  border-bottom:2px solid #dddddd;
  text-transform:uppercase;
  padding:10px;
  font-size:120%;
  font-style:italic;
  font-weight:bold;
}

td, th{
  padding:5px 10px;
}

thead th {
  font-weight:bold;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  color: #ffffff;
  background-color: #b80000;
  text-align:center;
  text-transform: uppercase;
}

table tfoot td {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align:left;
}

tbody tr{
  background: #f5f5f5 url(../images/nav_top.gif) repeat-x 0% 100%;
  text-transform: uppercase;
}
tbody tr.odd{
  background: #f5f5f5 url(../images/nav_bottom.gif) repeat-x 0% 0%;
}

tbody td {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align:center;
}

/*  headings */

h1 {
  font-weight:bold;
  letter-spacing:1px;
  font-size:1.8em;
  padding-top:5px;
  padding-bottom:10px;
  color:#cc0000;
  }
  
h1.error {
  background: url(../images/warning32.gif) no-repeat 0 50%;
  padding-top:10px;
  padding-left:36px;
  color:#ff0000;
  }  

#logo h1 span {
   display: none;
   }
   
h2 {
  font-weight:normal;
  letter-spacing:1px;
  font-size:1.6em;
  padding-bottom:10px;
  }
  
h3 {
  font-weight:normal;
  letter-spacing:1px;
  font-size:1.4em;
  padding-bottom:0;
  }
  
h4 {
  margin:0;
  padding:0;
}

h5 {
  margin:0;
  padding:0;
}

h6 {
  margin:0;
  padding:0;
}

/*hr {
border: 0;
color: #c00;
background-color: #c00;
height: 2px;
width: 100%;
text-align: center;
}*/

 div.hr {
  height: 15px;
  background: #f5f5f5 url(../images/aikido.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}


dl {
  margin: 0px;
  padding: 0 0 10px 0;
}

dt { 
  margin: 0px;
  padding: 0px;
  font-weight: bold;
}

dd {
  margin: 0px 0px 5px 0px;
  padding: 0 10px;
}

dl#glossary-main {
  margin: 0px;
  padding: 5px;
}

dl#glossary-main dt { 
  margin: 0px;
  padding: 0px;
  font-weight: bold;
	text-transform:uppercase;
}

dl#glossary-main dt p.top { 
  margin: 0;
  padding: 5px;
	text-transform:uppercase;
	text-align:right;
	font-size:75%;
  font-weight: bold;	
}

dl#glossary-main dd {
  margin: 0px 0px 5px 0px;
  padding: 5px 10px;
  background: #f5f5f5 url(../images/bq.gif) repeat-y 100% 100%;
	border:1px dotted #d5d5d5;  
}

/* page structure 

#container {
  position: relative;
  width: 780px;
  margin: 0 auto 0 auto;
  text-align: left;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  }
  
  */

#container {
  position: relative;
  margin: 0 auto;
  width: 57.69em;  /* divide min-width by 13 */
  /* *width: 56.30em;  multiply width by 0.9759 to get ie value */
  min-width:750px; /* desired page width*/
  min-height:600px;
  text-align: left;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  background-image: url(../images/aikido65x180.gif);
  background-position: 99% 100%;
  background-repeat: no-repeat;  }
  
#logo {
  clear: both;
  margin: 10px 10px 0 10px;
  height: 160px;
  background-color: transparent;
  padding-bottom:15px;
  border-bottom:1px solid #dddddd;
  background-image: url(../images/logo.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#logo h1 {
  font-size:3.0em;
  height: 160px;
  line-height: 160px;
  text-align: center;
  }

/*
#navigation {
  background-color:#ffffff;
  margin-bottom:10px;      
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  }

* html #navigation { height: 1%; }

#navigation ul {
  margin: 0;
  padding: 0;
  }

#navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
  }

#navigation li a {
  background-color:#f5f5f5;
  padding: 5px 10px 5px 10px;
  margin-bottom: 0;
  border: 1px solid #dddddd;
  color: #000;
  }
*/


#content {
  margin:10px;
  padding:0;
  }

* html #content { height: 1%; }

#content-main {
  float:left;
  width:60%;
  }
  
#content-right {
  margin:0 0 10px 0;
  padding:10px;
  float:right;
  width:30%;
  border:none;
  display:inline;
  text-align: justify;
  background-color: transparent;
  }

#content-right h3 {
  padding-bottom:5px;
}

#content-right ul {
  list-style: none;
  padding-bottom:5px;
}

#content-right li {
  background: url(../images/ai.gif) no-repeat 0 0;
  padding-left:18px;
}

#content-right ul#glossary-index li {
  margin:1px 0;
  padding:0;
  background:none;
  list-style:none;
  text-align:left;
}

#content-right ul#glossary-index li a {
  display: block;
  padding: 2px 10px;
  text-decoration: none;
  border: 1px solid #dddddd;
  background: #f5f5f5 url(../images/nav_bottom.gif) repeat-x 0% 100%;
  color: #333333;
  }
  
#content-right ul#glossary-index li a:hover, #content-right ul#glossary-index li a:active {
  color: #cc0000;
  background: #f5f5f5 url(../images/nav_top.gif) repeat-x 0% 0%;
  }

#content-right ul#glossary-index li.empty {
  padding: 2px 10px;
  border: 1px solid #dddddd;
  background: #f5f5f5 url(../images/nav_bottom.gif) repeat-x 0% 100%;
  color: #999999;
  text-align:left;
  text-transform: uppercase;
}

#content-right ul#glossary-index li h4 {
  margin:0;
  padding: 2px 10px;
  color: #ffffff;
  background:#b80000;
  list-style:none;
  border: 1px solid #dddddd;
  text-transform: uppercase;
  font-size:110%;
  font-weight:bold;
  cursor:pointer;
}

#content-right ul#glossary-index li a.alpha-header:link, 
#content-right ul#glossary-index li a.alpha-header:visited {
  margin:0;
  padding: 2px 10px;
  color: #ffffff;
  background:#b80000;
  list-style:none;
  border: 1px solid #dddddd;
  text-transform: uppercase;
  font-size:110%;
  font-weight:bold;
}

#content-right ul#glossary-index li a.alpha-header:hover, 
#content-right ul#glossary-index li a.alpha-header:active {
  color: #b80000;
  background:#f5f5f5;
}

#content-right ul#glossary-index ul {
  margin:0;
  padding:0;
}

#footer {
  clear: both;
  margin: 1em auto 0 auto;
  width: 57.69em;  /* divide min-width by 13 */
  /* *width: 56.30em; multiply width by 0.9759 to get ie value */
  min-width:750px; /* desired page width*/
  overflow: auto;
  text-align: center;
  font-size: .9em;
  color: #999999;
  background-color: transparent;
  }
  

.clear {
  clear: both;
  } 
  
  
  
  
  
  
  
  
dl.event {
  margin: 0;
  padding: 0;
  }

.event dt {
  color: #ffffff;
  background-color: #b80000;
  padding: .5em .5em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  }

.event dd {
  margin: 0 0 1em 0;
  background: #f5f5f5 url(../images/dd.gif) repeat-x 0% 100%;
  text-align: center;
  padding: 1em .5em;
  font-style: italic;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  } 
  
  
  
  
#nav-top {
  position: relative;
  margin: auto;
  width: 56.92em;  /* divide min-width by 13 */
  /* *width: 55.55em;  multiply width by 0.9759 to get ie value */
  min-width:740px; /* desired page width*/
  overflow: hidden;
  text-align: left;
  background-color: transparent;
  }
* html #nav-top { height: 1%; }
#nav-top ul li {
  float: left;
  list-style: none;
  margin: 0 2px 0 0;
  }
#nav-top ul li a {
  display: block;
  padding: 0 10px 2px 10px;
  text-decoration: none;
  border: 1px solid #dddddd;
  border-bottom: 0;
  background: #f5f5f5 url(../images/nav_top.gif) repeat-x 0% 0%;
  color: #999999;
  }
  
#nav-top ul li a:hover, #nav-top ul li a:active {
  color: #cc0000;
  background: #f5f5f5 url(../images/nav_bottom.gif) repeat-x 0% 100%;
  }

body#home #nt-home a,
body#instructor #nt-inst a,
body#program #nt-prog a,
body#schedule #nt-schd a,
body#aikido #nt-aiki a,
body#links #nt-link a {
  color: #cc0000;
  background: #f5f5f5 url(../images/nav_top.gif) repeat-x 0% 0%;
}

#nav-top ul li a.highlight {
  background: #cc0000;
  color: #ffffff;
  }

#nav-top ul li a.highlight:hover, #nav-top ul li a.highlight:active {
  color: #cc0000;
  background: #ffffff;
  }

#nav-bottom {
  position: relative;
  margin: auto;
  width: 56.92em;  /* divide min-width by 13 */
  /* *width: 55.55em; multiply width by 0.9759 to get ie value */
  min-width:740px; /* desired page width*/
  overflow: hidden;
  text-align: left;
  background-color: transparent;
  }
* html #nav-bottom { height: 1%; }
#nav-bottom ul li {
  float: left;
  list-style: none;
  margin: 0 2px 0 0;
  }
#nav-bottom ul li a {
  display: block;
  padding: 0 10px 2px 10px;
  text-decoration: none;
  border: 1px solid #dddddd;
  border-top: 0;
  background: #f5f5f5 url(../images/nav_bottom.gif) repeat-x 0% 100%;
  color: #999999;
  }
#nav-bottom ul li a:hover, #nav-top ul li a:active {
  color: #cc0000;
  background: #f5f5f5 url(../images/nav_top.gif) repeat-x 0% 0%;
  }
  
body#home #nb-home a,
body#instructor #nb-inst a,
body#program #nb-prog a,
body#schedule #nb-schd a,
body#aikido #nb-aiki a,
body#links #nb-link a {
  color: #cc0000;
  background: #f5f5f5 url(../images/nav_bottom.gif) repeat-x 0% 100%;
}
  
  
  
.img {
  border:none;
  }
  
  
  
  
  
  ol.steps {
		margin: 20px 0;
		background: #cc0000; /*--Bg of the order numbers--*/
		padding: 0 0 0 35px; /*--Distance between the order numbers--*/
		border: 1px solid #cc0000;
	}
	ol.steps li {
		margin: 0;
		padding: 15px 15px;
		color: #fff;
		font-weight: bold;
		border-bottom: 1px solid #cc0000;
	  background: #f5f5f5 url(../images/bq.gif) repeat-y 100% 100%;
	}
	
	ol.steps li.last { border-bottom: none; }
	
	ol.steps li h2 {
		padding: 5px 0;
		margin-bottom: 10px;
		border-bottom: 1px dashed #cc0000;
		color: #cc0000;
	}
	ol.steps li p {
		color: #333;
		font-weight: normal;
		line-height: 1.6em;
	}