/*For future reference, please note that the text-align attribute in the body element is used ONLY 
as a work-around for IE5/Win. The content is centered using the margins set to auto but this will 
not work in IE5/win due to an error in that program. Please remember to manually set the text-alignment 
to whatever your preference is within an element or it will be centered within that block.*/

/*color schemes: 1a4370 is dark blue, 699cd4 is light blue for links, etc., eaf2fa is the pale blue background, 
5980ab is the same slate blue as the shc logo, #603f8e is the visited link colour */

body	{	
			background-color: #eaf2fa;
			color: #1a4370;
			margin:50px 0px; 
			padding:0px;
			text-align:center;
			font-family: arial;
			}
			
div.page	{
			background-color: white;
			color: #1a4370;
			border: 3px solid #1a4370;
			border-top: none;
			width: 800px;
			margin:0px auto;
			text-align:left;
			font-size: 95%;
			}
			
a			{	
			color: #5980ab;
			text-decoration: none;
			}
					
a:link		{	
			color: #5980ab;
			}
			
a:hover		{ text-decoration: underline;
			}

			
#topbanner	{
			background-color: #5980ab;
			color: silver;
			width: 800px;
			height: 150px;
			padding: 0px;
			}

#topbanner a {
			text-decoration: none;
			}

div.content	{
			padding: 15px;
			padding-top: 50px;
			padding-bottom: 20px;
			}
/*second copy of main div for index to accommodate for length of news reel*/
			
div.indexmain	{
			
			width: 500px;
			height: 650px;

			}
			
div.main	{
			width: 500px;
			}
			
div.mainsubpages	{
					width: 650px;
					padding-left: 20px
					}
h2.topper	{ 
				text-align: center;
				font-style: italic;
				width: 400px;
				padding-left: 120px;
				}
	/* weird positioning issues on the newletter page so it now has it's own topper. If there are others try turning off the centering and remove the padding-left*/			
h2.weird	{ 
				text-align: center;
				font-style: italic;
				width: 400px;
				
				}				
				
h3.topper	{ 
				text-align: center;
				font-style: italic;
				width: 400px;
				padding-left: 120px;
				}

div.blogspace	{
				float: right;
				border-left: 1px dashed #699cd4;
				width: 200px;
				font-size: 80%;
				padding: 0px 10px 10px 10px;
				color: #603f8e;
				}
				
li.bullets	{
			padding-bottom: 10px;
			}

.mapmenu { 
			font-size: 90%
			}
				
div.mapmenu a	{
				font-size: 80%;
				text-decoration: none;
				}
			
div.inside_footer	{
					text-align: center;
					}
			
div.footer	{
			font-size: 75%;
			padding: 10px;
			}

div.footer a { text-decoration: none;}			
			
			
/*image for newletter page*/
img.floater {
			float: right;
			padding-left: 100px;
			}
			
			
/*links page has two columns internally*/


div.linker	{
				float: right;
				width: 200px;
				text-align: left;
				padding: 0px 20px 40px 80px;
				background-color: transparent;
				}

h4.special	{
			font-size: 90%;
			color: #603f8e;
			}