/* CSS Document OAK*/

html, body {
		padding:0;
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
		color:#000000;
		background:url(../images/bk.jpg) repeat-x #68742A;
		font-size:12px;
}

p {
		margin: 0 0 1em 0;
		font-size:14px;
		color: #333;
}

a {color:#A9AB5C;
	font-weight:bold;
	text-decoration:none;}

a:hover { color: #496216; }	


	
/* ~~~~~~~~~~~~~~MAIN~~~~~~~~~~~~~~~~ */
#container {
		margin:auto;
		width:950px;
}

#treewrap {
		float:left;
		width:950px;
		background:url(../images/treel.jpg) no-repeat bottom left;
}
	
#containerbk {
		float:left;
		width:950px;
		background:url(../images/cross.jpg);
}
	
#logo {
		width:265px;
		float:left;
		height: 132px;
		padding: 0;
}	

#left {
		width:265px;
		float:left;
		background:url(../images/menubk.jpg) no-repeat;
}	
	
#leftip {
	width:265px;
	background:url(../images/menubkip.jpg) no-repeat;
	float:left;}	
	
#right {
	width:685px;
	float:left;}	
		
	
/* ~~~~~~~~~~~~~~HEADERS~~~~~~~~~~~~~~~~ */
#header {
		width:665px;
		float:left;
		height: 410px;
		background:url(../images/header.jpg) no-repeat;
		padding: 43px 0 0 20px;
}	

#headerip {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip1.jpg) no-repeat;
		padding: 43px 0 0 20px;}	
		
#headerip5 {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip5.jpg) no-repeat;
		padding: 43px 0 0 20px;}	
		
#headerip2 {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip2.jpg) no-repeat;
		padding: 43px 0 0 20px;}	
		
#headerip3 {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip3.jpg) no-repeat;
		padding: 43px 0 0 20px;}

#header-cc-short {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/header-cc-short.jpg) no-repeat;
		padding: 43px 0 0 20px;}		
		
#headerip4 {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip4.jpg) no-repeat;
		padding: 43px 0 0 20px;}	
		
#headerip5 {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip5.jpg) no-repeat;
		padding: 43px 0 0 20px;}	
		
#headerip6 {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip6.jpg) no-repeat;
		padding: 43px 0 0 20px;}	
		
#headerip7 {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip7.jpg) no-repeat;
		padding: 43px 0 0 20px;}	
		
#headerip8 {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip8.jpg) no-repeat;
		padding: 43px 0 0 20px;}	
		
#headerip9 {
		width:665px;
		float:left;
		height: 319px;
		background:url(../images/headerip9.jpg) no-repeat;
		padding: 43px 0 0 20px;}	
	
	

/* ~~~~~~~~~~~~~~MENU CODE~~~~~~~~~~~~~~~~ */

#menu {
		width:265px;
		float:left;
		height: 425px;
		padding:15px 0 0 0;
}	

#menu ul {
	display: inline;
	margin: 0;
	padding: 0;}

#menu li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;}

#menu li a {
	float:left;
	display:block;
	color:#E9DFAA;
	padding:8px 35px 8px 20px;
	width:205px;
	text-align:right;
	font-size: 13px;
	background:url(../images/menudiv.gif) no-repeat right bottom;
	text-decoration: none;
}

#menu li a:hover{
	color:#fff;}

#menu li a.sselected {
		background:url(../images/menusl.gif) no-repeat right bottom;
		color: #fff;}

#menu li a.xlselected {
		background:url(../images/menuxl.gif) no-repeat right bottom;
		color:#fff;}

#menu li a.contact {
		background:none;}
		
#menu li a.contacts {
		background:url(../images/menuc.gif) no-repeat bottom right;
		color:#fff;}
	
/* ~~~~~~~~~~~~~~END MENU CODE~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~CONTENT~~~~~~~~~~~~~~~~ */
#content {
		width:535px;
		float:left;
		background:url(../images/treer.jpg) no-repeat left bottom;
		padding:30px 50px 0px 100px;
}	

#contentbk {
		width:685px;
		float:left;
		background:url(../images/contentbk.jpg) no-repeat #fff;
		padding:0;
}	

#contentip {
		width:535px;
		float:left;
		background:url(../images/contentbkip.jpg) no-repeat;
		padding:30px 50px 0px 100px;
}
	
	
	
/* ~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~ */	
#footer {
		width:950px;
		height:93px;
		float:left;
		text-align:center;
		background:url(../images/footer.jpg) no-repeat;
		padding: 10px 0 0 0px;
		color: #A9AB5C;
}
	
/* ~~~~~~~~~~~~~~CLASSES~~~~~~~~~~~~~~~~ */	
h1 {
		font-family: "Times New Roman", Times, serif;
		font-size:22px;
		color:#413E12;
		margin:0;
		padding:0 0 15px 0;
		font-weight:bold;
}

h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#94974F;
		margin: 0;
		padding: 15px 0 10px 0;
		font-weight: bold;
}
	
.black {
	color:#990000;}

.small {
	color:#fff;
	font-size:11px;}
	
p.big {
		font-size:14px;
		color: #000;
}
