body {
  background-color:#FFFFFF;
  margin:0px;
  font-family:tahoma, sans-serif;
  font-size:9pt;
  color:#000000;
  text-align:center;
}

h1 {
  font-size:14pt;
  color:#666666;
  margin-top:5px;
}

h2 {
  font-size:12pt;
  color:#666666;
}

h3 {
  font-size:10pt;
  color:#666666;
}

a:link, a:visited, a:active {
  /*color:#00417b;*/
  color:#bb0000;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

.email {
  font-family:andale mono,courier new, courier, monospace;
}

#footer {
  clear:both;
  width:100%;
  margin:0 0 10px 0;
  color:#aaaaaa;
  text-align:center;
}

#footer a:link, #footer a:visited, #footer a:active {
  color:#888888;
}

#banner {
  width:100%;
  margin:10px 0 30px 0;
  text-align:center;
}

#banner img {
  width:800px;
  height:320px;
  border:0;
}

.rule {
  clear:both;
  width:100%;
  height:0px;
  border-top:1px #cccccc dotted;
}

#mainbar1, #mainbar2, #mainbar3, #sidebar1, #sidebar2, #sidebar3 {
  width:100%;
  height:10px;
}

#mainbar1 {
  background-color:#bb0000;
}

#mainbar2 {
  margin-top:20px;
  background-color:#aaaaaa;
}

#mainbar3 {
  margin-top:20px;
  background-color:#8c185b;
}

#sidebar1 {
  background-color:#aaaaaa;
}

#sidebar2 {
  margin-top:20px;
  background-color:#5c83dc;
}

#sidebar3 {
  margin-top:20px;
  background-color:#ad532f
}

#content-left {
  float:left;
  width:480px;
  padding-right:10px;
  border-right:1px dotted #cccccc;
}

#content-right {
  float:right;
  width:300px;
  /*padding-left:9px;
  border-left:1px solid #cccccc;*/
}

#content-whole {
  float:left;
  width:100%;
}

#nav {
  margin:10px 0 10px 0;
  padding:0;
  background:#eeeeee;
  float:left;
  width:100%;
}

#nav li {
  display:inline;
  padding:0;
  margin:0;
}

#nav a:link,
#nav a:visited {
  color:/*#00417b*/#bb0000;
  background:#eeeeee;
  padding:3px 10px 5px 10px;
  float:left;
  width:auto;
  border-left: 1px solid #cccccc;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}

#nav .special a:link,
#nav .special a:visited {
  /*padding-left:0;*/
  border-left:none;
}

#nav a:hover {
  color:#ffffff;
  background:#777777;
}

#subnav {
  margin:10px 0 10px 0;
  padding:0;
  background:white;
  float:left;
  width:100%;
}

#subnav li {
  display:inline;
  padding:0;
  margin:0;
  float:left;
}

#subnav div {
  /* color:#ffffff;
  background:#999999; */
  padding:3px 10px 5px 10px;
  border-left: 1px solid #cccccc;
  font-size: 9pt;
  font-weight:bold;
}

#subnav .special div {
  padding:3px 10px 5px 0;
  border-left:0
}

#subnav a:link,
#subnav a:visited {
  color:#bb0000;
  background:white;
  padding:3px 10px 5px 10px;
  float:left;
  border-left:1px solid #cccccc;
  font-size:9pt;
  font-weight:bold;
  text-decoration:none;
}

#subnav .special a:link,
#subnav .special a:visited {
  padding:3px 10px 5px 0;
  border-left:0;
}

#subnav a:hover {
  color:#666666;
  text-decoration:underline;
}

#news {
  margin:0;
  padding:0;
  list-style: none;
}

#news .title {
  font-size:14pt;
  font-weight:bold;
}

#news li {
  padding:3px 0 10px 1px;
}

#news .details {
  font-size:9pt;
  color:#777777;
  margin-top:3px;
}

#news .photo {
  margin:10px 0 10px 0;
  text-align:center;
}

#news li ul,
#events ul {
  margin:4px 0 0 15px;
  padding:0;
  list-style:none;
}

#news li ul li,
#events ul li {
  margin:0;
  padding:0 0 0 15px;
  background-image:url(/img/arrow.png);
  background-repeat:no-repeat;
  background-position:0.4em 0.3em;
}

#cal {
  width:100%;
  margin:0 0 10px 0;
  padding:0;
  list-style: none;
}

#cal li {
  padding:3px 0 6px 1px;
  border-top: 1px dotted #cccccc;
}

/*#cal li:last-child {
  border-bottom: 1px dotted #cccccc;
}*/

#cal li div {
  color:#777777;
  font-size:9pt;
}

#schedule,
#rota {
  margin:10px 0 10px 0;
  padding-left:10px;
  float:left;
  width:100%;
}

#schedule div,
#rota div {
  float:left;
  padding:2px 0 2px 0;
}

#schedule .row,
#rota .row {
  clear:both;
  padding:0;
  width:100%;
}

#schedule .day,
#schedule .time {
  width:100px;
}

#schedule .training {
  width:250px;
}

#schedule .venue {
  width:230px;
}

#schedule .rule {
  width:680px;
}

#rota .date {
  clear:both;
  width:100px;
}

#rota .day {
  width:100px;
}

#rota #hol .day {
  width:120px;
}

#rota .rule {
  width:730px;
}

#rota #hol .rule {
  width:460px;
}

#instructors .container0,
#committee .container0 {
  clear:both;
  float:left;
  width:350px;
  height:100px;
  margin:10px 0 10px 0;
}

#instructors .container1,
#committee .container1 {
  float:left;
  width:350px;
  margin:10px 0 10px 0;
}


#instructors .pic,
#committee .pic {
  clear:both;
  float:left;
  width:100px;
  height:100px;
  padding:0 20px 0 10px;
}

#instructors .info,
#committee .info {
  float:left;
  width:200px;
  padding-right:10px;
}

#instructors .name,
#committee .name {
  width:200px;
  padding-bottom:10px;
}

#instructors .quals {
  width:200px;
}

#committee .position {
  width:200px;
  font-weight:bold;
  color:#777777;
}

#committee .duties {
  width:200px;
  padding-bottom:10px;
  color:#777777;
}

#committee .links {
  width:200px;
}

#instructors .rule1,
#committee .rule1 {
  clear:both;
  float:left;
  width:330px;
  height:0px;
  margin-right:20px;
  border-top:1px #cccccc dotted;
}

#instructors .rule2,
#committee .rule2 {
  float:left;
  width:330px;
  height:0px;
  border-top:1px #cccccc dotted;
}

#profpic {
  clear:both;
  float:left;
  padding:0 20px 10px 0;
}

#instlinks {
  float:left;
  margin:0 0 10px 0;
  font-weight:bold;
}

#instlinks a {
  font-weight:normal;
}

#instlinks .instlinks0 {
  clear:both;
  float:left;
  width:130px;
  padding:0 20px 0 0;
}

#instlinks .instlinks1{
  float:left;
  width:130px;
  padding:0 0 0 10px;
}

#videobar .vidtitle {
  clear:both;
  margin:5px 0 5px 0;
  color:#666666;
}

#syllabus .grade {
  clear:both;
  float:left;
  width:180px;
  padding:10px 5px 10px 10px;
}

#syllabus .belts {
  clear:both;
  float:left;
  width:161px;
  height:78px;
  padding-top:10px;
  border:none;
}

#syllabus .kihon,
#syllabus .kata,
#syllabus .kumite {
  float:left;
  width:190px;
  padding:10px 5px 10px 5px;
  list-style-image:url('/img/bullet.png');
}

#syllabus .kihon ul,
#syllabus .kata ul,
#syllabus .kumite ul {
  margin:8px 0 8px 1.2em;
  padding:0;
}

#syllabus h3,
#kit h3,
#words h3 {
  margin:0;
  padding:0;
}

#kit .item {
  clear:both;
  float:left;
  width:180px;
  padding:10px 5px 10px 10px;
}

#kit .desc {
  float:left;
  width:450px;
  padding:10px 10px 10px 10px;
}

#kit .price {
  float:left;
  width:100px;
  padding:10px 5px 10px 5px;
}


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

#events .item {
  padding:5px 0 10px 0;
}

#events .title {
  font-size:12pt;
  font-weight:bold;
}

#events .date {
  font-weight:bold;
  color:#777777;
  margin-top:3px;
}

#events .timeplace {
  /*color:#777777;*/
}

#events .details {
  font-size:9pt;
  margin:5px 0 0 /*8px*/ 0;
}

#events .picture {
  float:right;
  width:100px;
  height:100px;
  margin:5px 0 10px 20px;
}

#links,
#videos,
#qa,
#statements,
#elinks,
#freshers {
  list-style-image:url('img/bullet.png');
}

#links ul,
#videos ul,
#qa ul,
#statements ul,
#elinks ul,
#freshers ul {
  margin:8px 0 8px 2em;
  padding:0;
}

#links ul li,
#videos ul li,
#qa ul li,
#statements ul li,
#elinks ul li,
#freshers ul li {
  margin:3px 0 3px 0;
}

#videos .vidtitle {
  margin:5px 0 10px 0;
  font-weight:bold;
}

#videos .vidframe {
  width:100%;
  text-align:center;
}

#videos .viddesc {
  margin:5px 0 20px 0;
}

#words .header {
  clear:both;
  float:left;
  width:150px;
  padding:10px 5px 10px 10px;
  font-weight:bold;
}

#words .content {
  float:left;
  width:600px;
  padding:10px 5px 10px 5px;
}

#words .jap {
  clear:both;
  float:left;
  width:140px;
  padding:1px 10px 1px 0;
}

#words .eng {
  float:left;
  width:220px;
  padding:1px 10px 1px 0;
}

#words .notes {
  float:left;
  width:220px;
  padding:1px 0 1px 0;
}

.spiel {
  color:#777777;
  font-style:italic;
}

#comp .photo, #comp-thin .photo {
  text-align:center;
}

#comp #medals .rule {
  width:650px;
}

#comp .who {
  clear:both;
  float:left;
  width:300px;
  padding:2px 5px 2px 10px;
  font-weight:bold;
}

#comp .content {
  float:left;
  width:300px;
  padding:1px 5px 1px 5px;
}

#comp .cat {
  clear:both;
  float:left;
  width:250px;
  padding:1px 0 1px 0;
}

#comp .place {
  float:left;
  width:50px;
  padding:1px 0 1px 0;
  font-weight:bold;
}

#comp .t-who {
  clear:both;
  float:left;
  width:400px;
  padding:2px 5px 2px 10px;
  font-weight:bold;
}

#comp .t-content {
  float:left;
  width:200px;
  padding:1px 5px 1px 10px;
}

#comp .t-cat {
  clear:both;
  float:left;
  width:150px;
  padding:1px 0 1px 0;
}

#comp .t-place {
  float:left;
  width:50px;
  padding:1px 0 1px 0;
  font-weight:bold;
}

#comp-thin .who {
  clear:both;
  float:left;
  width:150px;
  padding:2px 5px 2px 10px;
  font-weight:bold;
}

#comp-thin .content {
  float:left;
  width:300px;
  padding:1px 5px 1px 5px;
}

#comp-thin .cat {
  clear:both;
  float:left;
  width:250px;
  padding:1px 0 1px 0;
}

#comp-thin .place {
  float:left;
  width:50px;
  padding:1px 0 1px 0;
  font-weight:bold;
}

#comp-thin .t-who {
  clear:both;
  float:left;
  width:250px;
  padding:2px 5px 2px 10px;
  font-weight:bold;
}

#comp-thin .t-content {
  float:left;
  width:200px;
  padding:1px 5px 1px 10px;
}

#comp-thin .t-cat {
  clear:both;
  float:left;
  width:150px;
  padding:1px 0 1px 0;
}

#comp-thin .t-place {
  float:left;
  width:50px;
  padding:1px 0 1px 0;
  font-weight:bold;
}

#results .year {
  clear:both;
  float:left;
  width:100px;
  padding:10px 5px 10px 0;
  font-weight:bold;
}

#results .capts {
  float:left;
  width:350px;
  padding-top:10px;
  font-weight:bold;
}

#results .content {
  clear:both;
  float:left;
  width:450px;
  padding:0 5px 10px 5px;
  list-style-image:url('/img/bullet.png');
}

#results .content ul {
  margin:8px 0 8px 1.2em;
  padding:0;
}

#varsity-brief {
  list-style-image:url('/img/bullet.png');
}

#varsity-brief ul {
  margin:8px 0 8px 2em;
  padding:0;
}

#grad .passes-left {
  clear:both;
  float:left;
  width:350px;
}

#grad .passes-right {
  float:left;
  width:350px;
  margin-left:20px;
}

#grad h3 {
  margin: 10px 0px 10px 0px;
  color: #000000;
}

#grad .rule {
  width:350px;
}

#grad .passes-box {
  clear:both;
  width:330px;
  overflow: auto;
  padding:0 10px 10px 10px;
}

#grad .name {
  clear:both;
  float:left;
  width:260px;
}

#grad .college {
  float:left;
  width:70px;
  text-align:right;
  font-style:italic;
}

#grad .kyudan{
  padding:10px 5px 0 0;
  font-weight:bold;
}

#grad .kyuhistory ul{
  margin:8px 0 8px 1.2em;
  padding:0;
  list-style-image:url('/img/bullet.png');
}

#grad-thin .passes-left {
  clear:both;
  float:left;
  width:200px;
}

#grad-thin .passes-right {
  float:left;
  width:200px;
  margin-left:20px;
}

#grad-thin h3 {
  margin: 10px 0px 10px 0px;
  color: #000000;
}

#grad-thin .rule {
  width:200px;
}

#grad-thin .passes-box {
  clear:both;
  width:180px;
  overflow: auto;
  padding:0px 10px 10px 10px;
}

#grad-thin .name {
  float:left;
  width:120px;
}

#grad-thin .college {
  float:left;
  width:60px;
  text-align:right;
  font-style:italic;
}

#albums .year {
  padding:10px 5px 0 0;
  font-weight:bold;
}

#albums .content {
  padding:0 5px 0 5px;
  list-style-image:url('/img/bullet.png');
}

#albums .content ul {
  margin:8px 0 8px 1.2em;
  padding:0;
}

#album .photo {
  text-align:center;
  padding:15px 0 5px 0;
}

#lib .title,
#lib .desc,
#lib .owner,
#lib .current {
  float:left;
  padding:10px 5px 10px 5px;
}

#lib .title h3,
#lib .desc h3,
#lib .owner h3,
#lib .current h3 {
  margin:0;
  padding:0;
}

#lib .title {
  clear:both;
  width:170px;
}

#lib .desc {
  width:240px;
}

#lib .owner {
  width:170px;
}

#lib .current {
  width:170px;
}

#lib .current span {
  color:#000000;
  font-weight:normal;
  font-size:9pt;
}


#history .container0 {
  clear:both;
  float:left;
  width:50%;
  margin:0px 0 10px 0;
}

#history .container1 {
  float:left;
  width:50%;
  margin:0px 0 10px 0;
}

#history .year {
  width:100px;
  padding:0px 5px 10px 0;
  font-weight:bold;
}

#history .committee {
  width:350px;
  padding-bottom:10px;
  margin-left: 50px;
  font-weight:bold;
}