html {margin:0;padding:0;height: 100%;}
body   { color: #333; font: 90%/1.4em Helvetica, Sans-Serif; text-align: justify; margin: 0; padding: 0 }

/* Values here control the body background images and colours. */
body {
background-color:#fff;
background-image:url(../images/bg.jpg);
background-repeat:  repeat-x;
}
/* @group Layout */


/* @group wrappers */

.wrapper,.main_wrapper {width:930px;margin: 0 auto;clear:right;}
.container,.footer_wrapper {width: 100%;float: left;}
.clear {clear: right;}
.bottom_wrapper,.middle_wrapper {background: url(../images/bamboo2.jpg) no-repeat right bottom;width: 100%;clear: both;float: left;margin: 0px 0 0 0;padding: 50px 0 30px 0;}

.hidden_wrapper {display:none;margin: 0 auto;width:100%;height: 0;}
.bottom_wrapper {background: none;}
/* @end */


/* @group Top */
#top_left{float: left;}
#top_right{float: right;}
#top_wrapper {margin-top: 50px;width: 100%;background: url(../images/bamboo.jpg) no-repeat;height: 272px;}
/* @end */

/* @group Header */
#header_l {float: left;width: 420px!important;width:400px;height: 65px;margin: 50px 0 0 100px!important;margin: 50px 0 0 20px}
#header_r {float: right;width:370px!important;width:200px;;height: 90px;margin: 50px 0 30px 0px;text-align: right}
/* @end */


/* @group V_top_menu */
#v_top_menu_r {float: right;width: 18px;height: 45px;margin-top: 7px}
#v_top_menu_l {float: right;width: 18px;height: 45px;margin-top: 7px;}
#v_top_menu {float:right;color: #fff;height: 35px;margin-top: 7px;padding: 5px 0px 0 0px;font-size: 100%;}
/* @end */


/* @group top_menu */
#top_menu_l {float: left;width: 16px;height: 36px;margin-top: 7px;padding-bottom: 7px}
#top_menu_r {float: left;width: 13px;height: 36px;margin-top: 7px;padding-bottom: 7px}
#top_menu {float:left;color: #fff;height: 36px;margin-top: 7px;padding: 5px 0px 0 0px;font-size: 100%;}
/* @end */


/* @group Top User Modules */

#top_user1 {float: left;margin: 0 0 0 0px;width: 100%;}
#top_user4 {float: left;margin: 0px 0px 0px 0px;}
#top_user5 {float: right;margin: 0px 90px 0px 0px!important;margin: 0px 0px 0px 0px;}
.top {width: 40%!important;width:38%}
/* @end */


/* @group Main */

#right {float: right;margin: 25px 3% 0 0!important;margin: 25px 3% 0 15px;width: 25%!important;width:23%}
#content {width:65%;float: left;padding-top: 0px;background: url(../images/div2.jpg) right top repeat-y;padding-right: 35px;!important;padding-right:30px;}

/* @end */


/* @group Bottom User */
#bot_user1 {float: left;margin: 0 2% 10px 2%;!important;margin: 0 1% 10px 1%;background: url(../images/div.jpg) no-repeat right 25px;padding-right: 60px!important;padding-right: 40px;}
#bot_user2 {float: left;margin: 0 2% 10px 2%!important;margin: 0 1% 10px 1%;background: url(../images/div.jpg) no-repeat right 25px;padding-right: 60px!important;padding-right: 40px;}
#bot_user3 {float: left;margin: 0 2% 10px 1%!important;margin: 0 1% 10px 1%;}
#bot_banner {float: left;width: 100%;margin-top: 20px;clear: left;}

.bottom {width: 26%!important;width: 24%}
/* @end */


/* @group Footer */

#footer_left{float: left;}
#footer_right{float: right;}
.bamboo_right {width: 100%;background: url(../images/bamboo2.jpg) no-repeat right bottom;clear: left;margin: 0 auto;float: left;}
#copyright {font-size:80%;clear: left;color: #fff}

/* @end */

/* @end */



/* @group Images*/
img  { margin: 0 8px }
.folio_image  { display: block; padding-bottom: 4px; clear: both; border-bottom: 1px dashed #ccc }
#left .moduletable {margin: 10px 0 10px 0; border-bottom: 1px dashed #ccc;padding-bottom: 20px;}
/* @end */

/* @group Menus */

.moduletable-top_menu ul
{
	text-align: left;
	padding-bottom: 5px;

	padding-left: 0px;
	margin-top: 11px;
	float: left;
margin-left: 0px;
	color: white;

	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;

}

.moduletable-top_menu ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;

padding-top: 8px;
}

.moduletable-top_menu ul li a
{
margin: 0 16px 0 16px;
padding-bottom: 5px;
padding-top: 8px;

color: #fff;
text-decoration: none;
line-height:18px;
border-bottom: 0px;
font-size: 110%;

	
}

.moduletable-top_menu ul li a:hover
{
border-bottom: 0px;
color: #ccc;
}


.moduletable-vtop_menu ul
{
	text-align: left;
	padding-bottom: 5px;

	padding-left: 0px;
	margin-top: 5px;
	float: left;
margin-left: 0px;
	color: white;

	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;

}

.moduletable-vtop_menu ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;

padding-top: 8px;
}

.moduletable-vtop_menu ul li a
{
margin: 0 10px 0 10px;
padding-bottom: 5px;
padding-top: 0px;

color: #fff;
text-decoration: none;
line-height:18px;
border-bottom: 0px;
font-size: 100%;

	
}

.moduletable-vtop_menu ul li a:hover
{
border-bottom: 0px;
color: #ccc;
}

.moduletable-bot_menu ul
{
	text-align: left;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 0;
	margin-top: 20px;
	float: left;
	margin-left: 0;
	color: white;
	width: 100%;
	font-size: 90%;
	
	
	

}

.moduletable-bot_menu ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
padding-top: 5px;
}

.moduletable-bot_menu ul li a
{
padding-left: 10px;
padding-right: 10px;
color: #fff;
text-decoration: none;
border-bottom: 0px;
}

.moduletable-bot_menu ul li a:hover
{
border-bottom: 0px;
color: #ccc;
}
.moduletable-menu { 

text-align: left; 

color: #808080; 

padding: 0px 0 0 0px; 


margin: 10px 0 30px 0;


}

.moduletable-menu li { 

margin: 5px 0 5px 0px; 

padding: 0px 0 0 0px; 

border-bottom: 1px solid #888; 

list-style: none;

}

.moduletable-menu li a { 

color:#999999;

font-weight:bold;

text-decoration: none;  

padding: 5px 0 1px 5px; 



display: block; 

margin-bottom: 2px;

}

.moduletable-menu li a:hover { 

color: #333; 

text-decoration: none; 

background:#eeeeee;

display: block; 

margin-bottom: 2px;

}
.input {
	border: 0px;
	}
.required {
	border: 1px solid #CCCCCC;
  	background-color: #F8F8F8;
  	padding: 2px;
  	margin-bottom: 5px;
  	color: #666666;
}
.inputbox_search {
  border: 1px solid #CCCCCC;
  background-color: #F8F8F8;
  padding: 2px;
  margin-bottom: 5px;
  color: #666666;
  font-size: 14px;
  width: 415px;
  height: 16px;
  }

.inputbox {
  border: 1px solid #CCCCCC;
  background-color: #F8F8F8;
  padding: 2px;
  margin-bottom: 5px;
  color: #666666;
  }
  
.pagenav {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ffcc33));
	border: 1px solid #ffff00;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 3px;
	}

a.pagenav {
	color: #666;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 3px;
	}
a.pagenav:hover {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ffcc33));
	border: 1px solid #ffff00;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 3px;
}
a.pagenav:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ffcc33));
	border: 1px solid #ffff00;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 3px;
	}

/* @end */

/* @group Joomla Stuff */
#right .moduletable {margin-bottom: 30px;}
.contentpaneopen  { margin: 0 5px; width: 100% }
.hr {border-bottom: 1px dashed #ccc;}
.moduletable-padding70 {padding: 70px 0 0 0}
.moduletable-padding50 {padding: 50px 0 0 0}
.moduletable-padding30 {padding: 30px 0 0 0}
.moduletable-padding20 {padding: 20px 0 0 0}
.moduletable-padding10 {padding: 10px 0 0 0}
.moduletable-clear100 {margin: 0 0 100px 0}
.sectiontableentry1 {background: #eee;padding: 5px 0;}

#login_container { margin-top:10px; } 
#logout_container { margin-top:10px; color:#fff; }
.moduletable-thin_login form { color:#fff; }
.moduletable-thin_login
.inputbox { color:#fff; background-color:#333; border:1px solid #666; margin-right:3px; }
.moduletable-thin_login .button { margin:0; }

/* @end */
