/* OAA Centenial stylesheet  */

html, body {
 padding: 0;
 margin: 0;
 color: #000;
 text-align: center;
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: #66c url(bingata2.jpg) repeat top center;
 }

#container {
 background: #fff;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 width: 800px;
 text-align: left;
 border: #000 1px solid;
 }

body#home #container { background: #fff url(shisa.jpg) no-repeat bottom left; }
body#about #container { background: #fff url(manzamo.jpg) no-repeat bottom left; }
body#events #container { background: #fff url(eisa.jpg) no-repeat bottom left; }
body#maps #container { background: #fff url(littletokyo.jpg) no-repeat bottom left; }
body#merchandise #container {}
body#photos #container { background: #fff url(sanshin.jpg) no-repeat bottom left; }
body#press #container {}
body#rsvp #container {}
body#links #container { background: #fff url(hanagasa.jpg) no-repeat bottom right; }

#header {
 background: #fff url(header.jpg) no-repeat top center;
 padding: 0;
 margin: 0;
 height: 300px;
 position: relative;
 width: 100%;
 }

#main {
 position: relative;
 float: right;
 text-align: left;
 width: 560px;
 margin: 0 10px 10px 0;
 padding: 0;
 }
 
.main-left {
 padding: 10px 0 0 5px;
 float: left;
 width: 120px;
 text-align: left;
 clear: both;
 font-weight: bold;
 margin: 0;
 }

.main-right {
 padding: 10px 0 0 0;
 float: right;
 width: 430px;
 margin: 0;
 }

#weekend {
 width: 555px;
 background: #ffc;
 margin: 0;
 padding: 0;
 border: #000 solid 1px;
 }

.column {
 width: 270px;
 }

#sidebar {
 background-color: #fff;
 position: relative;
 float: left;
 width: 195px;
 margin: 0;
 padding: 0;
 }

#footer {
 background-color: #fff;
 padding: 0;
 height: 60px;
 color: #000;
 font-size: 10px;
 border-top: #000 solid 1px;
 clear: both;
 }

.footer-left {
 padding: 10px 0 0 50px;
 float: left;
 width: 250px;
 text-align: left;
 }

.footer-right {
 padding: 10px 0 0 0;
 float: right;
 width: 250px;
 }

a {color: #06c;}

a:hover {color: #f00;}

.emphasis {font-style: italic;}

.strong {font-weight: bold;}

blockquote {
 margin: 15px 30px 0 10px;
 padding-left: 20px;
 border-left: 5px solid #ddd;
 color: #777;
 }

small {
 font-size: 0.9em;
 line-height: 1.5em;
 }

h1, h2, h3 {
 font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif;
 font-weight: bold;
 }

h1 {
 font-size: 4em;
 text-align: center;
 padding-top: 10px;
 padding-bottom: 10px;
 margin: 0;
 }

h2 {
 font-size: 1.6em;
 margin: 20px 0 0;
 }

h3 {
 font-size: 1.3em;
 padding: 0;
 margin: 20px 0 0;
 }

h4 {
 margin: 0;
 }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {text-decoration: none;}

a img {border: none;}

img.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
 }
	
img.alignright {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
 border: 0;
 }

img.alignleft {
 margin: 0 2px 2px 0;
 display: inline;
 border: 0;
 }

img.right {
 float: right; 
 margin: 2px 0 5px 10px; 
 border: 0;
 }

.alignright {float: right;}
	
.alignleft {float: left}

.center {text-align: center;}

hr {display: none;}

.clear { 
 clear: both;
 padding-top: 10px;
 }

li {
 margin-bottom: 10px;
 }