/* General */

body, html, img, div, table, td, tr, th, h1, p, dd, dt, dl {
margin: 0;
padding: 0;
border: 0;
}

body {
background: #fff;
color: #555;
font-size: 0.9em;
font-family: sans-serif;
line-height: 1.6em;
letter-spacing: 0.04em;
}

div#header {
min-height: 40px;
padding: 0 0 1.5em 0;
background: #f8f8f8 url(../background/div_header.gif) repeat-x bottom left;
color: #aaa;
letter-spacing: 0.08em;
font-size: 1.1em;
}

div#main {
width: 50%;
min-width: 600px;
margin: 1em 0 0 10%;
}

/* Heading */

h1, h2, h3 {
font-weight: normal;
clear: both;
color: #5a5a5a;
line-height: 1em;
font-variant: small-caps;
font-family: "Georgia", serif;
}

h1 {
padding: 0.6em 0 0 1.8em;
font-size: 2em;
letter-spacing: 0;
word-spacing: -0.2em;
background: transparent url(../background/h1.gif) repeat-x;
}

h1 em, h2 em, h3 em {
font-size: 1em;
}

div#header p#motto {
font-size: 0.9em;
margin: 0 0 0 4.2em;
letter-spacing: 0.13em;
}

div#header p#quote {
margin: 0.5em 4% 0 2%;
font-style: italic;
font-family: serif;
}

span.quote_start {
margin: 0 0.2em 0 0;
font-size: 1.8em;
color: #ae4c4c;
}

span.quote_end {
margin: 0 0 0 0.2em;
font-size: 1.4em;
color: #ae4c4c;
}

div#header p#quote span.by {
display: block;
margin: 0.2em 0 0 4%;
font-size: 1.4em;
color: #ae4c4c;
}

h2 {
margin: 0 0 0.3em 0;
padding: 0 0 0.3em 0;
border-bottom: 1px solid #ccc;
font-size: 1.6em;
}

h3 {
margin: 1.2em 0 0.3em 2em;
font-variant: normal-caps;
}

/* Text */

p {
margin: 0 0 1.8em 0;
}

div#main p:first-letter {
margin: 0 0.05em 0 0;
font-size: 1.6em;
color: #ae4c4c;
}

em, dt {
font-weight: normal;
font-style: normal;
font-size: 1.2em;
color: #ae4c4c;
}

ul {
list-style-type: square;
margin: 0.4em 0 1.2em 0;
padding: 0 0 0 30px;
}

ul#options {
clear: both;
list-style: none;
margin: 0 0 1.8em 0;
padding: 0.4em 0 0 0;
border-top: 1px solid #ccc;
text-align: center;
}

ul#options li {
display: inline;
margin: 0 1em;
}

dl {
float: left;
width: 48%;
margin: -2em 0 1.4em 2%;
}

dt {
margin: 1em 0 0 0;
}

dd {
margin: 0 0 0 0.5em;
padding: 0 0 0 17px;
background: transparent url(../background/dd.gif) no-repeat 0 0.3em;
font-size: 0.9em;
line-height: 1.5em;
}

/* Image */

img.belief {
width: 560px;
height: 180px;
margin: 0 auto 1.8em auto;
display: block;
padding: 11px;
background: transparent url(../background/img_belief.gif) no-repeat;
}

/* Link */

a {
color: #0097e3;
text-decoration: none;
}

a:hover {
color: #52bbef;
}

p#motto a {
text-decoration: none;
}