/* Page Layout */

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: verdana, arial, helvetica, sans-serif;
}

#maincontainer{
width: 798px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #3F97BF;
border-bottom: 1px solid white;
height: 140px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 240px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}


#leftcolumn{
float: left;
width: 170px; /*Width of left column in pixel*/
margin-left: -798px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 230px; /*Width of right column*/
margin-left: -230px; /*Set left margin to -(RightColumnWidth)*/
background: #F2F3F5;
}

#footer{
clear: left;
width: 100%;
border-top: 1px solid #668197;
color: #668197;
padding: 4px 0;
font-size: 10px;
}

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

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

/* Menu */

.wireframemenu{
background: url('../media/menu-bg.gif');
width: 170px
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font-size: 14px;
padding: 4px 3px 4px 10px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: white;
text-decoration: none;
}

.wireframemenu a:visited{
color: white;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: white;
color: #8C9C1F;
}

/* promo boxs */

#promobox1 {
font-size: 10px;
margin: 20px
}

#promobox2 {
margin-top: 10px;
margin-bottom: 10px;
padding: 20px;
background: #668197;
font-size: 12px;
color: white;
}



#newsletter {
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
border: 1px dashed #888888;
background: white;
font-size: 12px;
}

#innertube {
font-size: 11px;
background: #EEF2FB;
padding: 0px 20px;
}

#innertube h1 {
font-size: 26pt;
color: #8C9C1F;
margin: 0px;
padding-bottom:10px;
}

#innertube h2 {
font-size: 22pt;
color: #8C9C1F;
margin: 0px;
padding-bottom:10px;
padding-top:20px;
}

#innertube h3 {
font-size: 14pt;
color: #8C9C1F;
font-weight: 400;
}


#innertube h4 {
font-size: 14pt;
color: #3F97BF;
}

#innertube a {
color: #3F97BF;
}

#innertube a:hover {
color: black;
text-decoration: underline;
}

#contentcolumn2{
margin-left: 180px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn2{
float: left;
width: 180px; /*Width of left column*/
margin-left: -798px; /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;
}