/********************************************************

           W E L C O M E   P A G E

********************************************************/


body {
	
	color				: #878787;
	/*background-color		: #f5f1f0;*/
}


#top {
	
	background-image 		: url('../images/thegroup/bg.gif');
	
}

#main  #topbanner {
	
	background-image 	: url('../images/community/community-header.gif');
	background-color	: #f7f7fb;
	height				: 60px;
	
	
	
}

#main #footer {
	
	background-image 		: url('../images/thegroup/bg.gif');
	
}





#divcont {
	
	background-color 		: #efebe8;
	
}
#divcont-sitter {
	
	background-color 		: #efebe8;
	
}
#divcont-1col {
	padding			: 0;
	margin				: 0;
}

#divcont-2col {
	
	background-image 		: url('../images/globecharity/bg_content.gif');


	
}


.contentleft {
	float				: left;
	width				: 410px;
	position			: relative;
	padding			: 6px 0 6px 6px;
	margin 			: 0;
}

.contentright{
	width				: 410px;
	position			: relative;
	margin-left 			: 432px;
	padding				: 6px 6px 6px 0;
}
.contentleft2{
	float				: left;
	width				: 420px;
	position			: relative;
	padding				: 6px 0 6px 6px;
	margin 				: 0;
	height                          :300px; 




}
#rightcol{
list-style-position: inside;
}
.contentright2{
	width				: 390px;
	position			: relative;
	margin-left 	  	        : 440px;
	padding				: 6px 6px 6px 0;
        height                          :300px; 

}
.contentleft1 {
	float				: left;
	width				: 220px;
	position			: relative;
	padding			: 6px 0 6px 6px;
	margin 			: 0;
	border-color   : #000000;

}

.contentright1{
        float:right;
	width				: 575px;

	position			: relative;
	padding				: 6px 6px 6px 12px;
		border-color   : #000000;

}
.contentleft3{
	float				: left;
	width				: 200px;
	position			: relative;
	padding				: 6px 0 6px 6px;
	margin 				: 0;
}

.contentright3{
	width				: 200px;
	position			: relative;
	margin-left 		: 410px;
	padding				: 6px 6px 6px 0;
}
.contentleft1 {
	float				: left;
	width				: 250px;
	position			: relative;
	padding			: 6px 0 6px 6px;
	margin 			: 0;
	border-color   : #000000;
}

.contentright1{
float:right;
	width				: 520px;
	position			: relative;
	padding				: 6px 6px 6px 0;
		border-color   : #000000;
}
/*.label_pos {
	float				: left;
	width				: 216px;
	position			: relative;
	margin 				: 0;
	margin-right:15px;
	/*height:31px;
}*/
/*.text_pos {
	width				: 180px;
	position			: relative;
	_height:31px;
	height:31px;
	height:auto
	margin-right		: 0px;
	padding-left:20px; 
		}*/
.form_position
{
	padding-bottom:10px;

}
.label_pos {
	/*color				: #878787;*/
	float				: left;
	width				: 216px;
	position			: relative;
	margin 				: 0;
	min-height:31px;
	_min-height:40px;
	height:31px;
	height:auto;	
	_height : 33px;

}
.text_pos {
	float:right;
	width	: 180px;
	_width:184px;
	position: relative;
	min-height:31px;
	height : auto;
     	_min-height:40px;
	padding-right:0px;
	_height : 33px;

	}
input.input_field {
	background-color		: #f4f0ef;
	border				: 1px solid #f0efed;
	color				: #878787;
	width				: 175px;
}
input.input_date {
	background-color		: #f4f0ef;
	border				: 1px solid #f0efed;
	color				: #878787;
	width				: 100px;
}

.txt_area {
	background-color		: #f4f0ef;
	border				: 1px solid #f0efed;
	color				: #878787;
	width				: 415px;
}

.break_garden {
	width				: 100%;
	/*height				: 2px;
	background-color		: #efebe8;*/
	clear				: both;
	margin				: 0;
	padding			: 0;
	border				: 0;
	border-top			: 1px solid #808080;

}
.break {
	width				: 100%;
	height				: 6px;
	background-color		: #efebe8;
	clear				: both;
	margin				: 0;
	padding			: 0;
	border				: 0;
	font-size			: 1px;
	line-height			: 1px;
}
.line {
	width				: 100%;
	height				: 1px;
	background-color		: #efebe8;
	clear				: both;
	margin				: 0;
	padding			: 0;
	border				: 0;
	font-size			: 1px;
	line-height			: 1px;
	border-bottom-style		: solid; 
	border-bottom-width		: thin;
	border-bottom-color		: #efebe8;
}
#logo {
	
	background-image	: url('../images/thegroup/logo-beta.gif');
	width				: 215px;
	height				: 60px;
	
}

#main #flyer {
	width: 83px;
	height : 82px;
	background-image : url('../images/thegroup/flyer.gif');
	position: absolute;
	top: 149px;
	left: 639px;
}

* html .contentleft {

	width				: 416px;
}

* html .contentright {

	margin-left 			: 429px;
	width				: 416px;
}


input.button {
	background-color		: #f4f0ef;
	border-style			: solid;
	border-color			: #f0efed;
	width				: 75px;
	color				: #666666;
	font-weight			: bold !important;   
	font-size			: 11px; 
}
.button-round {
	background-image: url( '../images/common/button_bg.gif' );
	border:0px;
	background-color:#FFFFFF;
	width:92px;
	height:19px;
}

.button-round-big{
	background-image: url( '../images/common/button_big.gif' );
	border:0px;
	background-color:#FFFFFF;
	width:189px;
	height:20px;
	cursor: pointer;
	color : #878787;
}
.button-round-bigger {
	background-image: url( '../images/button_bg1.gif' );
	width : 250px;
	height: 20px;
	border:0px;
	background-color:#FFFFFF;
	cursor: pointer;
	color : #878787;
}

.button-round-175{
	background-image: url( '../images/common/button_175.gif' );
	border:0px;
	background-color:#FFFFFF;
	width:175px;
	height:20px;
	cursor: pointer;
	color : #878787;
}


.button-round-135{
	background-image: url( '../images/common/button_135.gif' );
	border:0px;
	background-color:#FFFFFF;
	width:135px;
	height:20px;
	cursor: pointer;
	color : #878787;
}

input.login {
	background-color		: #f4f0ef;
	border				: 1px solid #f0efed;
	color				: #878787;
	width				: 110px;
}

.formlabel b {

	font-weight			: bold !important;
}

.links, .links a {

	color				: #d0d0d0;
}

.links a:hover {

	color				: #28aadb;

}

.formdiv {

	width				: 100%;
	margin				: 0px;
	padding			: 0px;
}

.label1 {

	float				: left;
	width				: 200px;
	position			: relative;
}

.label2 {

	text-align			: right;
	width				: 200px;
	margin-left			: 205px;
	margin-right			: 0px;
}

.submit-button-div {

	float				: right;
	width				: 95px;
	margin				: 0;
}

.submit-button-div135 {

	float				: right;
	width				: 135px;
	margin				: 0;
}

.form-links {

	margin-top			: 35px;
}



/********************************************************

           G E N E R A L   S T Y L E S

********************************************************/

h1 {
	
	color 				: #c580b7;
	
}

h2 {
	color 				: #c580b7;
	font-weight:	bold;
}

a {
	color				: #6a6a68;
}

a:hover {
	color				: #28aadb;
}

a.active {
	color				: #28aadb;
}

/********************************************************

           M E N U   S T Y L E S

********************************************************/

#MainMenu li a {
	
	color				: #6a6a68;
	background-color		: #f0ebe8;
	
}

#MainMenu li a:hover {
	
	background-color		: #f5f1f0;
	color				: #28aadb;
	
}

#main ul li.style1 {
	
	background-color		: #f0ebe8;
}

#main ul li.style2 {

	background-color		: #f5f1f0;
}
#navlist ul{
/*list-style:url('../images/list.gif');*/

}
#navlist ul li{
/*list-style:url('../images/list.gif');*/
padding-top:5px;
padding-bottom:5px;
}
/**********************************************************

					NEWS 

**********************************************************/

.news-list-container
{
	background-color: #FFF4F8;
	width: 100%;
	padding: 0px;
}

.news-list-container h3
{
	margin-bottom: 0px;
	padding: 5px 0px 5px 5px;
	background-color: #F4E7F1;
	border: 0;
}

.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER 
{
	color: #BD68A9;
	text-decoration: none;
	font-weight: bold; 
	font-size: 15px;
	padding-bottom: 0px;
	border: 0;
}

.news-list-container H3 A 
{
	color: #BD68A9;
	padding-bottom: 0px;
}

.news-list-container p
{
	padding: 5px 0px 5px 5px;
	font-size: 11px;
	text-align: justify;
	background-color: #FFF4F8;
}

.news-list-morelink
{
	/*color: #BD68A9;*/
	font-size: 10px;
	text-align: left;
	background-color: #FFF4F8;
	padding: 5px 0px 5px 10px;
}


.news-list-morelink A
{
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	pointer: cursor;
}

.news-list-item
{
	background-color: #FFF4F8;
	border: 0px;
	padding: 0px;
	margin: 22px 0px 0px 0px;
}

.news-list-item p
{
	padding: 5px 10px 5px 10px;
}

.news-list-container
{
	background-color: #FFFFFF;
	border: 0px;
}

.news-single-item 
{
	margin-bottom:5px;
	background-color:#FFFFFF;
	border: 0;
}

.news-single-item H2 
{
	padding-top: 10px;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	margin-bottom: 0px;
	border: 0px;
}

.news-single-item H3
{
	margin-bottom: 15px;
}


.news-single-img
{
	float: right; 
	margin-left:5px;
}

.news-single-imgcaption 
{
	padding:3px;
	clear:both;
}

.news-single-category 
{
	float: right;
}
.news-single-backlink, .news-single-backlink a 
{
	font-weight: normal;
	font-size: 11px;
	margin-bottom: 15px;
	margin-top: 10px;
	text-decoration: none;
	cursor: pointer;
}

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer
{
	height: 0px;
	border: 0px;
}
/*tolltip*/

#dhtmltooltip{
position: absolute;
width: 180px;
border: 1px solid #F3E9D3;
padding: 10px;
background-color: #F3E9F3;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*tolltip*/

