* { padding: 0; margin: 0; }


body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}


h1 {
 font-size: 22px;
 font-stretch:ultra-condensed;
 font-weight:lighter;
 color: #0099CC;
 padding-bottom: 10px;
 
}


h2 {
 font-size: 16px;
 color: #0099CC;
}

#wrapper { 
 margin: 0 auto;
 width: 1100px;

}

#header {
 color: #ffffff;
 width: 902px;
 height: 70px;
 margin: 10px 0px 0px 0px;

}

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: left;
}


#navigation {

 margin-top: 100px;
 padding: 0px;
 width: 210px;
 height: 550px;
 color:#FFFFFF;
 position: relative;
}

#navlist
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:lighter;
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 17px;
padding-top: 30px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 2.1em;
}

#navlist li a {
color:#FFFFFF;
text-decoration:none;
}

#navlist li a:hover {
color:#0099CC;
text-decoration:none;
}

#navlist li a.current{ 
	color: #0099CC;
	}


#rightcolumn { 
 float: right;
 margin: 10px;
 padding: 0px;
 width: 825px;
 height: 680px;
 display: inline;
 background-image:url(images/box.png);
 background-repeat:no-repeat;

 }
 
#textbox { 
 display: inline;
 margin: 90px 0px 15px 25px;
 color: #333;
 top:50px;
 width: 370px;
 float: left;
}

#textbox a{ 
color:#0099CC;
font-weight: bold;
}

#textbox a:hover{ 
color: #666666;
font-weight: bold;
}


ul {
margin-left:30px;
}

.scrollArea {
width: 360px;
height: 565px;
padding-left: 5px;
padding-right: 5px;
float: left;
overflow: auto;
}



#imageArea {
 padding: 0px;
 width: 430px;
 float: right;
 margin-top: 78px;

}

#footer { 
 width: 1150px;
 height:100px;
 clear: both;
 color: #ffffff;
 margin: 0px 0px 10px 0px;
 padding: 30px 0px 0px 0px;
 font-size:9px;
}
.clear { clear: both; background: none; }

.form {
font-size:11px;
}