body{
margin:0;
padding:0;
color: #222222;
background-color: #c4b7af;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;

line-height: 1.2em;
}

/******FONTS*****/

h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 30px;
font-weight: bold;
color: #c41131;
margin-bottom: 0;
}

h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #c41131;
}

h3 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #c41131;
}

#style2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #850c22;
}

/*****LINKS*****/

a:link {
color: #990000;
}

a:visited {
color: #996666;
}

a:hover {
color: #c41131;
}

a:active {
color: #c41131;
}


/*****CONTAINERS*****/

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

#container {
margin: 1em 5%;
width: 800px;
height: 820px;
background-image: url('images/paper_pen_white_800x700.jpg');
background-repeat: no-repeat;
background-position: bottom;
border: 1px solid #333;
position: relative;
}

#topsection{
height: 150px; /*Height of top section*/
padding-top: 6px;
background-image: url('images/keyboard_logo_white.jpg');
background-repeat: no-repeat;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column in pixels*/
margin-left: 10px;
padding-top: 1em;
}

#leftcolumn p{
margin-top: 0;
}

#rightcolumn{
padding-top: 1em;
margin: 0 2em 0 220px;
}

#footer{
clear: both;
width: 100%;
background-image: url('images/footer.jpg');
text-align: center;
padding-bottom: 6px;
position: absolute;
bottom: 0;
}

 /*buttons*/
 .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: center;
    font: normal 12px arial, sans-serif;
    height: 24px;
    width: 70%;
	margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 