body{

    margin:0 100px;

    padding:0 200px 0 150px;

}

#container{

/*    background-color:#9cc;*/

    float:left;

    width:100%;

    /*border-left:150px solid tranparent; /*#cf9; /* The width and color of the left rail */

    border-left-width: 150px;

    border-left-style: solid;

    border-left-color: transparent;

    /*border-right:200px solid ; /*#c33; /* The width and color of the right rail */

    border-right-width: 200px;

    border-right-style: solid;

    border-right-color: transparent;

    margin-left:-150px;

    margin-right:-200px;

    display:inline; /* So IE plays nice */

}

#leftRail{

    float:left;

    width:150px;

    margin-left:-150px;

    position:relative;

}

#center{

    float:left;

    width:100%;

    margin-right:-100%;

}

#rightRail{

    float:right;

    width:200px;

    margin-right:-200px;

    position:relative;

}

#header, #footer{

/*    background-color:#ddd;*/



    margin-left:-250px;

    margin-right:-300px;



    clear:both;



    padding: 5px;

}

h2{

    margin:0;

    padding:5px;

}

#center h2{

/*    background-color:#222;*/

    /* color: #c33; */

}

.menu{

    list-style-type:none;

    /*border:1px solid ; /* #444; */

    border-width: 1px;

    border-style: solid;

    border-color: #ccff99; /*transparent;*/



    margin:5px;

    padding:5px;

}

#leftRail h2{

/*   background-color: #c33;*/

}

#rightRail fieldset{

    /*border:1px solid ; /* #222; */

    border-width: 1px;

    border-style: solid;

    border-color: #ccff99; /*transparent;*/

    margin:5px;

    padding:5px;

}

#rightRail legend

{

    color: inherit;

}

.article{

    /*border:2px solid ; /* #444; */

    border-width: 2px;

    border-style: solid;

    border-color: #ccff99;

    margin:5px;

    padding-top:0;

    overflow:hidden;

    padding-left:102px;

}

* html .article{

    height:1%; /* So IE plays nice */

}

.article p{

    margin:0;

}

.article h3{

/*    background-color:#c93;*/

    margin:0 -5px 0 -102px;

    padding:5px;

    /*border-bottom:2px solid ; /* #444; */

    border-bottom-width: 2px;

    border-bottom-style: solid;

}

.articleTitle{

    font-weight: bold;  /*to get h3 size and look */

    font-size: 1.2em;   /*to get h3 size and look */

/*    background-color:#c93;*/

    margin:0 -5px 0 -102px;

    padding:5px;

/*    border-bottom:2px solid ; /* #444; */

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: #ccff99;

}



.articleContainer{

    width:100%;

    /*border-left:102px solid ; /* #699; */

    border-left-width: 102px;

    border-left-style: solid;

    border-left-color: transparent;

    margin-left:-102px;

/*    background-color:#fefefe;*/

    display:inline;

    float:left;

}

.articleContent

{

    width:100%;

    float:right;

    /*border-left:2px solid ; /* #444; */

    border-left-width: 2px;

    border-left-style: solid;

    border-left-color: #ccff99;

    margin-left:-2px;

    position:relative;

}

.articleContent p{

    padding:5px;

}

.articleRail{

    font-size: 0.8em;

    float:left;

    width:115px;

    margin-left:-117px;

    /*border-right:2px solid ; /* #444; */

    border-right-width: 2px;

    border-right-style: solid;

    border-right-color: #ccff99;

    position:relative;

}