/* ML Layout */
	.left				{float:left}
	.right				{float:right}
	.middle				{margin-left:auto !important; margin-right:auto !important;}
	.center, .tcenter	{text-align:center}
	.tleft				{text-align:left}
	.tright				{text-align:right}
	.clear-spacing  	{margin: 0 !important; padding: 0 !important;}
	
	.full		{width:100% !important}	/*   1   */
	.full_height  {height:100% !important}
	.fifths4	{width:80% !important}		/*  4/5  */
	.quarts3	{width:75% !important}		/*  3/4  */
	.thirds		{width:66% !important}		/*  2/3  */
	.half		{width:50% !important}		/*  1/2  */
	.third		{width:33% !important}		/*  1/3  */
	.quart		{width:25% !important}		/*  1/4  */
	.fifth		{width:20% !important}		/*  1/5  */
	
	.hidden		{display:none}
	.clear		{clear:both}
	.clear_left	{clear:left}
	.clear_right{clear:right}
	.block		{display:inline-block;}
	
	img			{border:none;}
	


/*======================Overall rules and universals======================*/
	* { margin:0; padding:0;}
	body { 
		background:url(../images/designElements/cm-bg.png) #DFE4EE center repeat-y;
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;;
		font-size:14px;
		color:#000;
		text-align:center;
	}
	
img{ border:none;}
a { text-decoration: none; color:#FFFFFF; font-size:12px }
a:link {}
a:visited {}
a:active {}
a:hover { text-decoration: underline; color:#003366; }

	.clear { clear:both;}
	
	.fleft { float:left;}
	.fright { float:right;}
	
	.alignright { text-align:right;}
	.aligncenter { text-align:center;}
	
	#container { min-width:1024px; margin:0px auto; text-align:left; width:1150px;}
	
	#content { background:white;}

/*header*/
	#header { height:165px; background:url(../images/designElements/header_bgd1.gif) #ff6600 left top repeat-x; position:relative;}
	#header .fleft { padding:30px 0 0 20px; }
	#header img {border:0; vertical-align:top; text-align:left; }
	#header table {font-size:12px; color:white;}

/*visualizer*/
	#vis { /*height:270px;*/ }

/*footer*/
	#footer {
		background-color:#333333;
	}
	#footer h1 { color:#666666; font-size:110%; font-weight:100;}
	#footer a  { color:#FFF}
	#footer h2 { color:#666666; font-size:100%;}
	#footer li { color:#999999; font-size:90%; margin-left:15px; list-style:none;}	
	#footer td { padding:15px; color:#FFFFFF; font-size:12px}
	#footer td:hover { background:#000;}

/*=================================Layout=================================*/

	.col_1, .col_2, .col_3, .col_3a, .col_4 { float:left;}

	/*======= results.php =======*/
		#container.layout1 .col_1 {width:73%;}
		#container.layout1 .col_2 { width:27%;}
	/*======= index.php, =======*/
		#container.layoutIndex .col_1 {width:30%;}
		#container.layoutIndex .col_3 {width:37%;}
		#container.layoutIndex .col_3a {width:67%;}
		#container.layoutIndex .col_2 { width:30%; float:right;}
	/*======= profile.php =======*/
		#container.layout2 .col_1 { width:20%; border-right:1px #CCCCCC solid}
		#container.layout2 .col_2 { width:55%; margin-left:-0.2%}
		#container.layout2 .col_3 { width:25%;}
	/*=========================*/

/*======= txt_pane =======*/
	div.txt_pane {
		font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
		color:#000;
		padding:10px;
	}
	div.txt_pane h1 { font-size:18px; padding-bottom:5px; margin-bottom:20px; border-bottom:1px dotted #D3D3D3; font-family:georgia,times; font-weight:300}
	div.txt_pane h2 { font-size:14px; color:#999999; margin-bottom:4px; }
	div.txt_pane ul { margin-left:20px; }
	div.txt_pane a { color:#887857; text-decoration:none }
	div.txt_pane a:hover { text-decoration:underline; }

/*======= action_pane =======*/
	div.action_pane {
		font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
		color:#000;
		border-bottom:solid 1px #c6cfe1;
		border-left:solid 1px #c6cfe1;
		background:#dfe4ee;
		padding:10px;
	}
	div.action_pane h1 { font-size:18px; padding-bottom:5px; margin-bottom:20px; border-bottom:1px dotted #D3D3D3; font-family:georgia,times; font-weight:300}
	div.action_pane h2 { font-size:14px; color:#666666; margin-bottom:4px; }
	div.action_pane p { padding-bottom:12px; }
	div.action_pane ul { margin-left:20px; }
	div.action_pane a { color:#006699 }

/*======= action_pane form=======*/
	div.action_pane select, div.action_pane input{ color:#666666; width:180px; }
	
	div.action_pane label{/*tidies up form elements in a column*/
		display:block;
		margin-bottom:10px;
		color:#555555;
	}
	
	div.action_pane label span {/*tidies up form elements in a column*/
		display:block;
		float:left;
		padding-right:15px;
		width:100px;
		text-align:right;
		font-weight:bold;
	}
	
	#verticalForm fieldset, #verticalForm label { margin: 0 0 0 0;}/*modify forms.css*/
	a.add {
		background:url(../images/designElements/add_btn_bg.png) no-repeat;
		margin-left:10px;
		display:block;
		padding-left:25px;
		padding-top:4px;
		width:159px;
		height:22px;
		color:#1F1C10;
		font-size:12px;
	}
	a:hover.add {text-decoration:underline}
	.green_fb_button {/*a facebook-like button*/
		background:url(../images/designElements/green.gif);
		padding:0px 6px;
		border:1px solid #3b6e22;
		height:24px; 
		line-height:24px;
		color:#fff;
		font-size:12px;
		text-decoration:none;
		float:left;
		margin-top:10px;
	}
	.c_number {border:1px solid #333333; padding:5px; position:relative; bottom:0px;}
	div.action_pane img{
		float:right;
		max-width:65px;
		width:expression(document.body.clientWidth > 65? "65px": "auto" );
	}

/*======= other =======*/
	#directorio{}
	#directorio ul{float:left; width:45%; border-left:1px solid #D3D3D3; list-style:none; height:175px; padding-left:15px;}
	#directorio li{border-bottom:1px dotted #D3D3D3; position:relative}
	#directorio li span{ position:absolute; right:10px; font-size:12px; color:#999;}
	
	#members{padding:20px; background:#e0d7c5}
	#members h1{border-bottom:1px dotted #887857;}
	.socioLine img{ width:30px; height:30px; overflow:hidden; float:left; margin:3px}
	.socioLine{ color:#000; float:left; width:205px; line-height:2.5; height:36px; background:#F7F7F7; padding:1px; margin:2px; border:1px solid #E6E6E6; text-transform:lowercase;}
	.socioLine:hover{ color:#000; background:#EAEAEA;}