@import url('content.css');

body{
	background-image: url('img/bg.png');
	background-repeat: repeat-x;
	background-color: #938f60;
	text-align: center;
	margin: 5px;
}

	div#wrapper{
		margin: 0px auto;
		text-align: left;
		width: 782px;
		background: url('img/bg-wrapper.png');
		background-repeat: repeat-y;
		position: relative;
		overflow: hidden;
	}
		div#top{
			background: url('img/bg-top.jpg') no-repeat top center;
			width: 782px;
			height: 123px;
			position: relative;
		}
			div#top-options{
				text-align: center;
				width: 180px;
				padding: 5px 0px;			
			}
				div#top-options a,div#top-options a:hover,div#top-options a:active,div#top-options a:visited{
					color: #403104;
					text-decoration: none;
					margin-left: 5px;
				}
				div#top-options a:hover{
					text-decoration: underline;
				}
			
			img#logo{
				position: absolute;
				top: 60px;
				left: 10px;
			}
			img#top-info{
				position: absolute;
				right: 55px;
				bottom: 30px;
			}
			
			div#top-menu{
				position: absolute;
				bottom: 2px;
				right: 0px;
				width: 480px;
				height: 25px;
				overflow: hidden;
			}
				ul#menu-top{
					width: 480px;
					margin: 0px;
					padding: 0px;
					list-style: none;
					float: right;
				}
					ul#menu-top li a, ul#menu-top li.selected a{
						width: 90px;
						height: 25px;
						display: block;
						float: left;
						background: url('img/bg-menu-top.png') no-repeat top center;
						padding-top: 5px;
						margin-bottom: -4px;
						
						text-align: center;
						text-decoration: none;
						color: #75502E;					
					}
					ul#menu-top li a:hover, ul#menu-top li.selected a{
						color: #FFD0A4; 
					}
		div#sidebar{
			width: 180px;
			float: left;
			margin-left: 1px;
		}
			ul#menu-left{
				margin: 0px;
				padding: 0px;
				padding-top: 12px;
				list-style: none;		
			}
				ul#menu-left ul{
					padding: 0px;
					margin: 0px;
					padding-left: 48px;
					list-style: none;		
				}
				ul#menu-left li a{
					background: url('img/bg-menu-left.png') no-repeat;
					background-position: -170px 0px;
					width: 170px;					
					height: 35px;
					display: block;
					margin: auto;
					padding-top: 10px;	
					margin-top: 2px;				
					margin-bottom: -8px; 
					overflow: hidden;
					 
					text-align: center;
					font-size: 10pt;
					font-weight: bold;
					letter-spacing: 1px;
					color: #403104;
					text-decoration: none;
				}
				ul#menu-left li a:hover, ul#menu-left li.selected a{
					background-position: 0px 0px;
					color: #5A4D28;
				}
				
				ul#menu-left ul li a{
					background: url('img/bg-menu-left-submenu.png') no-repeat;
					background-position: 0px 0px;
					width: 120px;					
					height: 20px;
					display: block;
					margin: auto;
					padding-top: 3px;	
					margin-top: 2px;				
					margin-bottom: -3px; 
					text-align: center;
					font-size: 8pt;
					font-weight: normal;
					letter-spacing: 1px;
					color: #403104;
					text-decoration: none;
				}
				ul#menu-left ul li a:hover, ul#menu-left ul li.selected a, ul#menu-left ul li.selected a:hover{
					background-position: -120px 0px;
					color: #735600;
				}
		div#content{
			width: 590px;
			padding: 5px;
			float: left;
		}
	div#footer{
		background: url('img/bg-bottom.gif') no-repeat top center;
		text-align: center;
		color: #BFBB8F;	
		padding-top: 28px;
		margin: 0px auto;
		clear: both;
	}
	div#footer a,div#footer a:hover,div#footer a:visited,div#footer a:active{
		color: #DCDAC2;
		text-decoration: none;
	}
	div#footer a:hover{
		text-decoration: underline;
	}


input,textarea,select{ border-width: 1px; }
div.page-content .row-clear, div.page-content .row-dark{ padding: 5px; }
div#sidebar h2{ margin: 0px; padding: 5px; font-size: 10pt; }
form{ margin: 0px; padding: 0px; }