/* Point Nine 3 Column Layout Style
  Inspired by http://www.pixy.cz/blogg/clanky/css-3col-layout/  */

#layoutcontent {
    padding:0;
    margin-top: 20px;
    line-height: 160%;
}

#innercontainer {
    padding:0;
    padding-top: 30px;
}

#left {
    float:left;
    width:205px;
    margin:0;
    margin-right:25px;
}

#right {
    float:right;
    width:205px;
    margin-left:25px;
}

#middle {
    width:205px;
    margin:0px 230px;
}

#middle hr{
    width:205px;
}

.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
}


#layoutcontent strong{
    color:#777777;
}

#layoutcontent h2{
    margin-bottom: 1.3em;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    color:white;
    background:#470a59; 
    font:12px Verdana,Geneva,sans-serif;
    font-weight:bold;

}


#layoutcontent h2 span{
    color:#470a59;
}

#layoutcontent h3{
    margin-bottom: 1em;
    color:#470a59;
    font:12px Verdana,Geneva,sans-serif;
    font-weight: bold;
}

#layoutcontent h3 span{
    color:#470a59;
}

/* for presentations */
#layoutcontent h4 {
    border-bottom:0.5px solid #4a4a0a;
    margin-bottom: 1em;
    margin-top: 3em;
    color:#777777;
    font:14px Verdana,Geneva,sans-serif;
}

#layoutcontent h4 span{
    color:#470a59;
}


#layoutcontent h5{
    margin-bottom: .2em;
    margin-top: .2em;
    color:#777777;
    font:12px Verdana,Geneva,sans-serif;
    text-align: center;
}


#layoutcontent h6{
    margin-top: 1em;
    margin-bottom: 1em;
    color:#4a4a0a;
    font:18px Verdana,Geneva,sans-serif;
    text-align: center;
}


#layoutcontent h6 span{
    color:#470a59;
}



#layoutcontent p{
    margin-bottom: 1.5em;
}

#layoutcontent p.small{
    color:#777777;
    font:8px Verdana,Geneva,sans-serif;
    margin-bottom: 0.5em;
}



#layoutcontent p span{
    color:#470a59; 
    font-weight:bold;
}

#layoutcontent a {
    color:#626222; 
}

#layoutcontent a:hover {
    color:#0574AF;
    text-decoration:none;
}


#layoutcontent ul.withcircle{
    list-style-image: url(../images/diagonal_arrow.gif);
    padding-left: 20px;
    margin-bottom: 1em;
    margin-top: 1em;
}

#layoutcontent ul.withsquare{
    list-style-image: url(../images/right_arrow.gif);
    padding-left: 20px;
    margin-bottom: 1em;
    margin-top: 1em;
}

#layoutcontent ul {
    list-style-type: circle;
    padding-left: 20px;
    margin-bottom: 1em;
    margin-top: 1em;
}

#layoutcontent ol {
    padding-left: 30px;
    margin-bottom: 2em;
}


#layoutcontent .clear {
    text-decoration:none;
    border: none;
}