/* ~~
	GENERAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body{
	padding: 0px;
	margin: 0px 0px 0px 20px;
	font: normal  12px "Georgia", "Times New Roman";
	color: #4D3318;
	background: url('images/bot-back.gif') left 100% no-repeat;
}
a{
	color:#00b3af;
	font-weight: bold;
}
a:link{
	color:#00b3af;
	font-weight: bold;
}
a:visited{
	color:#00b3af;
	font-weight: bold;
}
a:active{
	color:#00b3af;
	font-weight: bold;
}
a:hover{
	text-decoration: none;
}
h2{
	margin: 0px 5px 15px 10px;
	font-size: 2.7em;
	font-weight: normal;
	letter-spacing: -0.05em;
}
h4{
	margin: 0px 30px 15px 30px;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -0.05em;
}
h5{
	margin: 0px;
	padding: 5px;
	font-size: 1.0em;
	font-weight: normal;
}
p{
	margin: 3px 30px;
	padding: 3px 0px 6px 0px;
}
dt{
	margin: 0px;
	padding: 0px 0px 10px 15px;
	text-decoration: underline;
}
dd{
	margin: 0px;
	padding: 0px 15px 10px 15px;
}
div#main{
	width: 770px;
}
div#header{
	width: 770px;
	height: 124px;
	background: url('images/header.gif') no-repeat;
}
div#header h1, h2{
	display: none;
}
div#body{
	width: 770px;
}
div#body h1, h2{
	display: block;
}

/* ~~
	SIDE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#side{
	width: 162px;
	padding: 50px 0px 0px 0px;
	float: left;
	color: #fff;
}
div#side_top{
	width: 162px;
	height: 13px;
	background: #5ACECB url('images/side-top.jpg') top no-repeat;
}
div#side_body{
	width: 112px;
	padding: 25px;
	background: url('images/side-body.jpg') repeat;
}
div#side_footer{
	width: 162px;
	height: 13px;
	background: url('images/side-bottom.jpg') no-repeat;
}
	
/* ~~
	CONTENT 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#content{
	width: 608px;
	float: left;
}
div#content #nav{
	width: 580px;
	height: 25px;
	padding: 0px 0px 0px 28px;
	/* float: left; */
	font-size: 1.4em;
	color:#fff;
	letter-spacing: -0.05em;
}
div#content #header{                            /* <-- main image is inside the header ~~ */
	width: 586px;
	height: 227px;
	padding: 7px 11px;
	background: url('images/image-back.gif') top no-repeat;
}
div#content #body{
	width: 586px;
	padding: 0px 11px 20px 11px;
	background: url('images/content.gif') right repeat-y;
}
div#content  ul.back{
	margin: 0px 40px 25px 50px;
	padding: 15px 10px;
	background: #f2e9d3;
}
div#content  li{
	padding: 5px 0px 5px 34px;
	background: url('images/arrow.gif') 10px 6px no-repeat;
	list-style: none;
}
div#content #footer{
	width: 608px;
	height: 19px;
	background: url('images/content-footer.gif') right no-repeat; 	
}

/* ~~
	NAV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#content #nav{
	width: 580px;
	height: 25px;
	padding: 0px 0px 0px 28px;
	/* float: left; */
	font-size: 1.4em;
	color:#fff;
	letter-spacing: -0.05em;
}
div#nav a, #nav a:link, #nav a:active, #nav a:visited{
	font-weight: normal;
	color:#fff;
	text-decoration: none;
}
div#nav a:hover{ 
	color:#4D3318;
}
div.left_1{
	width: 9px;
	height: 25px;
	float: left;
	background:  url('images/nav/left-1.gif') top no-repeat;
}
div.middle_1{
	height: 22px;
	padding: 3px 2px 0px 2px;
	text-align: center;
	float: left;
	background: url('images/nav/middle-1.gif') top repeat-x;
}
div.right_1{
	width: 9px;
	height: 25px;
	padding: 0px 1px;
	float: left;
	background: url('images/nav/right-1.gif') left top no-repeat;
}
div.left_2{
	width: 10px;
	height: 25px;
	float: left;
	background:  url('images/nav/left-2.gif') top no-repeat;
}
div.middle_2{
	height: 22px;
	padding: 3px 2px 0px 2px;
	text-align: center;
	float: left;
	background:  url('images/nav/middle-2.gif') top repeat-x;
}
div.right_2{
	width: 10px;
	height: 25px;
	padding: 0px 1px;
	float: left;
	background: url('images/nav/right-2.gif') left top no-repeat;
}

/* ~~
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#legal{
	width: 760px;
	padding: 15px 5px;
	text-align: right;
	background: transparent;
}

p.back {
	margin: 12px 20px;
	padding: 15px 10px;
	background: #f2e9d3;
	}