* { margin: 0; }
html { height: 100%; background: url(../img/bg/html.gif) repeat-x top #6aae20; }

body {
	height: 100%;
    background: url(../img/bg/body.jpg) no-repeat top;
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	}

h1, h2, h3, h4 { font-size: 24px; line-height: normal; text-transform: uppercase; clear: both; }
h1 { font-size: 32px; }
h2 { background: url(../img/bg/h2-underline.gif) repeat-x bottom; padding: 0 0 5px; margin: 0 0 15px; }
h3 { font-size: 16px; text-transform: inherit; margin: 0 0 5px; }
h4 { padding: 0 0 5px; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
p, ol, ul, address { margin: 0 0 20px; }
input, select, textarea { font: 12px Arial, Helvetica, sans-serif; }
iframe { width: 580px; height: 350px; margin: 0 0 20px; overflow: hidden; }

#container {
	width: 960px;
    margin: 0 auto;
    padding: 20px 0;
    line-height: 24px;
	}

#left {
	width: 324px;
    margin: 0 16px 0 0;
	float: left;
    }
    #left img { float: left; }
    #left a.logo { width: 324px; height: 68px; padding: 18px 0 0; margin: 0 0 16px; display: block; background: url(../img/bg/logo.gif); text-align: center; clear: both; }
    #left a:hover.logo { background-position: bottom; color: #fff; }
    #left a:hover { color: #152306; }
    
    #left .block { width: 280px; padding: 20px 20px 0; margin: 0 0 16px; background: #7ac02d; border-right: 4px solid #5a941b; border-bottom: 4px solid #5a941b; }
    #left .block ul { padding: 0; list-style: none; border-bottom: 1px solid #90d444; border-top: 1px solid #6aae20; }
    #left .block ul li a { width: 280px; padding: 7px 0; display: block; border-top: 1px solid #90d444; border-bottom: 1px solid #6aae20; }
    #left .block ul li a:hover { width: 260px; padding: 7px 10px; background: #6aae20; }

#right {
	width: 620px;
    float: left;
    }

#makeMeScrollable {
	width: 100%;
    height: 260px;
    background: #fff;
    position: relative;
    }
	#makeMeScrollable .scrollableArea { float: left; position: relative; }
	#makeMeScrollable .scrollableArea img { margin: 16px 8px;}

#mainmenu {
	width: 620px;
    height: 100px;
    line-height: normal;
	letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    }
	#mainmenu ul { padding: 40px 0 20px; list-style: none; }
    #mainmenu ul li { margin: 0 5px 0 0; float: left; }
    #mainmenu ul li a { height: 28px; padding: 12px 15px 0; float: left; }
    #mainmenu ul li a:hover, #mainmenu ul li a:active, #mainmenu ul .active a { background: #fff; text-decoration: none; color: #6aae20; }

#page {
	width: 580px;
    padding: 20px 20px 0;
    margin: 0 0 20px;
	background: url(../img/bg/page.gif) repeat-x bottom #152306;
    overflow: hidden;
	}
    #page ol, #page ul { padding: 0 0 0 30px; }
    #page .gallery { margin: 0 0 12px; overflow: hidden; }
    #page .gallery a img { float: left; border: 2px solid #152306; margin: 0 6px 6px 0; }
    #page .gallery a:hover img { border: 2px solid #fff; }

.form {
	width: 100%;
	margin: 0 0 20px;
	overflow: hidden;
	}
    .form .label { width: 100px; float: left; clear: both; cursor: pointer; }
    .form input, .form textarea { width: 160px; padding: 5px; margin: 0 0 5px; float: left; }
    .form textarea { width: 320px; height: 160px; }
    .form .btn { width: 80px; margin: 0 0 0 100px; float: left; clear: both; }