/* CSS Document */

body{background-color:#ffffff;
margin:0;
padding:0;
line-height: 1.5em;
}

h1 {
	font-family: "Adobe Caslon Pro","Gill Sans Light","Helvetica Neue Light", "Myriad Pro","Arial",sans-serif; font-weight:lighter;
	font-size:30px;
	color:#412700;
	
	margin:20px 20px 20px 20px;
	padding:5px 10px 5px 15px;
	}


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

#topsection{position:absolute;
margin:20px 20px 20px 20px;
	padding:5px 10px 5px 15px;
height: 90px; /*Height of top section*/
}


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

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

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

background: 474749;
margin: 0px 0px 0px 20px;
}

a {font-family: "Helvetica Neue Light","Gill Sans Light","Arial",sans-serif; font-weight:lighter;
	color:#acacac;
	text-decoration:none;
	font-size:20px;
	}
a:link {color:#412700;}
a:visited {color:#000000;}
a:hover {color:#8cc63f;}

.iconlist {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	list-style:none;
	}


li.item {
	padding:20px 3px 3px 20px;
	margin:0px;
	}

#rightcolumn{

float: right;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #acacac;
}
#rightclumn a{
color:#FFFFFF;
}

#footer{
clear: left;
width: 100%;
background: #ffffff;
color: #FFF;
text-align: center;
margin: 100px 0px 0px 0px;
padding: 4px 0;
}

#footer a{
color: #8cc63f;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}