/*********************************************************
CSS DOCUMENT FOR GROVE CITY COLLDGE DESIGN DEPARTMENT

Author: Nate Mucha
Date:   2/22/2013
File:   Main CSS File
**********************************************************/


/*BROWSER RESET*/
*
{
	border: none;
	outline: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;	
}

::selection
{
	/* Safari */
background-color: #f15a29;
color: #000000;
 }

::-moz-selection
{
	/* Firefox */
background-color: #f15a29;
color: #000000;
 }

/*BASIC PAGE ADJUSTMENT*/
body
{
	background-color: #fdfdfd;
	background-image: url(../images/subtle_dots.png);
}

/*MAIN PAGE DIVISIONS*/
#container
{
	margin: 0 auto;
	width: 1000px;
	padding: 0px 25px 75px 25px;
}

#header
{
	width: 830px;
	margin:87px 0px 20px 0px;
	border-bottom: 2px solid #c1c1b0;
	padding: 0px 0px 12px 170px;
}

	#header #square_logo
	{
		width: 79px;
		height: 78px;
		background-image: url(../images/logo_square.png);
		position: absolute;
		margin: -60px 0px 0px -170px;
		background-repeat: repeat-y;
	}
	
		#header #square_logo:hover
		{
			background-position: 0px -78px;
			cursor: pointer;
		}

#nav
{	
	float: left;
}

	#nav ul
	{
		list-style: none;
	}
	
		#nav ul li
		{
			display: inline-block;
			font-family: verdana, arial, sans-serif;
			font-weight: bold;
			color: #2c2d31;
			text-transform: uppercase;
			font-size: 12px;
			margin: 0px 0px 0px 32px;
		}
		
			#nav ul li a:link, #nav ul li a:visited
			{
				color: #c1c1b0;
				font-weight: bold;
			}
			
			#nav ul li a:hover
			{
				color: #f15a29;
			}
		
		#nav ul li.first
		{
			margin-left: 0px;
		}
		
#nav_tools
{
	float: right;
	width: 100px;
}

	#nav_tools #btn_search
	{
		background-image: url(../images/search.png);
		height: 21px;
		width: 21px;
		float: right;
		margin: 0px 16px 0px 0px;
	}
	
		#nav_tools #btn_search:hover
		{
			background-position: 0px -21px;
			cursor: pointer;
		}
	
	#nav_tools #btn_email
	{
		background-image: url(../images/email.png);
		height: 17px;
		width: 25px;
		float: right;
		margin: 2px 0px 0px 0px;
	}


		#nav_tools #btn_email:hover
		{
			background-position: 0px -17px;
			cursor: pointer;
		}
		
#feature
{
	width: 1000px;
	height: 310px;
	text-align: center;
	padding: 0px 0px 25px 0px;
	border-bottom: 1px solid #c1c1b0;
}

.content
{
	width: 1000px;
	padding: 25px 0px 0px 0px;
	clear: both;
}

#footer
{
	height: 44px;
	width: 100%;
	background-color: #2c2d31;
	position: fixed;
	bottom: 0px;
}

	#footer_content
	{
		width: 1000px;
		margin: 0 auto;
		padding: 10px 0px 0px 0px;
	}
	
	#footer_content p
	{
		font-family: verdana, arial, sans-serif;
		color: #ffffff;
		font-size: 12px;
		margin: 3px 0px 0px 0px;
	}
	
		#footer_content p a:link, #footer_content p a:visited
		{
			color: #ffffff;
			text-decoration: none;
		}
		
		#footer_content p a:hover
		{
			text-decoration: underline;
		}

/*COLUMN DIVISIONS*/
.col
{
	float: left;
	padding: 0px 10px 0px 10px;
	min-height: 20px;
}

	.col h2
	{
		font-family: verdana, arial, sans-serif;
		color: #2c2d31;
		font-size: 23px;
		font-weight: bold;
		line-height: 1.4em;
		margin: 0px 0px 12px 0px;
	}
	
		.col h2 .attribution
		{
			display: block;
			margin: 10px 0px 0px 0px;
		}
		
		.col h2 .hang
		{
			margin-left: -9px;
		}
	
	.col h3
	{
		font-family: verdana, arial, sans-serif;
		font-weight: bold;
		font-size: 15px;
		line-height: 1.6em;
		color: #877565;
		margin: 0px 0px 0px 0px;
	}
	
		.col h3.color_block
		{
			background-color: #f15a29;
			padding: 5px 8px 5px 10px;
			/*margin-bottom:10px;*/
			color: #ffffff;
		}
		
		.col h3 .attribution
		{
			display: block;
			margin: 10px 0px 0px 0px;
		}
		
		.col h3 .hang
		{
			margin-left: -4px;
		}
	
	.col h4
	{
		font-family: georgia, times, serif;	
		color: #2c2d31;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.7em;
		margin-bottom: 1.5em;
	}
	
		.col h4 a:link, .col h4 a:visited
		{
			font-style: italic;
			text-decoration: underline;
			color: #2c2d31;	
		}
		
		.col h4 a:hover
		{
			color: #f15a29;
		}
	
		.col h4.drop_cap:first-letter
		{
			font-size: 46px;
			line-height: 20px;
			margin: 12px 6px 0px 0px;
			float: left;
		}
	
	.col p
	{
		font-family: georgia, times, serif;	
		color: #877565;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.6em;		
		margin: 0px 0px 19px 0px;
	}
/*	
			.col p .attribution
			{
				display: block;
				margin: 10px 0px 0px 0px;
			}*/
			
			.col p .hang
			{
				margin-left: -3px;
			}
		
	
	
		.col p.color_block
		{
			background-color: #eee;
			color: #2c2d31;
			padding: 10px 10px 10px 15px;
			margin-bottom: 20px;	
		}
		
			.col p.color_block a:link
			{
				font-style: italic;
				font-weight: bold;
				display: block;
				margin-top: 8px;
				border-top: 1px solid #f15a29;
				padding-top: 5px;
				color: #2c2d31;
			}
			
			.col p.color_block a:hover
			{
				color: #f15a29;	
			}
	
		.col p.drop_cap:first-letter
		{
			font-size: 46px;
			line-height: 20px;
			margin: 12px 6px 0px 0px;
			float: left;
		}
	
		.col p a:link, .col p a:visited
		{
			color: #877565;
			font-weight: bold;
			
		}
		
		.col p a:hover
		{
			color: #2c2d31;
		}
	
		.col p.last
		{
			margin: 0px;
		}

.two_wide
{
	width: 145px;
}

.three_wide
{
	width:235px;
}

.four_wide
{
	width: 315px;
}

	.four_wide.border_left
	{
		border-left: 1px dashed #877565;
		width: 305px;
		padding-left: 19px;
	}

.five_wide
{
	width: 410px;
}

	.five_wide.border_left
	{
		border-left: 1px dashed #877565;
		width: 380px;
		padding-left: 19px;
	}

.six_wide
{
	width: 485px;
}

.nine_wide
{
	width: 745px;
}

twelve_wide
{
	width: 1000px;
}

.last_col
{
	padding-right: 0px;
}

.first_col
{
	padding-left: 0px;
}



/*ADJUSTMENT CLASSES*/

.hidden
{
	display: none;
}

.clear
{
	clear: both;
}

.top_division
{
	margin-top: 10px;
	border-top:  1px solid #c1c1b0;
}

.mini_spacer
{
	height: 8px;
}

.solid_spacer
{
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #c1c1b0;
}