/*

	Fraser.org Color Palette

	#323232		grey
	#F2F2EE		light grey
	#CC0000		red
	#0F315F		blue
	#C3D2E3		light blue
	#EDF2F7		lightest blue
	
*/


/*------------------------------------------------------------------------------
	basic styles 
------------------------------------------------------------------------------*/	
	
	body {
		margin: 0; padding: 0;
		color: #000;
		font-family: Arial, verdana, sans-serif;
		font-size: 11px;
		background: #0F315F url('../shared/back.gif');
		text-align: center;
		line-height: 140%;
		}

	p{
		margin: 0 0 10px 0;
		}
	
	h1{ 
		font-size: 17px;
		color: #CC0000;
		margin: 10px 0 10px 0;
		font-weight: bold;
		}
	
	h2{
		font-size: 14px;
		color: #CC0000;
		font-family: times, serif;
		margin: 0 0 10px 0;
		font-weight: normal;
		}
	
	h3{ 
		color: #0F315F;
		font-size: 11px;
		margin: 20px 0 3px 0;
		}
	
	h4{ 
		font-size: 11px; 
		margin: 0 0 10px 0;
		font-weight: normal;
		}
	
	
	
/*------------------------------------------------------------------------------
	navigation
------------------------------------------------------------------------------*/	

	a{
		color: #0F315F;
		}

	a:hover{
		color: #000;
		}

	#nav_primary{
		width: 184px;
		height: 125px;
		background: #fff url('../shared/nav_back.gif') no-repeat;
		float: left;
		}
		
		#nav_primary .pad{
			margin: 7px 0 0 17px;
			}
		
		#nav_primary a{
			display: block;
			margin-bottom: 2px;
			}

		#nav_primary #navFirst{
			margin-top: 2px;
			}

	#nav_utility{
		width: 592px;
		height: 30px;
		background: #DBDBDB url('../shared/utility_cap.gif') no-repeat right;
		margin-bottom: 2px;
		color: #323232;
		}
	
		#nav_utility .pad{
			padding: 8px 0 0 25px;
			}
		
		#nav_utility a{
			color: #323232;
			text-decoration: none;
			background:  url('../shared/dot.gif') no-repeat right;
			padding: 0 12px 0 8px;
			}
		
		#nav_utility a:hover{
			color: #000;
			text-decoration: underline;
			}

		#nav_utility .bg{
			background: none;
			}
		
		#nav_utility .current{
			font-weight: bold;
			}


/*------------------------------------------------------------------------------
	layout
------------------------------------------------------------------------------*/	

	#wrappa{
		background: #fff url('../shared/wrappa_back.gif') repeat-y;
		margin:0px auto;
		text-align: left;
		padding: 0 7px 0 9px;
		width: 799px;
		voice-family: "\"}\""; voice-family:inherit;
		width: 783px;
		}
	
	#empty {}
	
		
	#content{
		clear: both;
		margin-top: 2px;
		background: #fff url('../shared/content_back.gif') 0 10px no-repeat;	
		}

		#content #col1{
			float: left;
			width: 200px;
			voice-family: "\"}\""; voice-family:inherit;
			width: 190px;
			}	
			#content #col1 .pad{
				margin: 8px 30px 0 30px;
				}
		
		#content #col2{
			float: left;
			width: 393px; height: auto;
			font-size: 12px;
			}
			
			#content #col2 .pad{
				margin: 8px 15px 0 5px;
				}
	
		#content #col3{
			background:  url('../shared/col3_back.gif') no-repeat;
			float: right;
			width: 190px;
			}
			
			#content #col3 .pad{
				margin: 3px 5px 0 19px;
				}
			
			#content #col3 .pad2{
				margin: 12px 5px 0 19px;
				}

			#content .services a{
				color: #000;
				text-decoration: none;
				display: block;
				}
			#content .stories a{
				color: #000;
				text-decoration: none;
				display: block;
				margin: 0 0 10px 0;
				}
			
			#content .services a:hover, #content .stories a:hover{
				color: #000;
				text-decoration: underline;
				}
			
			#content #col3 h3 a{
				color: #0F315F;
				text-decoration: none;
				}
			
			#content #col3 h3 a:hover{
				text-decoration: underline;
				}

		#content #col_major{
			float: left;
			width: 593px;
			font-size: 12px;
			padding-bottom: 100px;
			}
			
			#content #col_major .pad{
				margin: 20px 20px 10px 30px;
				}
			
			#content #col_major #leftcol{
				float: left;
				width: 250px;
				margin-right: 10px;
				}
			
			#content #col_major #rightcol{
				float: right;
				width: 250px;
				margin-right: 10px;
				}
			
			#leftcol h3, #rightcol h3{
				margin: 10px 0 0 0; padding: 0;
				}
	
	#logo{
		margin: -20px 0 0 15px;
		}
	
	#footer{
		font-size: 10px;
		clear: both;
		padding: 10px 20px 20px 30px;
		}


/*------------------------------------------------------------------------------
	unordered lists
------------------------------------------------------------------------------*/	

	ul{
		list-style-type: none;
		margin: 0 0 5px 0;
		padding: 0;
		}

	ul li{
		margin: 0;
		padding: 0 0 5px 15px;
		background: #fff url('../shared/triangle.gif') no-repeat 1px 3px;
		}
	
/*------------------------------------------------------------------------------
	newsletter
------------------------------------------------------------------------------*/
.newsblock{
		font-size: 11px;
		float: left;
		width: 170px;
		height: 170px;
		overflow: hidden;
		margin: 4px 8px 5px 0;
		text-align: left;
		}

/*------------------------------------------------------------------------------
	ordered lists
------------------------------------------------------------------------------*/	

	ol{
		margin: 0 0 5px 16px;
		padding: 0;
		}

	ol li{
		margin: 0;
		padding: 0 0 5px 2px;
		}



/*------------------------------------------------------------------------------
	homepage
------------------------------------------------------------------------------*/	
	
	#home #content{
		background: #fff url('../shared/content_back_home.gif') no-repeat;
		}

	#home #nav_primary{
		width: 188px;
		height: 170px;
		background: #fff url('../shared/nav_back_home.gif') no-repeat;
		float: left;
		}

		#home #nav_primary .pad{
			margin: 8px 0 0 12px;
			}

	#home #logo{
		float: left;
		margin: 15px 0 0 18px;
		}

	#home #footer{
		clear: both;
		padding: 20px 0;
		text-align: center;
		}

	#home ul li{
		margin: 0;
		padding: 0 0 5px 15px;
		background: #fff url('../shared/bullet.gif') no-repeat 1px 1px;
		}

    ul.homebullets li{
		margin-bottom: 12px;
		}
				
				
/*------------------------------------------------------------------------------
	stories of success
------------------------------------------------------------------------------*/	

	.storyblock{
		float: left;
		width: 132px;
		height: 170px;
		overflow: hidden;
		margin: 4px 2px 5px 0;
		text-align: center;
		}

/*------------------------------------------------------------------------------
	products
------------------------------------------------------------------------------*/		
	.productblock{
		float: left;
		width: 170px;
		height: 170px;
		overflow: hidden;
		margin: 4px 8px 5px 0;
		text-align: center;
		}
		
	.artblock{
		float: left;
		width: 250px;
		height: 250px;
		overflow: hidden;
		margin: 4px 8px 5px 0;
		text-align: center;
		}
		
	.products{
		clear: both;
		padding-top: 4px;
		}
	
	.products h3, .products ul, .products p{
		float: left;
		width: 250px;
		text-align: left; 
		}
	
	.products2{
		clear: both;
		padding-top: 4px;
		vertical-align: baseline;
		}	
		
	.products2 h3, .products2 ul, .products2 p{
		float: left;
		width: 410px;
		text-align: left; 
		}
	.products img{
		float: right;
		text-align: left; 
		}

/*------------------------------------------------------------------------------
	employment
------------------------------------------------------------------------------*/	

	#employment h4, #employment h4 a{
		color: #000;
		font-weight: bold;
		margin: 0;
		}	
	
	#employment h4 a:hover{
		color: #0F315F;
		}		

/*------------------------------------------------------------------------------
	seminars, volunteer opportunitiies
------------------------------------------------------------------------------*/	

	div.row{
		clear: both;
		padding-top: 4px;
		}
	
	div.row span.label{
		float: left;
		width: 100px;
		text-align: left; 
		}
	
	div.row span.fdata{
		float: right;
		width: 410px;
		text-align: left; 
		}

/*------------------------------------------------------------------------------
	volunteer - awards
------------------------------------------------------------------------------*/	

	.awardblock{
		float: left;
		width: 180px;
		height: 170px;
		overflow: hidden;
		margin: 1px 1px 1px 0;
		text-align: center;
		}

/*------------------------------------------------------------------------------
	misc
------------------------------------------------------------------------------*/	

	.stack{
		float: left;
		margin-left: 2px;
		}
	
	.cap{
		margin-top: 2px;
		}
	
	h1.twoline{
		margin-bottom: 3px;
		}
		
	/* quote bug */
	#quote{
		width: 225px;
		height: 125px;
		background: #fff url('../shared/quote_back.gif') no-repeat;
		float: left;
		margin-left: 2px;
		font-size: 11px;
		text-indent: -5px;
		}

		#quote .pad{
			padding: 10px 3px 0px 13px;
			}

		#quote .credit{
			text-align: right;
			font-family: Arial, verdana, sans-serif;
			font-size: 10px;
			margin: 7px 5px 0 0;
			}
	
	blockquote{
		margin: 0 15px 10px 15px;
		}