@import url("navigation.css");

/* CSS Document for general layout*/

body {
margin: 0px auto;
background: #D6D6D6;
font: 11px 'Verdana', 'Arial', sans-serif;
font-style: normal;
text-align: center;
}


a:link {  
color: #CE2025;
text-decoration: none;
}

a:visited {  
color: #E78F92;   
text-decoration: none;
}

a:hover {  
color: #E78F92;
text-decoration: none;
}



#base {
background: url("images/basebg.gif") repeat-y;
width: 820px;
margin: 0px auto;
margin-top: 0px;
text-align: center;
padding: 0px;
}

#footer {
background: url("images/footerbg.gif") no-repeat;
padding: 4px 0px 2px 0px;
color: #ffffff;
width: 820px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align: center;
clear: both;
}

#footerbase {
background: url("images/footer_btmbg.gif") no-repeat top;
width: 820px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align: center;
height: 20px;
}

#footer a:link {  
color: #ffffff;
text-decoration: none;
}

#footer a:hover {  
color: #E78F92;
text-decoration: none;
}

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

#banner {
background: #fff;
margin: 0px 10px 0px 10px;
}


#divider {
background-color: #CE2025;
height: 8px;
margin: 0px;
border: 0px;
clear:both;
}

#tabdivider {
background-color: #CE2025;
height: 31px;
margin: 0px;
border: 0px;
clear:both;
}

#logo {
position: absolute;
margin: 70px 0px 0px 40px;
width: 100px;
padding:0px;
float: left;
}


#navigation{
float: left;
background: #CE2025;
width: 142px;
margin: 0px;
padding: 20px 0px 10px 0px;
}

#main{
background: url("images/cornerbutt.gif") no-repeat top left;
padding: 15px 15px 10px 15px;
margin: 0px 300px 0px 143px;
text-align: left;

}

.widepic{
padding: 0px 15px 10px 15px;
margin: 0px 0px 0px 143px;
text-align: left;
}

.widepic img{
border: 1px solid #CCCCCC;
}

h1{
color: #CE2025;
font: 21px 'Trebuchet MS', 'Verdana', sans-serif;
font-weight: bold;
text-align: left;
}

h2{
color: #333;
font: 14px 'Trebuchet MS', 'Verdana', sans-serif;
font-weight: bold;
margin:8px 0px;
padding:0px;
text-align: left;
}

h2.white {
color: #fff;
margin:12px 8px;
padding:0px;
text-align: left;
}

h3{
color: #CE2025;
font: 12px 'Trebuchet MS', 'Verdana', sans-serif;
font-weight: bold;
margin:3px 2px;
padding:0px;
text-align: left;
}

h4{
color: #000;
font: 12px 'Trebuchet MS', 'Verdana', sans-serif;
font-weight: bold;
margin:3px 0px 0px 2px;
padding:0px;
text-align: left;
}

p{
color: #444444;
font: 11px 'Verdana', 'Helvetica', 'Arial', sans-serif;
font-weight: normal;
line-height: 130%;
margin: 5px 2px 8px 2px;
}

hr.thick{
border: 0px;
background: #fff url("images/scanlines.gif") repeat-x top left;
height: 24px;
margin-top: 20px;
}

hr{
color: #CE2025;
background-color: #CE2025;
height: 1px;
border: 0;
margin-bottom: 10px;
}

/* lists */

ul.mylist{
 margin: 20px 0px;
}

ul.mylist li{
color: #333333;
 font-style: italic;
 line-height: 130%;
 text-indent: 0px;
 padding: 0px 30px 0px 0px;
 list-style: square;
 margin-left: 30px;
}

ul.downloadlist li{
color: #333333;
 font-style: italic;
 line-height: 140%;
 text-indent: 0px;
 padding: 0px 50px 0px 0px;
 list-style-image: url(images/download_icon.gif);
 list-style-type: circle;
 margin-left: 30px;
}

ul.whitelist li{
color: #ffffff;
 font-weight: bold;
 line-height: 120%;
 text-indent: 0px;
 padding: 0px 20px 0px 0px;
 list-style: disc;
 margin: 5px 0px 0px 20px;
}


#locations-list {
margin: 10px 0px;
}


ul.horizontal{
width: 600px;
list-style:none;
margin: 0px;
}

ul.horizontal li{
float: left;
margin: 0;
padding: 0;
}

ul.horizontal li a{
float: left;
display: block;
padding: 1px 5px;
text-decoration: underline;
}


ol.numbered {
margin: 2;
}


ol.numbered li{
color: #333;
 line-height: 130%;
 text-indent: 0px;
 padding: 0px 0px 0px 0px;
 margin-left: 0px;
 list-style-type: decimal;
}

ol.roman li{
color: #333;
 line-height: 130%;
 text-indent: 0px;
 padding: 0px 0px 0px 0px;
 margin-left: 0px;
 list-style-type: lower-roman;
}

ul ul{
margin-left: 10px;
margin-bottom: 0px;
}


ul#reasons li{
color: #ffffff;
padding: 3px 10px;
text-align: left;
list-style: none;
}

ul#reasons a{
color: #ffffff;
padding: 0px;
text-align: left;
text-decoration: none;
}

ul#reasons a:hover{
color: #E78F92;
text-decoration: none;
}


#right {
float: right;
width: 270px;
margin: 30px 20px 20px 20px;
text-align: left;
}

.alignright {
text-align: right;
padding-right: 20px;
}

/* boxes with rounded corners */

.roundcont {
width: auto;
background-color: #CE2025;
color: #ffffff;
padding: 5px 10px;
}

.roundcont a:link {  
color: #ffffff;
text-decoration: none;
}

.roundcont a:hover {  
color: #E78F92;
text-decoration: none;
}


.roundtop { 
background: url("images/tr.gif") no-repeat top right; 
}
.roundbottom {
background: url("images/br.gif") no-repeat top right;
}
img.corner {
width: 5px;
height: 5px;
border: none;
display: block;
} 

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

img.left{
float: left;
margin: 0px 10px 0px 0px;
} 

/* tables */

table.food td {
border-width: 0px 0px 1px 0px;
border-color: #ffffff;
border-style: solid;
}

table.hotel {
border-width: 0px 0px 1px 0px;
border-color: #CCCCCC;
border-style: solid;
margin-bottom: 10px;
}

table.hotel h1{
margin-top: 0;
padding-top: 0;
}

table.schedule {
font-size: 11px;
background-color: #FAEFE8;
border: 0px;
}

table.schedule td {
padding: 3px;
color: #444444;
border-width: 1px;
border-style: solid;
border-color: #ffffff;
}

table.schedule th {
padding: 5px;
background-color: #CE2025;
color: #ffffff;
border-width: 0px 1px 0px 0px;
border-style: solid;
border-color: #ffffff;
}

table.schedule a{
font-weight: bold;
}


select, button, input {
font: 11px 'Verdana', 'Arial', sans-serif;
font-style: normal;
}


.dpink {
background-color: #F5DED0;
padding: 8px 12px;
margin: 10px 0px;
color: #CE2025;
line-height: 1.4em;
}

.caption {
font: 10px 'Verdana', 'Arial', sans-serif;
font-style: normal;
color: #666;
margin: 0px;
padding: 0px;
}

blockquote {
margin: 20px 0px;
color: #CE2025; /* Into Japan red */
font: 12px 'Verdana', 'Arial', sans-serif;
line-height: 18px;

  background: transparent url(images/quo-left.png) left top no-repeat;
}
blockquote div {
  padding: 0 38px;
  background: transparent url(images/quo-right.png) right bottom no-repeat;
}

p.notice {
margin: 20px 0px;
padding: 5px;
color: #CC0000;
background: #F9D9D9;
}