/* General tags */
*{margin:0; padding:0;}
body{background:#ccc url(../images/bodybg.gif) repeat; font:76% verdana,tahoma,sans-serif;}
a{background-color:inherit; color:#9E3434; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin:0 0 16px 0;}
ul {margin:0 0 16px 5px; padding-left:15px;}
ul ul, ol ol{margin:3px 0 0 15px;}
img{float:left; margin:0 10px 5px 0;}
img.right{float:right; margin:0 10px 5px 0;}
img.center{float: none;}

/* Headers */
h1{color:#555; font-size:3.6em; letter-spacing:-3px; margin:0; text-align:right;}
h2{font-size:1.6em; color: #9E3434; font-weight:normal; letter-spacing:-1px; margin:5px 0 10px;}
h3{font-size:1.2em; font-weight:bold; letter-spacing:-1px; margin:5px 0 10px;}

/* IDs */
#title{margin:20px auto -9px; width:700px;}
#container{background:#fff url(../images/front.png) bottom left no-repeat; border:20px solid #555; color:#555; margin:0 auto 15px; padding:10px; width:700px; line-height:1.3em;}
#sidebar{float:left; padding-left:0; width:110px;}
#sidebar p{margin:10px 0 5px 0; text-align:center; font-size:0.8em;}
#main{float:right; width:530px;}
#footer{clear:both;}

/* Menu */
#sidebar h2 { color: black; font-weight: bold; }
.menu{border:1px solid #ffffff; color:#9E3434; display:block; font-size:1.0em; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}
.menu_s{background-color: #f8f8f8; border:1px solid #dadada; text-decoration:none; color:#9E3434; display:block; font-size:1.0em; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}
.menu:hover, menu_s:hover {background-color:#f8f8f8; border:1px solid #dadada; color:#9E3434; text-decoration:none;}

.mobile_menu {  border:1px solid #C9C9C9; color:#9E3434; font-size:2.5em; font-weight:bold; padding:4px 2px 4px 10px; width:100%;  display:block; text-align:center;  border-radius:5px;-moz-border-radius:5px;  background-color:#F4F4F4; margin:9px;}


/* Various classes */
.credits{color:#888; font-size:0.9em; margin-bottom:0; text-align: right;}
.credits a{color:#888;}

div.quote { display: table-row; }
div.quote span { display: table-cell; display: inline-block; vertical-align: middle; text-align: center; font-style: italic; }
div.quote span.image{ width: 315px;}
div.quote span.text{ width: 210px; }
div.spacer { clear: both; font-size: 0.5em; }
div.center { text-align: center; }
div.pictures img { clear: both; float: none; margin: 7px 0 7px 0 ; padding: 3px; }