/* 
Suffolk Style Sheet
-------------------------------------------------------
Copyright (c) 2008, Chasetheweb.net

Last Updated: Mark Garczewski */


/* Color Schemes


aquablue: #1186bc
 grey: #e7e6e9
 */
 
/*//////////////////////////// DESIGN ///////////////////////////////////////////////////////*/

	img {
		border: 0;
	}
	
	body{
		background-color: #F7E388;
		}
		
	div#page{
		background-color: #ffffff;
		
		}
	div#header {	
				background-color: #ffffff !Important;
			}
			
		div#branding{
			color: #FFFFFF;
			}

			div#banner {
				text-align:left;
			}

			div#local {
				border: 1px #ff0000 solid;
							}

			
		/* FOOTER */
			div#footer {
				color: white;
				background-color:#6191A1;
			}
			.firstLetterFooter{
			font-size:16px
			}
		/* END FOOTER */
		


/*//////////////////////////// END DESIGN ///////////////////////////////////////////////////*/

/*//////////////////////////// TYPOGRAPHY ///////////////////////////////////////////////////*/
	body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1em;
	color: #333;
	
	}
	div {
		font-size: 1em;
	}
		
		/* TEXT */
			p {
			padding: 0;
			font-size: 1em;
			line-height:1.4em;
			margin-top: 0;
			margin-right: 10px;
			margin-bottom: 1em;
			margin-left: 0;
			}
			
           div#banner  p, div#threeBoxes p, div#local{
			font-size: .9em;
			}
	
			
			p.lonely{
			margin-bottom: 32em;
			}

			blockquote {
				margin-left: 10px;
				border-left: 10px solid #ddd;
			}
			pre {
				font-family: monospace;
				font-size: 1.0em;
			}
			strong, b {
				font-weight: bold;
			}
			em, i {
				font-style:italic;
			}
			code {
				font-family: "Courier New", Courier, monospace;
				font-size: 1em;
				white-space: pre;
			}
		/* END TEXT */
		
		/* HEADINGS */
			h1 {
				margin: 0px;
				padding: 0 100px 0px 0;
				color:#6190A0;
				
				font-size: 1.6em;
				line-height: 1.3em;
				
				text-align:left;
				border-bottom:thin;
				border-bottom-style:solid;
				border-bottom-color:#F7E388;
			
			}

			h1.update  {
				margin: 0 0 0.5em 0;
				padding: 0;
				font-size: 2em;
				line-height: 1.5em;
				color: #C7263B;
			}


			h2 {
				margin: 0 0 10px 0;
				padding: 0;				
				font-size: .9em;
				line-height: 1em;				
				color: #e7e6e9;
			}
			
			#latestNews h2 {
				margin: 0 0 10px 8px;
			}
			
			h3 {
				margin: .7em 0 0.5em 0;
				padding:0;
				
				font-size: 1.3em;
				line-height: 1.3em;
				
				color: #000000;
			}
			h4{
			text-align:center;
			/*color:white;*/
			/*margin-bottom:10px;*/
			}
			

			h5 {
				margin: 10px 300px 10px 10px;
				padding: 0 0px 5px 0;
				color:#6190A0;
				font-size: 1.2em;
				line-height: 1.3em;
				text-align:left;
				border-bottom:thin;
				border-bottom-style:solid;
				border-bottom-color:#F7E388;
			}
			
			#latestNews h5{
				color:white;
			}
			h6 {
				margin: 0 0 0.25em 0;
				padding: 0;
				
				font-size: 1em;
				line-height: 1.3em;
				
				color: black;
			}
		/* END HEADINGS */
		
		/* SPECIAL CLASSES */
		.small{
		font-size: .9em;	
		color: white;
		}

	
	.firstLetter{
		font-size:22px;
	}
	/*END SPECIAL CLASSES */
	
	/*///////////////////// LINKS */
		a,
		a:link,
		a:active {
		text-decoration: underline;
		color: black;
		font-size: 1em;        
		}
		a:visited {
			color:#D1232A;
			background-color: transparent;
		}
		a:hover {
			text-decoration: underline;
			color: #D1232A;
			
		}
	
		/* Header LINKS */
			#header a,
			#header a:link,
			#header a:active {
			text-decoration: none;
			color: #D1232A;
			font-size: .9em;
			
			}
			
			#header a:visited {
				color:#D1232A;
				background-color: transparent;
			}
			#header a:hover {
				text-decoration: underline;
				
				color: #D1232A;
				
			}
		/* END Header LINKS */
		
	
		/* Local LINKS */
			#local a,
			#local a:link,
			#local a:active {
			text-decoration: none;
			/*
			color: #e7e6e9;
			font-size: .9em;
			background: url(../images/template/bullet.gif) no-repeat left center;
			padding-left: 15px;
			*/
			}
			
			#local a:visited {
				/*
				color:#e7e6e9;
				*/
				text-decoration:none;
			}
			#local a:hover {
				/*
				text-decoration: none;
				color: #e7e6e9;
				background-color: #0baefa;
				padding: 4px 15px 4px 15px;

				*/
				text-decoration:none;
			}
			
		/* END Local LINKS */
		
		
		/* Footer LINKS */
			#footer a,
			#footer a:link,
			#footer a:active {
			text-decoration: none;
			color: white;
			}
			#footer a:visited {
				color:white;
				background-color: transparent;
			}
			#footer a:hover {
				text-decoration: none;
				
				color: white;
				
			}
		/* END Footer LINKS */
	
	/* END LINKS */
	
		
	/* ///////////////////////////LISTS */
		ul {
		margin: 0;
		padding: 0;
		line-height:1.7em;
		list-style-type: none;
		}
		ul li {
			margin: 0;
			padding: 0;
		}
		ol {
			margin: 0 0 1.5em 0;
			padding: 0;
			
			font-size: 1.0em;
			line-height: 1.4em;
		}
		ol li {
			margin: 0 0 0.25em 30px;
			padding: 0;
			
			font-size: 1.0em;
		}
		dl {
			margin: 0 0 1.5em 0;
			padding: 0;
			
			line-height: 1.4em;
		}
		dl dt {
			margin: 0.25em 0 0.25em 0;
			padding: 0;
			
			font-weight: bold;
		}
		dl dd {
			margin: 0 0 0 30px;
			padding: 0;
		}
	
	
	/* END LISTS */
		
		
	/*//////////////////////////////////// TABLE */
		table {
			margin: 0 0 1.5em 0;
			padding: 0;
			
			font-size: 1em;
		}
		table caption {
			margin: 0;
			padding: 0 0 1.5em 0;
			
			font-weight: bold;
		}
		th {
			font-weight: bold;
			text-align: left;
		}
		td {
			font-size: 1em;
		}
	/* END TABLE */ 
	/* Horizonatal Rules  */     
		hr
		{
		  border-color: #ccc;
		  border-style: solid;
		  border-width: 1px 0 0;
		  clear: both;
		  margin: 0 0 20px;
		  height: 0;
		}
	/* Horizonatal Rules */ 

    
/* ///////////////////////////////////END TYPOGRAPHY //////////////////////////////////////////////////////////*/    


/* ///////////////////////////////////Boxes//////////////////////////////////////////////////////////*/  


	.roundedCornerIndex{
		height:130px;	
		width: 243px;		
		padding:20px; 
		margin: 10px;
		background-color: #545323; 
		color:white; 
		text-align: left; 
		float:left;
		position:relative;
	}
	
	.referenceLinksIndex
	{
		background-color:#F7E388;
		height:130px;	
		width: 243px;

		padding:20px;
		margin:10px;
		color:black;
		text-align:left;
		float:left;
	}

	div.roundedCorner{
		width: 220px; 
		padding: 20px; 
		margin: 1em;
		background: #545323; 
		color:white; 
		text-align: left; 
	}		
	
	#latestNews{
		height:235px;
		width: 203px; 
		padding: 20px 30px 20px 10px; 
		margin: 10px;
		/*background-image:url(../images/latestNewsBackGround.jpg);*/
		background-color:#6190A0;
	}
	
	.roundedCornerNewsIndex{
		/*float: left;*/ 
		height:215px; 
		width:213px; 
		margin: 5px;
		background: white; 
		color:black; 
	}
	
	.roundedCornerNewsIndex p
	{
		padding: 5px 5px 0px 5px !Important;
	}
	
	.roundedCornerNews{
		/*float: left;*/ 
		height:225px; 
		width:210px; 
		margin: 20px;
		background: white; 
		color:black; 
		/*left:-16px;*/
	}
	
	div.referenceLinks{
		background-color:#F7E388;
		width:18em;
		padding:20px;
		margin:1em;
		color:black;
		text-align:left;
	}

	.letterImage{
		margin:40px 0px 30px 0px;
	}
	
	.letterImage a,.letterImage a:active, .letterImage a:hover,.letterImage a:visited{
		text-decoration:none !important;
	}
	.linkImage{
		margin:20px 0 0 70px;
		/*margin-left:6em;*/
	}
	.messageBoardImage{
		margin:20px 0 0 20px;
/*		margin-left:2em;*/
	}
	
/* ///////////////////////////////////END Boxes //////////////////////////////////////////////////////////*/    

