* { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

body {
    background: #D5F2FF;
    font-family: Arial, Tahoma, Verdana;
}

.header, .navigation.main ul, .content {
    width: 960px;
    margin: 0 auto;
}

.header h1 {
    padding: 20px;
}

.header h1 span {
	display: block;
	font-size: 300%;
	cursor: pointer;
}

.navigation.main {
    background: #222222;
}

.navigation.main ul {
    list-style: none;
    overflow: auto;
}

.navigation.main li {
    display: inline;
}

.navigation.main a {
    float: left;
    color: #CCCCCC;
    text-decoration: none;
    border-right: 1px solid #CCCCCC;
    padding: 9px 20px;
    outline: none;
}

.navigation.main a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.navigation.main a:focus {
    outline: none;
}

.content {
    background: #FFFFFF;
    color: #333333;
    padding: 1px 20px 11px;
    margin: 20px auto;
    width: 920px;
}

.content h2, .content h3, .content h4, .content h5, .content h6, .content p, .content blockquote, .content ul, .content ol, .content #flashcontent {
    margin: 20px 0 10px;
    line-height: 140%;
}

.content h2 {
    font-size: 150%;
    font-weight: bold;
}

.content h3 {
    font-size: 150%;
}

.content h4 {
    font-size: 130%;
    font-weight: bold;
}

.content h5 {
    font-size: 130%;
}

.content h6 {
    font-weight: bold;
}

.content ul, .content ol {
    padding-left: 25px;
}

.content a {
    color: #2255AA;
}

.content a:hover {
    color: #222222;
}

.content img {
    border: 2px solid #222222;
    padding: 5px;
    margin: 10px;
}

img.left {
    float: left;
}

img.right {
    float: right;
}

img.full {
    display: block;
    margin: 10px auto;
}