html, body {
    margin: 0;
    padding: 0
}

body {
    font-family: verdana, arial, helvetica, sans-serif;
    font: 90% verdana, arial, helvetica, sans-serif;
    text-align: center;
    background: #143D55;
}

p {
    margin: 0 10px 10px
}

a {
    display: block;
    color: #006;
    padding: 10px
}

div#header {
    position: relative;
    color: #79B30B;
    height: 160px;
    background: #d9eef1 url(images/stmarks_logo.gif);
}

div#header h1 {
    height: 160px;
    line-height: 80px;
    margin: 0;
    padding-left: 10px;
}

div#container {
    text-align: left;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 2px gray solid;
    border-right: 2px gray solid;
    /*min-height: 500px;*/
    background: white;
    height: 100%;
    overflow: hidden;
}

div#content {
    background: white;
    min-height: 99%;
    /*padding: 2px 0px 10px 10px;*/
	padding:20px 1em 40px 1em;
  	 border-right: 1px gray dotted;
    margin-right: 13em;
    /*	     margin: 0em 13em -2em 0em;*/
    height: 100%;
    /*	margin :-18em;*/
    /*width:36em;*/
}

#content h1 {
    color: #485C74;
	border-bottom:1px solid #D1D4DF;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1.30em;
    margin: 0px;
    padding: 13px 0px 5px;
}

#content h2 {
    color: #485C74;
    font-size: 1.25em;
    margin: 0px;
    padding: 10px 0px 1px;
}

div#content p {
    line-height: 1.4;
}

div#extra {
    background: #FF8539
}
/*
 div#footer {
 background: #333;
 color: #FFF;
 position: relative;
 border-bottom: 4px solid gray;
 margin-top: -2em;
 }
 */
div#footer {
    background: #333333 none repeat scroll 0%;
    border-bottom: 1px solid gray;
    clear: both;
    color: #FFFFFF;
    height: 30px;
    margin-top: -2em;
    position: relative;
}

div#footer h1 {
    height: 150px;
    line-height: 80px;
    margin: 0;
    padding-left: 10px;
}

div#footer p {
    margin: 0;
    padding: 5px 10px
}

div#footer a {
    display: inline;
    padding: 0;
    color: #C6D5FD
}

div#container {
    width: 850px;
    background-position: right;
    background-repeat: repeat-y;
    margin: 0 auto;
}

div#contentcol {
    float: left;
    background: #F3F4F7;
    width: 100%;
    margin-right: -13em;
    height: 100%;
}

div#sidebarcol {
    float: left;
	/*border-left:1px dotted gray;*/
	background: #F3F4F7;
    background-position: right;
    background-repeat: repeat-y;
    width: 22em;
    margin-right: -45em;
}

div#extra {
    clear: both;
    width: 100%
}
/*div#wrapper {
 background: white;
 height:auto;
 overflow:hidden;
 height:100%;
 }*/
div#topmenu {
    /* position: relative;*/
    background: #143D55;
    /*height:100px;*/
}

#styletwo {
    position: relative;
    display: block;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
    background: transparent url(images/bgOFF.gif) repeat-x top left;
    font-family: Arial, Verdana, Helvitica, sans-serif;
}

#styletwo ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto;
}

#styletwo ul li {
    display: block;
    float: left;
    margin: 0 1px 0 0;
}

#styletwo ul li a {
    display: block;
    float: left;
    color: #000;
    text-decoration: none;
    padding: 6px 20px 0 20px;
    height: 24px;
}

#styletwo ul li a:hover, #styletwo ul li.active a {
    color: #fff;
    background: transparent url(images/bgON.gif) repeat-x top left;
}

#footer ul {
    color: #C9D7C5;
    font-size: 80%;
    padding: 0.2em 0pt 0.3em;
    text-align: center;
}

#footer ul li {
    display: inline;
}

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

#footer ul li:after {
    content: ".";
}

#footer ul li.last:after {
    content: "";
}