/* imports */
@import url(RightPanelQuickServiceLinks.css);
@import url(ColourOptions.css);

/* standard shell template */
html, body 
{
	margin: 0px;
	padding:0px 0px 10px 0px;	
}

body
{		
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 75%;
	background: #0D0D0D url(../Images/SiteBackground.jpg) repeat-x top left;
	text-align: center;	
	line-height: 18px;
	color: #3E3D40;
}

.clear{
	clear:both;		
}

/* redefine */
form 
{
	padding: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Verdana;
	font-size: 100%;
	color: #302C2D;
}

a 
{
	color: #E3175B;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 893px;
	background: url(../Images/ShellBackground.jpg) no-repeat top left;
	padding: 45px 32px 0px 27px;	
	height: 1003px;	
	padding-bottom: 20px;
}
	
	#wrapper #shellcontainer 
	{
		width: 893px;
		background: #FFF;
		float: left;
	}

		#wrapper #shellcontainer #header 
		{
			width: 776px;
			float: left;
			position: relative;
			height: 108px;
			background: url(../Images/headerGraphics_03.gif) no-repeat top left;
			padding-left: 117px;
			z-index: 0;
		}
		
			#wrapper #shellcontainer #headerflash 
			{
				width: 512px;
				height: 108px;
				background: url(../Images/headerGraphics_04.gif) no-repeat top left;
				float: left;	
			}
		
			#wrapper #shellcontainer #header h1 
			{				
				margin: 0px;
				padding: 0px;				
				float: left;				
			}
			
				#wrapper #shellcontainer #header h1 a 
				{
					width: 264px;
					height: 108px;
					display: block;
					background: url(../Images/headerGraphics_05.gif) no-repeat top left;
				}
				
					#wrapper #shellcontainer #header h1 a span
					{
						display: none;
					}
		
			#wrapper #shellcontainer #header #curtime 
			{
				position: absolute;
				top: -24px;
				left: 765px;
				color: #FFF;
				z-index: 100;				
			}
		
		#wrapper #shellcontainer #navigation 
		{
			width: 893px;
			float: left;
			border-top: solid 11px #007AB4;
			padding-top: 3px;
		}
		
			/* See Includes/ColourOptions.asp */
		
		#wrapper #shellcontainer #contentarea 
		{
			width: 893px;
			float: left;				
		}
		
			#wrapper #shellcontainer #contentarea #breadcrumbs 
			{
				width: 857px;
				float: left;
				padding: 18px;				
			}
			
				#wrapper #shellcontainer #contentarea #breadcrumbs ul
				{
					margin: 0px;
					padding: 0px;				
				}
				
					#wrapper #shellcontainer #contentarea #breadcrumbs ul li 
					{
						list-style-type: none;
						display: inline;
					}
					
						#wrapper #shellcontainer #contentarea #breadcrumbs ul li.spacer 
						{
							background: url(../Images/Breadcrumb_Spacer.gif) no-repeat left;	
							padding-left: 10px;
							padding-right: 4px;
						}					
					
						#wrapper #shellcontainer #contentarea #breadcrumbs ul li a 
						{
							color: #0079B3;
							text-decoration: none;
						}
						
							#wrapper #shellcontainer #contentarea #breadcrumbs ul li a:hover 
							{
								text-decoration: underline;
							}
			
			/* Content */
			#wrapper #shellcontainer #contentarea #content 
			{
				width: 857px;
				float: left;				
				padding: 18px;
				position: relative;				
			}
				
				/* Search Page */
				#wrapper #shellcontainer #contentarea #content .searchitem 
				{		
					width: 576px;
					float: left;
					margin: 10px 0px 10px 0px;
					border-bottom: solid 1px #0079B3;
					padding-bottom: 20px;
				}
					
					#wrapper #shellcontainer #contentarea #content .searchitem a 
					{
						display: block;	
						text-decoration: none;	
						color: #3E3D40;				
					}
					
						#wrapper #shellcontainer #contentarea #content .searchitem a strong, #wrapper #shellcontainer #contentarea #content .searchitem .searchlink
						{
							color: #FF7603;
							text-decoration: underline;
						}
						
							#wrapper #shellcontainer #contentarea #content .searchitem a strong:hover, #wrapper #shellcontainer #contentarea #content .searchitem .searchlink:hover
							{
								text-decoration: none;
							}
			
				/* People Page */
				#wrapper #shellcontainer #contentarea #content .profleftcol 
				{
					width: 120px;
					font-weight: bold;
					color: #FF7704;
					float: left;
					margin-top: 5px;
				}
				
				#wrapper #shellcontainer #contentarea #content .profrightcol 
				{
					float: left;
					width: 450px;
					margin: 5px 0px 0px 6px;
				}
				
					#wrapper #shellcontainer #contentarea #content .questionsanswers strong
					{
						color: #0079B3;
					}
			
				/* Response */				
				#wrapper #shellcontainer #contentarea #content #responsedisplay 
				{
					width: 556px;
					float: left;
					background: #F5F5F5;
					padding: 10px;
					border: solid 1px #CC0000;
					margin-bottom: 15px;
				}
				
				/* Form Fields */
				#wrapper #shellcontainer #contentarea #content input, #wrapper #shellcontainer #contentarea #content select 
				{
					font-family: "Trebuchet MS", Verdana, Arial;
					font-size: 100%;				
					color: #3E3D40;
				}
				
				/* Right and Left Panel Image Styles - See ColourOptions.asp */
				
				/* Right Panel Image Styles - Outside Content */
				#wrapper #shellcontainer #contentarea #rightpaneloutside 
				{
					width: 229px;					
					margin: 0px 18px 18px 0px;
					float: right;
					border: solid 1px #BEDFCB;
					padding: 6px;	
				}
				
					*html #wrapper #shellcontainer #contentarea #rightpaneloutside  
					{
						margin-right: 9px;
					}
						
				#wrapper #shellcontainer #contentarea #content #homeflash 
				{
					float: left;
					width: 603px;
					height: 259px;					
				}
		
		#wrapper #shellcontainer #footer 
		{
			width: 853px;
			float: left;
			height: 44px;
			background: url(../Images/FooterBackground.jpg) repeat-x top left;
			padding: 20px;	
			color: #FFF;
		}
		
			#wrapper #shellcontainer #footer #rowone 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #shellcontainer #footer #rowone li 
				{
					list-style-type: none;
					display: inline;
				}
				
					#wrapper #shellcontainer #footer #rowone li a 
					{
						color: #FFF;
						text-decoration: none;
						background: url(../Images/FooterArrows.gif) no-repeat left;
						padding: 0px 25px 0px 10px;						
					}
					
						#wrapper #shellcontainer #footer #rowone li a:hover 
						{
							text-decoration: underline;
						}
				
			#wrapper #shellcontainer #footer #links 
			{
				margin: 17px 0px 0px 0px;
				padding: 0px;
			}
			
				#wrapper #shellcontainer #footer #links li 
				{
					list-style-type: none;
					display: inline;
					padding-right: 5px;
				}
				
					#wrapper #shellcontainer #footer #links li.spacer 
					{
						background: url(../Images/FooterSpacer.gif) no-repeat left;
						padding-left: 8px;
					}
				
					#wrapper #shellcontainer #footer #links li.designby 
					{
						padding-left: 420px;
					}
				
					#wrapper #shellcontainer #footer #links li a 
					{
						color: #FFF;
						text-decoration: none;
					}
					
						#wrapper #shellcontainer #footer #links li a:hover 
						{
							text-decoration: underline;
						}