/* CSS Document */

body {
    background:#f6f6f6;
    font: 17px/2.0em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    margin:0;
    color:#666;
    
}

html {
    border:15px solid #f6f6f6;
    border-left:30px solid #f6f6f6;
    border-right:30px solid #f6f6f6;
}

#outerpage{
    width:1000px;
    margin:auto;
    text-align:left;
    padding-top:20px;
    border:3px solid #eee;
    background:#ffffff;
}

* {
    margin:0;
    padding:0;
    outline:none;
}

img { border:0; }

#footer {
    padding:20px 50px;
    margin-top:50px;
    clear:both;
    border-top:2px solid #eee;
    font:80% Verdana;
    line-height:25px;
}

#footer a {
    color:#999;
}

#footer .validate {
    float:right;
}

table {
    width:100%;
    padding:10px;
    border:1px solid #eee;
}

th {
    color:#cd040e;
    border-bottom:1px solid #eee;
    padding:5px;
}

td {
    padding:5px;
    
    background:#fafafa;
}

#container {
    width:95%;
    margin:0 auto;
}

#content ul {
    margin:10px 0 10px 25px;
}

#content ul li {
    
    padding:10px;
    color:#444;
}

#content img {
    background:#fff;
    padding:1px;
    border:3px solid #eee;
    margin:10px;
}



#sidebar ul {
    list-style:none;
}

#sidebar ul a {
    color:#444;
    font:80% Verdana;
    text-decoration:none;
}

#sidebar ul a.active {
    color:#000000;
    font:80% Verdana;
    text-decoration:none;
}

#sidebar ul a span {
    color:#ccc;
}

#sidebar ul a:hover span {
    color:#333;
}

#sidebar p {
    font:80% Verdana;
    line-height:24px;
    margin:10px 0 20px 0;
}

#sidebar ul li {
    background:#fafafa;
    margin:1px 0 0 0;
    padding:5px;
}

#sidebar h2 {
    font:120% Arial;
    margin:5px 0;
    color:#222;
}

#content {
    width:70%;
    float:left;
    margin-bottom:50px;
}

#sidebar {
    margin-left:75%;
    border-left:1px solid #eee;
    padding-left:30px;
}

.articleinfo {
    font:80% Verdana;
    border-top:1px solid #eee;
    color:#999;
    padding:20px 0;
}

.articleinfo a {
    color:#cd040e;
}

.articleinfo a:hover {
    text-decoration:none;
}

#content h3 {
    margin:20px 0;
}

blockquote {
    background:#f6f6f6;
    padding:0 10px;
    border:1px solid #eee;
    font:100% Georgia;
}

#content p {
    line-height:30px;
    margin:20px 0;
    word-spacing:2px;
}

#content p a {
    color:#cd040e;
    text-decoration:none;
    border-bottom:1px solid #ccc;
}

#content p a:hover {
    border-bottom:1px solid #aaa;
}

#content h2 {
    font:190% Times;
    margin-top:20px;
}

#content h1{
        margin-top:20px;
    color:#333;
        border-bottom:1px solid #ccc;
        padding:5px;
    text-decoration:none;
        font-size:25px;
}

#header {
    width:100%;
    margin:0 auto;
    padding:10px 0;
}

#logo {
    padding:0 0 20px 50px;
}

ul#nav {
    background:#cd040e;
    padding:10px;
    font-size:80%;
    border-top:3px solid #de494f;
    border-bottom:3px solid #de494f;
    font-weight:bold;
}

ul#nav li {
    display:inline;
    list-style:none;
    margin-right:10px;
}

ul#nav li a {
    padding:10px 14px;
    color:#fff;
    text-decoration:none;
}

ul#nav li a:hover {
    background:#de494f;
    color:#fff;
}

ul#nav li a.active {
    background:#fff;
    color:#333;
    border-right:2px solid #de494f;
    border-bottom:2px solid #de494f;
}

p.about {
    border-top:3px solid #de494f;
    border-bottom:3px solid #de494f;
    color:#fff;
    background:#cd040e;
    padding:10px;
}

p.about a {
    color:#fff;
}