/**
 * template two.css (two column, right navigation, fixed width)
 * @author      Greg Tammi <greg@pictographics.com>
 * @copyright   Copyright (c) 2009+ Pictographics Ltd
 * @since       Feb 17, 2009
 */

* {
    margin: 0 auto ;
    padding: 0 auto ;
}

body {
    background: #f5f5f5 ;
    text-align: center ;
}

#wrapper {
    width: 900px ;
    margin: 20px auto ;
    font: 0.9em/1.3em Arial, Verdana, sans-serif ;
    text-align: left ;
}

#header {
    width: 900px ;
    height: 124px ;
    border: 1px solid #00b ;
    border-bottom: none ;
    background: url(img/header.jpg) 0 0 no-repeat ;
}

#header img {
    border: none ;
}

#header h2 {
    display: none ;
}

#content-wrapper {
    background: #fff ;
    width: 900px ;
    padding-top: 10px ;
    border: 1px solid #00b ;
    background: #fff url(img/sidebar.gif) top right repeat-y ;
}

#sidebar {
    float: right ;
    width: 200px ;
    border: 0px;
    text-align: right ;
    text-transform: uppercase ;
    font-size: 85% ;
    padding-right: 10px ;
}

#nav li {
    padding: 10px 0 ;
    list-style: none ;
}

#nav li.first {}

#nav a {
    color: #00d ;
    text-decoration: none ;
    margin-top: 4px ;
    text-transform: uppercase ;
}

#nav a:hover, #nav li.active a {
    text-decoration: underline ;
    color: #d00 ;
}

#content {
    padding: 10px ;
    float: left; 
    width: 670px ; 
    color: #000 ;
    font: 12px Arial, tahoma, sans-serif ;
    min-height: 150px ;
}

#content h1 {
    margin: 0 0 6px 0 ;
    font-size: 115% ;
    color: #d00 ;
}

#content p {
    line-height: 1.3em ;
    margin-bottom: 10px ;
}

#content img {
    margin: 4px ;
}

#content img.right { 
    display: none ; 
    visibility: hidden ;
}

#content a {
    text-decoration: none ;
    color: #00d ;
    font-weight: bold ;
}

#content a:hover {
    color: #d00 ;
    text-decoration: underline ;
}

#content ul {
  padding-left: 20px ;
  margin: 15px 0 ;
}

/* extra divs in the content area */
#extra_1 { clear: both ; height: 1px; width: 1px ; display: block; }
#extra_2 { display: none ; }
#extra_3 { display: none ; }
#extra_4 { display: none ; }

#footer {
    width: 900px ;
    margin: 20px auto ;
    text-align: center ;
    font-size: 80% ;
    color: #888 ;
}

#footer span#copyright {}
#footer span#webulation {
    margin-left: 6px ;
    border-left: 1px solid #888 ;
    padding-left: 9px ;
}

#footer a {
    color: #00d ;
    text-decoration: none ;
}

#footer a:hover {
    text-decoration: underline ;
    color: #d00 ;
}