/*----------------------------------------------------------------
 * Basic HTML tag styles 
 *--------------------------------------------------------------*/
html {
    height:100%;
    margin-bottom: 1px;
}
body {
    font:13px/1.231 "Helvetica Neue",arial,clean,sans-serif;
    *font-size:small;
    *font:x-small;
    color:#444;
    margin:30px auto;
    padding:0 20px 50px;
    width:860px;
}
* {
    margin: 0px;
    padding: 0px;
}
label {
    margin-top:5px;
    display:block;
}
table {
    font-size:inherit;
    font:100%;
}
a {
    outline:none;
    text-decoration:none;
    color:#cd2127;
}
a:hover {
    color:#444;
}
a img {
    border:none;
}
h1 a {
    margin:-10px 0 0 0;
    float:left;
    display:block;
    width:243px;
    height:55px;
    background: url(/images/uploads/mutt-logo.gif) no-repeat;
    text-indent:-9999px;
}

h4 {
    border-bottom:1px #444 solid;
    color:#444;
    margin-bottom:5px;
    font-size:150%;
}
h4 a {
    color:#cd2127;
    font-size:120%;
    font-weight:bold;
}
h4 a:hover {
  color:#444;
}
h4 a span {
    font-weight: bold;
}

h4 span {
    font-size:70%;
    font-weight:normal;
}
h5 {
    font-size:150%;
    margin-bottom:5px;
    margin-top:25px;
    color:#cd2127;
}
h5 a:hover {
    color:#444;
}
h6 {
    font-size:80%;
    color:#a1a1a1;
    margin:0px,0px,2px,0px;
    margin-bottom:0px;
}
dl {
    margin:0;
}
dl dt {
    font-size:120%;
    font-weight:bold;
    color:#37604c;
}
dl dd {
    margin:0 0 5px 10px;
}
ul {
    margin:0;
}
ul li {
    margin:0 0 3px 15px;
}

/*----------------------------------------------------------------
 * News
 *--------------------------------------------------------------*/
div.news h6 {
    font-size:100%;
    margin-bottom:0px;
    margin-top:15px;
    color:#cd2127;
}
div.news a:hover {
    color:#444;
}

/*----------------------------------------------------------------
 * Header menu 
 *--------------------------------------------------------------*/
#menu {
    padding-top: 18px;
    list-style-type:none;
}
#menu li {
    float:right;
    margin-right:15px;
}
#menu li#last {
    margin-right:0px;
}
#menu li a {
    color:#444;
    font-size:110%;
}
#menu li a:hover, #menu li a.cur {
    color:#cd2127;
}

/*----------------------------------------------------------------
 * Masthead
 *--------------------------------------------------------------*/
#banner {
    margin-top:15px;
    height:214px;
    color:#FFF;
}
#banner h2 {
    font-size:380%;
    padding:65px 0 0 80px;
    text-indent:-9999px;
}
#banner h3 {
    font-size:100%;
    padding-left:303px;
    padding-top:45px;
    font-weight:normal;
}
div.divider {
  margin:25px 0 15px 0;
  border-bottom:1px #444 solid;
}

/*----------------------------------------------------------------
 * Content area 
 *--------------------------------------------------------------*/
#content {
    margin-top:-20px;
    padding:10px 0 10px 0;
    font-size:115%;
}
#content .left h4 {
}
#content .left h4 span {
    padding-left:5px;
}
#content .right h4 {
}
#content .right h4 span{
    font-size:70%;
    font-weight:normal;
}
#content p {
    margin-bottom:10px;
    font-size:95%;
}
#content a.floaty {
    float:left;
    margin:0 12px 12px 0;
}
#content img.nostyle {
    border:none;
}
#content .left {
    float:left;
    width:525px;
}
#content .right {
    float:right;
    width:300px;
}

/*----------------------------------------------------------------
 * Snippets 
 *--------------------------------------------------------------*/
.split {
    width:247px;
    font-size:90%;
    float:left;
    padding-right:15px;
}

/*----------------------------------------------------------------
 * Snippets 
 *--------------------------------------------------------------*/
.snippet {
    width:160px;
    font-size:90%;
    float:left;
    padding-right:15px;
}
.snippet img {
    display:block;
    margin:10px auto;
}
.snippet h6 {
    font-size:110%;
    margin-top:3px;
    margin-bottom: 3px;
}
.snippet h6 a {
    color:#444;
}
.snippet h6 a:hover {
    color:#cd2127;
}
.snippet h6 span.topic_name {
    color:#444;
}

/*----------------------------------------------------------------
 * Footer 
 *--------------------------------------------------------------*/
#footer {
    float:left;
    width:300px;
}