/* CSS Document */

html body{
	margin:0px;
	height:100%;
}

body{
	background: #E5E1C6;
	height:100%;
}

#wrapper{
	width:745px;
	background:url(images/shadow.png) repeat-y;
	margin:auto;
	height:100%;
}

* html #wrapper{
	width:745px;
	margin:auto;
	height:100%;
}
#wrapper2{
	background:#FFFFFF;
	margin:0px 18px 0px 18px;
	height:100%;
}

#topBar{
	height:29px;
	background:url(images/top-grad.gif) repeat-x;

}

.message{
	background:#265482;
	padding: 10px 0;
	color:#fff;
	font-size:16px;
	text-align:center;
}

/*************** nav *****************/
#nav{
	height:29px;
	background:url(images/navgrad.jpg) repeat-x;
}

#nav ul{
	list-style:none;
	margin:0px 0px 0px 5px;
	
}

#nav ul li {
	float:left;
	margin:0px 0px 0px 0px;
}

#nav ul li a{
	height:15px;
	padding:7px 13px 7px 13px;
	display:block;
}

#nav ul li a:hover, #nav ul li.selected a{
	background:url(images/navgradover.jpg) repeat-x;

}

/*************** banner *****************/
#banner{

}

#bannerGrad{
	height:21px;
	background:url(images/bannerGrad.jpg) top repeat-x;
}

/*************** content *****************/
.col{
	float: left;
	width: 290px;
	margin: 10px 30px 0px 0px;	
}
.col.right{
	margin: 10px 0px 0px 0px;	
}
.clear{
	clear: both;
}
.block{
	width: 36px;
	height: 35px;
	background:url(images/block.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top: 25px;
		
}

#content{
	padding:9px 9px 9px 9px;
	position:relative;
}

#content2{
	background:#EDEDED;
	padding:18px 27px 10px 40px;

}


#content3{
	padding:0px 0px 15px 0px;
}

#titleBlock{
	width:38px;
	height:30px;
	background:#F96611;
	position:absolute;
	left:0px;
	top:27px;
}

/*************** footer *****************/
#footer{
	height:37px;
	background:url(images/footerGrad.jpg) repeat-x;
}