/*
bg color: #002222
main bg: #003333
menu:  #
border: #dee983

orig:
bg color: #5d5048
main bg: #423433
menu:  #998c84
border: #ffffff
*/

body {
	text-align: center;
	min-width: 760px;
	background: #003333;
}

div#wrapper {
		margin: 0 auto;
		margin-top: 20px;
		border: 1px solid #dee983;
		width: 760px;
		background: #002222 /*url('images/tatgun.jpg')*/;
		background-position: bottom right;
		background-repeat: no-repeat;
}

html>body div#wrapper {
		min-height: 300px;
		height: auto !important;
}

div#logo {
		float: left;
        position: relative;
        left: -25px;
		height: 260px;
		/*margin-bottom: -10px;*/
		width: 200px;
		border-right: 1px solid #dee983;
		border-bottom: 1px solid #dee983;
		background: #002222 url('images/main_logo.gif');
		background-position: center;
		background-repeat: no-repeat;
}

html>body div#logo {
		height: 100%;
		min-height: 260px;
}

h1 {
		color: #aabbcc;
		font-size: 18pt;
		font-weight: bold;
        text-align: right;
}

h2 {
		color: #aabbcc;
		font-size: 14pt;
		font-weight: bold;
}

b {
		color: #ffffff;
		font-weight: bold;
}

h1, h2, p, form {
    margin: 16px 0px 0px 0px; padding: 0px;
}

div#footer {
		width: 760px;
		clear: both;
		margin: 0 auto;
		font-family: trebuchet ms,arial,verdana;
		font-size: 6pt;
		font-weight: normal;
		color: #ffffff;
		letter-spacing: 1.1pt;
		padding-top: 20px;
		text-align: right;
}

div#footer a {
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		text-transform: uppercase;
}

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

div#content a, div#topbar a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: underline;
}

div#content a:hover, div#topbar a:hover {
		text-decoration: underline;
        background: #055;
}

div#content a img, div#content a.img:hover {
    border: 0px;
    background: transparent;
}

a.img img {float:right;}

div#content {
		text-align: justify;
		padding: 0px 25px 0px 25px;
        /*padding-top: 100px;*/
		float: left;
		width: auto;
		height: 100%;
        position: relative;
        top: -10px;
		font-family: trebuchet ms,arial,verdana;
		font-size: 12pt;
		font-weight: normal;
		color: #ffffff;
        display : block;
}

html>body div#content {
		height: auto !important;
		min-height: 300px;
}

div#topbar {
		height: 75px;
		font-family: trebuchet ms,arial,verdana;
		font-size: 8pt;
		font-weight: normal;
		text-align: left;
		padding-left: 25px;
		padding-top: 10px;
		color: #ffffff;
		letter-spacing: 1.1pt;
		border-bottom: 1px solid #dee983;
		clear: left;
        background: url('images/logo2.jpg');
		background-position: top center;
		background-repeat: no-repeat;
}

div#menu {
		float: right;
		width: 760px;
}

div#menu a {
		display: block;
		width: 125px;
		position: relative;
		left:0px;
		top: -10px;
		z-index: 50;
		float: left;
		border: 1px solid #dee983;
		height: 22px;
		background: #116666 /*url('images/dot.gif')*/; 
		background-position: center left;
		background-repeat: no-repeat;
		font-family: trebuchet ms,arial,verdana;
		text-align: right;
		font-size: 14px;
		text-decoration: none;
		padding-right: 10px;
		padding-top: 3px;
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
}

div#menu a:hover {
		background: #002222 url('images/dot.gif');
		background-position: center left;
		background-repeat: no-repeat;
		color: #bbc6b6;
}