* { margin: 0; padding: 0; }
body { padding:20px 0px 10px 20px; background: #D89B5E url(images/tile2.png) 0 0 repeat; color: #000; font: 12px/normal Verdana, Arial, Helvetica, sans-serif; }

h1 { margin-bottom: .5em; border-bottom: solid 0px #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 180%; text-indent: 0px; letter-spacing: 0px; }

h2 { margin-bottom: .5em; border-bottom: solid 0px #fff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 150%; text-indent: 0px; letter-spacing: 0px; }

h3 { margin-bottom: .5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 100%; text-indent: 0px;  }

h4 { margin-bottom: .5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 70%; text-indent: 0px;  }

h5 { margin-bottom: .5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 100%; text-indent: 0px;  }

h6 { margin-bottom: .5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 90%; text-align:center; text-indent: 0px;  }

cite { float: right; }
ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
div.section { clear: both; padding-top: 50px; }

/*scroll box*/
.scrollArea {
width: 210px; 
height: 630px;
padding-left: 5px;
padding-right: 5px; 
border-color: #dbdbd1;
border-width: 0px; 
border-style: solid;
float: left; 
overflow: auto;
}

/*scroll box*/
.scrollAreaContact {
width: 210px; 
height: 500px;
padding-left: 5px;
padding-right: 5px; 
border-color: #dbdbd1;
border-width: 0px; 
border-style: solid;
float: left; 
overflow: auto;
}

#wrapper {
position: center;
width: 1000px;
height: relative;
background-color:#FFFFFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: thin solid #000000;
-moz-box-shadow: 5px 5px 5px #000000; /* Firefox 3.6 and earlier */
box-shadow: 5px 5px 5px #000000;
}

* html #wrapper {height:100%;} /*for ie6, same as min-height*/

#header1 {
width: 1000px;
padding: 0px;
margin: 0px;
text-align: center;
float: left;
}

/*toolbar box*/

#navigation
{
	float: left;
	width: 244px;
	background: #463E3F;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 3px 4px;
	color: #87AFC7;
	text-decoration: none;
	border-right: 0px solid #fff;
}

#navigation li a:hover { background: #000000; }

#contentRight {
background-color: #fff;
width: 756px;
background: #FFFFFF;
padding: 0px;
float: right;
}

#contentRightinside {
background-color: #fff;
width: 700px;
background: #FFFFFF;
padding: 26px;
float: right;
}

#sidebarLeft {
float: left;
width: 244px;
background-color: #a4a4a4;
padding: 0px;
}

#sidebarLeftInside {
float: left;
width: 204px;
background-color: #a4a4a4;
padding: 20px;
}

#foot1 { 
 width: 990px;
 position: relative;/* this gives IE6 hasLayout to properly clear */
 clear: both;
 color: #87AFC7;
 height:10px;
 padding: 5px;
 background: #3F3F3F;
  clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}