@import url('/css/default.css'); 
@import url('/css/cms.css'); 

body {
	font:10pt "Arial";
	background: #9CA8BC url('/media/structure/bg.jpg') repeat-x ;
	margin: 10px 10px;
}
form,input,select,{
	font:9pt "Arial";
}
#breadCrumb {
	padding:6px 22px;
	font-size: 8pt;
	color:#AAA;
}
	#breadCrumb a, #breadCrumb a:visited {color:#859AC2;text-decoration:none;}
	#breadCrumb a:hover {color:#9B2700;text-decoration:underline;}

/* Box Styles */

#global {
	width:902px;
	margin:0 auto;
}
	#flash_banner{
		padding: 1px;
	}
	
	/* Content Pages - Right Wide Box*/
	#content{
		background: url('/media/structure/bg_content_tile.jpg') repeat-y ;
		width: 651px;
		float:right;
	}
		#content_text{background: url('/media/structure/bg_content_top.jpg') no-repeat ;}
		#content_bottom{
			background: url('/media/structure/bg_content_bottom.jpg') no-repeat bottom ;
			padding: 20px 24px 40px 25px;
			min-height: 387px;
		}
		
	/* Content Pages - Left Narrow Glossy Box*/
	#left_box{
		width: 251px;
		float: left;
	}
		#left_box.tile{background: url('/media/structure/bg_leftbox_gloss_tile.jpg') repeat-y ;}
		#left_box div.text{background: url('/media/structure/bg_leftbox_gloss_top.jpg') no-repeat ;}
		#left_box div.bottom{
			background: url('/media/structure/bg_leftbox_gloss_bottom.jpg') no-repeat bottom ;
			padding: 15px 12px 20px 12px;
			
		}
			#left_box h2{
				margin: 10px 5px;
				color:#fff;
			}
			#left_box h3{
				margin: 2px 0;
				font-size: 10pt;
				font-weight: normal;
				color:#fff;
			}
			#left_box p{
				margin: 10px 5px;
				color:#fff;
				font-size:10pt;
			}
			#left_box a{
				display: block;
				font-size: 9pt;
				color:#fff;
				margin: 10px 5px;
			}
			#left_box a:hover{color:#ccc}
		
	/* Home Page - Left Narrow White Box 
		CSS is in home.php to override content.php #left_box	
	*/
	
	/* Home Page - Glossy Box used in middle column and right column */
	#mid_box, #right_column{
		width: 325px;
		float: left;
	}
	#mid_box a, #right_column a{ 
		font-size: 10pt ;	
	}
	#mid_box h2, #right_column h2,
	#mid_box p, #right_column p{ 
		color:#fff;
		padding: 0 0 5px 0;
	}
	#mid_box a, #right_column a{ 
		color:#fff;
	}
	#mid_box a:hover, #right_column a:hover{ 
		color:#ccc ;	
	}
		#mid_box div.bottom{min-height:367px;}
		#mid_box.tile, #right_box.tile{background: url('/media/structure/bg_midbox_gloss_tile.jpg') repeat-y ;}
		#mid_box div.text, #right_box div.text{background: url('/media/structure/bg_midbox_gloss_top.jpg') no-repeat ;}
		#mid_box div.bottom, #right_box div.bottom{
			background: url('/media/structure/bg_midbox_gloss_bottom.jpg') no-repeat bottom ;
			padding: 15px 12px 20px 12px;
		}

		/**/
		
		#projlogin_box{
			width: 325px;
			height:154px;
			background: url('/media/structure/bg_projlogin_box.jpg') no-repeat ;
		}
			#projlogin_box .text{
				padding: 15px 15px 10px 15px;
			}
			#projlogin_box a{
				display: block;
				margin: 10px auto;
				font: bold 10pt Arial;
				color:#000;
				text-align: center;
				line-height: 30px;
				width: 158px;
				height: 36px;
				background: url('/media/structure/btn_projlogin.jpg') no-repeat;
				background-position: 0px -36px;
				text-decoration: none;
			}
			#projlogin_box a:hover{
				background-position: 0px 0px; 
			}
	

	

/* Footer Styles */
#footer, #footer p {
	font-size: 8pt;
	color: #333;
}
	#footer a{font-size: 8pt;}
	
	#footer_left{
		width:450px;
		float:left;
	}
	#footer_right{
		width:450px;
		float:left;
		text-align: right;
	}