/* CSS Document */

* {margin:0; padding:0;}

body{
	background-color:#b5c7cd}
	
/*WRAP*/
#wrap{
	width:770px;
	height:727px;
	background-image: url(images/bgr.jpg);
	background-position:0 0;
	margin:0 auto;}

/*HOLDER TOP*/
#holder_top{
	height:235px;
	position:relative;}	
	
/*MENU 1*/
div#menu {
	width:184px;
	height:190px;
	background: url(images/top1.gif) top no-repeat; 
	padding-top:44px;
	padding-bottom:7px;
	position:absolute;
	top:105px;
	left:70px;
	float:left;}
	
div#pic{
	width:460px;
	height:234px;
	background: url(images/pic.jpg) no-repeat;
	position:absolute;
	float:left;
	left:249px;
	top:110px;}

div.menubody {
	background: url(images/menu_bgr1.gif) repeat-y; 
	padding-left:21px;

	}

div#menubottom {
	height:26px; 
	background: url(images/bottom1.gif) bottom no-repeat;}

.menulist {
	width:144px;
	height:174px;
	list-style-type:none;}

.menulist li {
	height:27px; 
	background: url(images/separator.gif) bottom repeat-x;}

.menulist a {
	width:122px; 
	height:20px; 
	border-left:#75c5de 10px solid; 
	font:bold 10px Verdana, Arial, sans-serif; 
	color:#ffffff; 
	text-decoration:none; 
	padding:5px 0 0 10px; 
	display:block !important; 
	display:inline-block;
	}

.menulist a.home{
	background: url(images/gradient_hover.jpg) left repeat-y;}

.menulist a:hover {
	background: url(images/gradient_hover.jpg) left repeat-y;}
	
/*HOLDER BOTTOM*/
#holder_bottom{
	height:305px;
	float:left;
	position:relative;
}

/*MENU 2*/
div#menu2 {
	width:184px;
	height:164px; 
	background: url(images/top2.gif) top no-repeat; 
	float:left;
	position:absolute;
	left:70px;
	top:115px;
	padding-top:44px;
	}
.menulist2 {
	width:144px;
	height:174px;
	list-style-type:none;}

.menulist2 li {
	height:27px; 
	background: url(images/separator.gif) bottom repeat-x;}

.menulist2 a {
	width:122px; 
	height:20px; 
	border-left:#75c5de 10px solid; 
	font:bold 10px Verdana, Arial, sans-serif; 
	color:#ffffff; 
	text-decoration:none; 
	padding:5px 0 0 10px; 
	display:block !important; 
	display:inline-block;
	}

.menulist2 a.home{
	background: url(images/gradient_hover.jpg) left repeat-y;}

.menulist2 a:hover {
	background: url(images/gradient_hover.jpg) left repeat-y;}

div#menubottom2 {
	height:85px; 
	background: url(images/bottom2.gif) bottom left repeat-y;
	padding-bottom:12px;}

/*CONTENT*/
div#content{
	width:460px;
	height:305px;
	background-image: url(images/content.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	float:left;
	left:249px;
	top:120px;}

div#txt{
	width:408px;
	height:235px;
	position:relative;
	top: 38px;
	left:24px;
	overflow:auto;
	scrollbar-base-color: #a7bfc6; 
	scrollbar-track-color: #a7bfc6;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color:#ffffff; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-darkshadow-color:#ffffff; 
	scrollbar-shadow-color:#FFFFFF;}
	
div#txt p, h5{
	font:11px Verdana, Arial, sans-serif; 
	color:#FFFFFF;
	padding-bottom:7px;}

/*FOOTER*/
#footer{
	float:left;
	position:relative;
	top:427px;
	left:480px;}
div#footer p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7a7d7e;
	padding-top:10px;
	text-align:right;
	margin-right:77px;}
	
div#footer span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7a7d7e;
	padding-top:10px;
	text-align:left;
	margin-right:7px;}