/* CSS Document */

body 
		{
		text-align:center;
		}
		
p, td, li	
		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 12px;
		color: #666;
		margin:0px 0px 0px 0px;
		}
			
input, textarea, select
		{
		font-family: georgia, "times new roman", times,serif;
		font-size: 12px;
		}
		
#frame {
		width:700px;
		margin-right:auto;
		margin-left:auto;
		margin-top:25px;
		margin-bottom:0px;
		padding:0px;
		text-align:left;
		}
		
#header	{
		width:700px;
		height:208px;
		background-image:url(images/main/header.gif);
		}
		
#content	{	
		width:696px;
		padding-top:20px;
		border-left:2px solid #20a58e;
		border-right:2px solid #20a58e;
		float:right;
		/*the above float:right is there so that the 2 nested divs below (#main and #nav) will get the borders of the #content nav stretch down to encompass them in Firefox and Safari.  As they are both floated this will only happen by adding the float:right rule to this (the #content div) - hurray - only took me 2 hours to work that one out!!!.*/  
			}
		
#main	{
	width:490px;
	height:auto;
	padding-left: 24px;
	/*padding-top:20px;*/
	float:left;
	}
		
div#nav
		{
		width:130px;
		height:auto;
		float:right;
		padding-right:10px;
		/*padding-top:20px;*/
		line-height:11px;
		
		}
		
div#nav p
		{
		font-size:10px;
		color: #333;
		}
		
div#nav a
		{
		font-size:11px;
		color: #ab1fc4;
		font-weight:bold;
		text-decoration: underline;
		}
		
#footer
		{		
		clear: both;
        min-height: 29px; /* IE needs height */ 		
		}
		
.italic	{
		font-style:italic;
		}
		
		
.bold	{
		font-weight:bold;
		}
		
.top
		{
		font-size:10px;
		}
		
.largeBold	{			
		font-size:16px;
		font-weight:bold;
		}
		
.large	{
		font-size:16px;
		}
		

		
.floatRight	{
			float: right;
			margin-left: 5px; 
			margin-right: 3px; 
			margin-top: 1px; 
			margin-bottom: 1px;
			}
	
			
.floatLeft	{
			float: left;
			margin-left: 3px; 
			margin-right: 5px; 
			margin-top: 1px; 
			margin-bottom: 1px;
			}
		
A:link {
        color: #ab1fc4;
		background-color:transparent;
		text-decoration: underline;
		font-weight:bold;
}

A:visited { 
        color: #ab1fc4;
		background-color:transparent;
		text-decoration: none;
		font-weight:bold;
}

A:hover {
		color: #ab1fc4;
		background-color:transparent;
		text-decoration: underline;
		font-weight: bold;
}

A:active {
		color: #ab1fc4;
		background-color:transparent;
		text-decoration: none;
		font-weight: bold;
}