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

body, html
{
    color: #000;
    font-family: Verdana, Arial, sans-serif;
    background-color: #1B3F1B;
}

body
{
    font-size: 70%;
    min-width: 1000px;
}

p {
    padding: 7px 0 7px 0;
}

a
{
    color: #000099;
}

a:hover
{
    color: #0000FF;
    text-decoration: none;
}

h1, h2, h3
{
    font-weight: bold;
    color:black;
}

h1
{
    font-size: 2em;
}
h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.3em;
}
h1 a, #header h2
{
    color: #fff;
}

.clear { clear: both; }

#mainContainer
{
    min-height: 300px;
    background: white;
}

* html #mainContainer
{
    height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}




/**************************
HEADER
**************************/
#header
{
    background: url('/images/background.jpg') #1B3F1B;
    margin-bottom:3px;
}




/**************************
CONTENT AND COLUMNS
**************************/
.outer
{
    border-left: 200px solid white; /*** This is the width and the color for our left column ***/
    border-right: 200px solid white; /*** This is the width and the color for our right column ***/
}

.inner
{
    width: 100%;
}

.float-wrap
{
    float: left;
    width: 100%;
    margin-left: -200px; /*** Same length as .outer border-left but with negative value ***/
}

#content
{
    float: right;
    background: #fff;
    margin-right: -200px;  /*** Same length as .outer border-left but with negative value ***/
    width: 100%;
}

* html #content
{
    position: relative;
}

.contentWrap
{
    padding: 5px;
}

.contentWrap.article
{
    margin-left:10px;
    margin-right:10px;
}

.contentWrap p
{
    padding: 5px 0;
}

.contentWrap ol,
.contentWrap ul
{
    margin: 3px 0 5px 0px;
    list-style-position:outside;
}

.contentWrap li
{
    padding-bottom: 2px;
    list-style-position:inside;
}

.contentWrap h1,
.contentWrap h2,
.contentWrap h3,
.contentWrap h4,
.contentWrap h5
{
    padding:10px;
    padding-left:0px;
    /*color:#316C31;*/
    color:black;
    font-size:14px;
}









/**************************
LEFT COLUMN
**************************/
#left
{
    float: left;
    width: 190px;
    min-height: 250px;
    padding: 5px;
}

* html #left
{
    position: relative;  /*** IE needs this  ***/
    height: 250px;
}





/*************************
RIGHT COLUMN
**************************/
#right
{
    float: right;
    width: 190px;
    padding: 5px;
    min-height: 250px;
    margin-right: -200px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}

* html #right
{
    height: 250px;
    position: relative;  /*** IE needs this  ***/
}






/**************************
FOOTER
**************************/
#footer
{
    text-align: center;
    background-color: #1B3F1B;
    padding:10px;
    color:white;
}