/* General Structure */
	body {
		background: #fff;
		color: #000;
		
		min-width: 610px;
		margin: 1em;		
		
		/*background: #fff url("/youth2008/images/body_back.gif") repeat-x;*/
		background: #fff;
	}

	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	h1 { font-size: 160%; font-weight: normal; }
	h2 { font-size: 150%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }
	
	#side { 
		/*background: #D5FEC7;*/
		line-height: 1.3; /* value other than 'normal' needed for WinIE */
		color: #666666;
		margin-top: 5px;
		/*margin-top:3em;*/
		float: right;
		width: 10%;
		height:480px;
		margin-bottom: 1em;	
		/*margin-top:3em;*/
		font:normal 12px/15px Arial;	
		text-align:right;
			
	}
	
	#container {
		max-width: 70em;
		margin: 0 auto;
	}

	#mainContent {
		float: left;
		width: 750;
		margin-bottom: 1em;
	}
	.nomenu #mainContent {
		float: none;
		width: 100%;
	}
	.bodyleft {
		float: left !important;
		width: 75% !important;
	}
	#mainContent.right {
		float: right;
		width: 62%;
	}
	
	#side.right {
		float: right;
		width: 35%;
	}
	
	hr.hide {
		display: none;
	}

/* list */

TABLE.list{
	background:#F9FAF9;
	border:1px solid #c0d0e0;
	/*color:#333;*/
	margin-top: 8px;
	margin-bottom: 5px;
	line-height:30px;
	/*padding:2px 3px 5px 3px;*/
	padding:3px 0px 5px 3px;
	clear: both;
	overflow: hidden;
    FONT-SIZE: 12px;
    COLOR: #575454;  
    FONT-FAMILY: arial;
    LETTER-SPACING: 1px;  
}

TABLE.list TR.odd TD {
    background-color: #FFF;
    border: 0px solid #888;
}

TABLE.list TR.even TD {
    background-color: #f5f5f5;
    border: 0px solid #888;
}

TABLE TH {
    background-color: #c0d0e0;
	color:#003366;
    border: 0px solid #888;
	line-height:22px;
	text-align:left;
	padding-left:5px
	
}

TABLE.list TH {
    background-color: #c0d0e0;
	color:#003366;
    border: 0px solid #888;
	line-height:25px
}


TABLE TR TD.label {
    background-color: #d3d3d3;
	font-weight:bold
}

/* rounded table */
.bl-nonav {background: url(/youth2008/images/box/content-container_bl.gif) 0 100% no-repeat #e4ecec;  }
.bl {background: url(/youth2008/images/box/content-container_bl.gif) 0 100% no-repeat #e4ecec;  margin-top:3em}
.br {background: url(/youth2008/images/box/content-container_br2.gif) 100% 100% no-repeat;}
.tl {background: url(/youth2008/images/box/content-container_tl.gif) 0 0 no-repeat}
.tr {background: url(/youth2008/images/box/content-container_tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}
 
.line {
border-bottom: 1px solid #C0D0E0;
margin-top: 3px;
margin-bottom: 7px;
height: 0;
overflow:hidden;
clear:both ;
position: relative;
}

.boxes{
	background:#F9FAF9;
	border:1px solid #c0d0e0;
/*	color:#333;*/
	margin-top: 5px;
	margin-bottom: 5px;
	padding:2px 2px 15px 2px;
	clear: both;
	overflow: hidden;
	FONT-SIZE: 12px;
    COLOR: #575454;  
    FONT-FAMILY: arial;
    LETTER-SPACING: 1px;
}

SPAN.label{
color:#003366;
font-weight:bold;
FONT-SIZE: 12px;
FONT-FAMILY: arial;
LETTER-SPACING: 1px;

}

SPAN.error{
color:#990000;
font-weight:bold;
FONT-SIZE: 12px;
FONT-FAMILY: arial;
LETTER-SPACING: 1px;
}


SPAN.info{
color:#000066;
font-weight:normal;
FONT-SIZE: 11px;
FONT-FAMILY: arial;
LETTER-SPACING: 1px;

}

SPAN.required{
color:#FF0000;
margin-left:10px;
}


/*-------------------------------*/

/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 100%;
	margin-top:5px;
}

dt {
    clear: both;
    float:left;
    width: 350px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 260px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}

.dl-login {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
	margin-top:5px;
}
.dt-login{
    clear: both;
    float:left;
    width: 100px;
    padding: 4px 0 2px 0;
    text-align: left;
}
.dd-login{
    float: left;
    width: 240px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}

dl.groupMember{
	font:normal 12px/15px Arial;
    position: relative;
    width: 100%;
	margin-top:5px;
	height:130px;
	border-bottom: 1px solid #C0D0E0;
	/*overflow:hidden;*/
	clear:both ;
	display:none;
}


dl.groupMemberVisible{
	font:normal 12px/15px Arial;
    position: relative;
    width: 100%;
	margin-top:5px;
	height:130px;
	border-bottom: 1px solid #C0D0E0;
	/*overflow:hidden;*/
	clear:both ;
	display:block;
}
 


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -50px;
    width: 200px;
    margin-top: -5px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/youth2008/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/youth2008/images/pointer.gif) left top no-repeat;
}

/*--------------------------------*/
input.textfield {
border:1px solid #A7FD8A;
width:200;
}

input.textfieldLong {
border:1px solid #A7FD8A;
width:250;
}

input.button {
background:#93251D none repeat scroll 0%;
border:1px solid #000000;
color:#FFFFFF;
margin:2px;
}

img.button {
cursor:pointer
}




select.fixed{
width:150;
}


/*----------------VALIDATION CSS---------------------*/

/* General styling for both valid and invalid input */
.invalidInput,.validInput{
	display:compact;
	padding:1px;
	float:left;
}
/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;


}

/* Style for valid input */
.validInput{
	border:1px solid #FFF;
}

/*#mainContent STRONG.required{
	color:#FF0000;
    position: absolute;
    right: 80;
    margin-top: 5px;
	margin-left:0;
    padding: 0px 0px;
	display:none;
}
*/


#container #mainContent STRONG.required{
    position: absolute;
    right: -1xpx;

	
	color:#FF0000;

/*    position: absolute;
    right: 80;

    margin-top: 5px;
	margin-left:0;
    padding: 0px 0px;*/
	display:none;
}

#container STRONG.required{
color:#FF0000;
}