@import "normalise.css";

/*	tags
------------------------------------------*/
body{
	background:url(../images/gradient.jpg) repeat-x 0px 100px;
	font-family:Arial, Helvetica, sans-serif;
	color: #444F51;
	font-size: 12px;
}

h1{
	position:relative;
	width:968px;
	margin: 0px auto;
	padding: 20px 0px;
	color:#FFF;
}

h2{
	font-size:24px;
}



/*	colours & classes
------------------------------------------*/

.bgDarkGray{
	background: #444F51;
}

.white{
	color:#FFF;
}

.clear{
	height: 1px;
	clear:both;
}

/*	layout
------------------------------------------*/
#header{
	height: 115px;
	margin: 0px auto;
	background: #444F51;

}


#topNavigationBar
{
	background:#FFF;
	height:35px;
	z-index: 100;
}
	#topNavigation{
		width: 988px;
		margin: 0px auto;
		padding:5px;
	}
		#topNavigation ul{
			float:left;
			padding: 7px 0px 0px 10px;
			
		}
			#topNavigation ul div.square{
				position: relative;
				width:10px;
				height: 10px;
				float: left;
				background-color:#444F51;
			}
			
			#topNavigation ul li{
				float:left;
				text-transform:uppercase;
				list-style-type: none;
				margin: 0px 15px 0px 0px;
				
				
			}
			#topNavigation ul li a:link, #topNavigation ul li a:visited{
				float:left;
				position:relative;
				top: -1px;
				text-decoration:none;
				font-weight:bold;
				color: #444F51;
				margin: 0px 0px 0px 5px;
			}
			
			#topNavigation ul li a:hover{
				color:	#BBC5C6;
			}
	
	#topNavigation form {
		position: relative;
		float:right;
		/*left: 80px;*/
		float:right;
		padding-right: 10px;
	}
	
	#topNavigation form input.action {
			float:left;
			width: 60px;
		}
		#topNavigation form .text {
			float:left;
			width:170px;
			margin: 0px 10px 0px 0px;
		}




#container{
	width: 968px;
	margin: 0px auto;
	background:#FFF url(../images/containerGradient.jpg) repeat-x;
	-moz-box-shadow: 0px 3px 3px #999;
	-webkit-box-shadow: 0px 3px 3px #999;
	-box-shadow: 0px 3px 3px #999;
}

	

#footer{
	width: 948px;
	margin: 10px auto;
	text-align:center;
	text-transform:uppercase;
	font-size: 9px;	
	padding: 0px 10px
}
	#footer a:link, #footer a:visited, #footer a:hover{
		float:right;
	}
	
	#footer p{
		position:relative;
		font-size:10px;
		margin: 0px 0px 10px 0px;
		line-height:14px;
		left: 30px;
	}
	#footer ul li{
		display:inline;
		padding:5px;
	}
	#footer ul li a:link, #footer ul li a:visited{
		color:#444F51;
		text-decoration:none;
		float:none;
	}
	#footer ul li a:hover{
		color:#222;
		text-decoration:none;
	}



/*	Home Page Styles
----------------------------------------------------------------------------------------------*/

	#container #homeSecondNav{
	position: relative;
	float:left;
	width: 220px;
	height:320px;
	padding:10px 10px 10px 10px;
	background:url(../images/homeNavBg.jpg) repeat-y right #323D3F;
	}

	#homeNavigation div.square{
		position: relative;
		width:16px;
		height: 16px;
		float: left;
		margin: 4px 5px 0px 0px;
	}
	
	#homeNavigation li{
		position:relative;
		text-transform:uppercase;
		list-style-type: none;
		top: -4px;
		padding: 5px 0px;
		border-bottom: 1px dashed #444F51;
	}

	#homeNavigation li a:link, #homeNavigation li a:visited{
			text-decoration:none;
		}
		
		.secNavTxt{
			font-size:24px;
			font-weight:900;
			vertical-align:middle;
		}


#homePhotos{
	width:728px;
	float:left;
	height: 340px;
	overflow:hidden;
	display: block;
}


/* Quick Links
-----------------------------------*/


#quickLinks{
	background-color:#FFF;
	padding: 0px 0px 15px 0px;
}

#quickLinks a:link, #quickLinks a:visited, #quickLinks a:hover{
	color:#444F51;
	text-decoration:none;
}

#quickLinks dl{
	float:left;
	width: 220px;
	border-right: solid 1px #444F51;
	padding: 0px 10px;
	margin: 15px 0px 5px 0px;
	display: block;
	height: 110px;
}

.dlSquare{
	position: relative;
	width:10px;
	height: 10px;
	float: left;
	background-color:#444F51;
}

#quickLinks dl dt{
	position: relative;
	float: left;
	font-size: 14px;
	margin: 0px 0px 5px 5px;
	font-weight: 900;
	text-transform:uppercase;
	width: 205px;
	top: -2px;

}

#quickLinks dl dd{
	position: relative;
	display:block;
	clear:both;
	margin: 5px 0px;
	width: 205px;
	left: 17px;
	font-size:11px;
	line-height: 13px;
}

#quickLinks dl.noBorder{
	border-right: none;

}

/*  Font resizer styles
------------------------------------------------*/

/* Font-Sizer Specific Styling */
 #fontsizer{
	 display: none;
	 position:relative;
	 float:right;
	 bottom: 50px;
	 z-index:10;
	 right: 10px;
}
 
.fsizer { } /* Container element */

.fsizer a { display: block; float: left; width: 20px; margin-right: 5px; text-align: center; border: 1px dotted #BBC5C6; color: #BBC5C6; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 100%; }
.fsizer a:hover { text-decoration: none; background: #BBC5C6; color:#444F51;  }

/* Three 'A' links used to control size */

.fsizer a#fs_sml { font-size: 9px; height: 15px; padding-top: 5px; }
.fsizer a#fs_med { font-size: 13px; height: 17px; padding-top: 3px; }
.fsizer a#fs_lrg { font-size: 16px; height: 18px; padding-top: 2px; }

.fsizer a.fsactive { color: #444F51; background: #BBC5C6; cursor: default; } /* When mode is active */


.bgDarkGray{
	background: #444F51;
}

.sasLightGray {
	color: #BBC5C6;
}