body 
{	/* Sets the overall layout and font. */
	
	behavior: url("../scripts/csshover.htc"); /* Makes things hover for IE6 and 7. */
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Serif;
	line-height: 150%;
	
}

.heading
{	/* Big red main headings. */
	color: #D2232A;
	font-size: x-large;
	font-weight: bold;
	padding-top: 10px;
}

.sideheading
{	/* Small side headings. */
	font-weight: bold;
	padding-top: 10px;
	line-height: 150%;
}

.sidecolour
{	/* Applies red to text. */
	color: #D2232A;
}

.sideredheading
{	/* Small side headings. */
	font-weight: bold;
	padding-top: 10px;
	line-height: 150%;
	color: #D2232A;
}

.sidesize
{	/* Applies small size to text. */
	font-size: 9pt;	
}

.servicelist
{
	list-style: none;
	/* color: #B26F2C; */
}

#banner1
{
	width: 980px;
}
	#banner1_1
	{
		float: left;	
	}		
	#banner1_2 
	{
		float: right;
		margin-top: 17px;	
	}
	
#banner2
{
	width: 980px;
	height: 162px;	
}

#content
{
	width: 980px;
	min-height: 270px;
	clear: both;	
}
	/* Content 1 is a one-column page.
	Hardly used, but use these divs. */
	#content1
	{
		width: 99%
	}


	/* Content2 is a two-column page.
	Use these for the divs. */
	#content2_left
	{		
		float: left;
		width: 355px;
	}	
	#content2_right
	{
		float: right;
		width: 578px;
	}
	

	/* Content3 is a three-column page.
	Use these for the divs. */
	#content3_left
	{
		margin-right: 2%;
		float: left;
		width: 35%;			
	}
	#content3_middle
	{		
		float: left;
		width: 22%;
	}	
	#content3_right
	{		
		float: right;
		width: 37%;		
	}

#footer
{	/* Footer styling. */
	margin-top: 10px;
	font-size: xx-small;
	background-color: #ECD8C2;
	height: 25px;
	width: 980px;
	line-height: 100%;
}
	
	#footer_1
	{
		margin-top: 8px;
		float: left;
	}
	
	#footer_2
	{
		padding-top: 8px;
		margin-left: 360px;
	}
	
	#footer_2 a
	{
		margin-left: 10px;
		margin-right: 83px;
	}
		
	.footerbar
	{
		text-decoration: none;
		color: #000000;
	}
	
	
#sidelinks
{	/* Blue side links to the left. */
	width: 285px;
	list-style: none;
}

	#sidelinks li
	{
		padding-top: 5px;
		border-bottom: solid 1px #00457C;
	}
	
	#sidelinks li a
	{
		color: #00457C;
		text-decoration: none;
	}

	#sidelinks li span
	{	/* Bold for an active side link. */
		/*color: #B26F2C;*/
		font-weight: bold;
	}
	
	#sidelinks li a:hover
	{
		color: #2F74AA;
	}

	#styledlink
	{	/* Just for decoration for inline links. */
		color: #00457C;
		text-decoration: none;
	}
		#styledlink:hover
		{
			text-decoration: underline;
		}
	
	
	a#undlink
	{	/* To make certain links underlined */
		color: #00457C;
		text-decoration: underline;
	}

#careertable td, td ul
{	/* I really can't remember what careertable is. */
	margin-left: -20px;
	vertical-align: top;	
}

#careertable td ul li ul
{	/* Maybe it's a table for careers. */
	list-style: circle;
}

#tableheading
{	/* Just bold table headings. */
	width: 578px;
	text-transform: uppercase;
	font-weight: bold;
	color: #B26F2C;
	border-bottom: solid 2px #00457C;
}

#contacttable
{
	/* Styles the contacts list. */
}

	#contacttable td
	{
		width: 250px;
		vertical-align: top;
	}
	
	#contacttable h4
	{
		color: #D2232A;
		margin-bottom: -3px;
	}
	
	#contacttable tr td span
	{
		font-weight: bold;
	}
	
.resourceheading
{
	color: #B26F2C;
	text-transform: uppercase;
	font-weight: bold;
}
		
#tablecomment
{
	font-size: 9pt;
	font-style: italic;
}
#tablereference
{
	font-weight: bold;
	font-size: 10pt;
	color: #838383;	
}