* {
	margin: 0;
	outline: none;
	padding: 0;	
	text-decoration: none;
}

body {
	font-family: Verdana, 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 62.5%;
	background-color: #fff;
	background: transparent url(gfx/bg_html.gif) repeat-x;
	color:#333;	
}

/*------------------------------------
- COMMON - 
-------------------------------------*/

ul li {
	list-style-type: none;	
}

a {
	color:#fff;
}

/*------------------------------------
- CONTAINER - 
-------------------------------------*/


#container {
	width:800px;
	margin: 1px auto 0 auto;	
	clear: both;
	text-align: left;			
	background: transparent url(gfx/bg_top.gif) repeat-x;
	overflow: hidden;
}

a#logo {
	width:280px;
	height:127px;
	margin-left:2px;
	display:block;
	text-indent:-999px;
	background: transparent url(gfx/logo.png) no-repeat;
	float:left;
}

ul#bar {
	float:right;
}


ul#bar li {
	display:inline;	
} 

ul#bar li a {
	display:block;
	height:20px;
	line-height:20px;
	float:left;
	padding:0 10px 0 17px;
	font-weight:bold;
}

ul#bar li a#ctx {	background: transparent url(gfx/icon_ctx.gif) no-repeat;}
ul#bar li a:hover#ctx {color:#c9df01;background: transparent url(gfx/icon_ctx_on.gif) no-repeat;}

ul#bar li a#hpg {	background: transparent url(gfx/icon_hpg.gif) no-repeat;}
ul#bar li a:hover#hpg {color:#c9df01;background: transparent url(gfx/icon_hpg_on.gif) no-repeat;}

#subhead {
	width:800px;
	height:212px;
	float:left;
	margin-top:0px;
	background: transparent url(gfx/menu_box.jpg) no-repeat;	
}

#head {
	width:220px;
	height:154px;
	float:left;
	background: transparent url(gfx/head.png) no-repeat bottom left;
}
/*------------------------------------
- MENU - 
-------------------------------------*/

div#menu {
	width:178px;
	height:208px;
	text-align:right;
	color:#fff;
	font-weight:bold;
	margin: 4px 0 0 51px;
	float:left;
	display:inline;
}

div#menu ul#menuList {
	float:right;
	margin:30px 20px 0 0;
}

div#menu ul#menuList li {
	width:120px;
	list-style-type:none;
	padding:0;
	margin:0;
	height:30px;
}

div#menu ul#menuList li a {
	display:block;
	text-align:right;
	height:20px;
	width:120px;
	color:#fff;
	text-decoration:none;
}


#main {
	float:left;
	width:800px;
	background: transparent url(gfx/bg_main.jpg) repeat-y;	
	margin-top: 1px;
}


#sidebar {
	width:178px;
	margin-left:51px;
	float:left;
	display: inline;
	text-align:center;
}


 ul#options {
	float:right;
		width:571px;
}

 ul#options li {
	display:inline;
}
	
 ul#options li a {
	display:block;
	width:26px;
	height:21px;
	float:right;
}


 ul#options li a#more {background: transparent url(gfx/more.gif) no-repeat;}
 ul#options li a#less {background: transparent url(gfx/less.gif) no-repeat;}


#txt {
	float:left;
	width:551px;

	min-height:300px;
	height:auto !important;
	height:300px;
	margin:0 0 15px 20px;
}

#txt h2 {
	height:74px;
	line-height:74px;
	color:#037fd0;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:18px;
	margin: 0 0 10px 0;	
}


#txt a {
	color:#037fd0;
	font-weight:bold;
}

#txt ul {
	list-style-image: url("gfx/li.gif");
	margin-left:30px;
	line-height:20px;
}

#txt p {margin: 5px 0 5px 0;}


#footer {
	float:left;
	width:800px;
	height:73px;

	color:#fff;
	text-align:right;
	background: transparent url(gfx/footer.jpg) no-repeat right center;	
}

#footer p {
	margin: 30px 20px 0 0;	
}

#google {
	margin: 31px auto 0 auto;
	

}


span.blue {
	color:#037fd0;
	font-weight:bold;
}


/*------------------------------------
- MOO TOOLTIP - 
-------------------------------------*/

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #b9ce01;
	padding: 8px 8px 4px;
	background: url(gfx/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(gfx/bubble.png) bottom right;
}
 