body {
	font: 75% Arial, Helvetica, sans-serif;
	color : #666;
	background : #7f7f7f;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}
/*WRAP*/
#container {
	width : 750px;
	margin : 0 auto;
	padding : 0;
	line-height : 1.4em;
	background : #ffffff;
	color : #666666;
}
/*TOP BANNER*/
#top {
	margin : 0;
	padding : 0;
	height : 100px;
	background : #29427B url(../images/hebrides.jpg) no-repeat right center;
	border-bottom : 2px solid #fff;
}
#top h1 {
	padding : 5px 0 0 10px;
	margin : 0;
	font: 150% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing : 2px;
	color : #000000;
	background : transparent;
}
#top p {
	padding : 5px 0 0 10px;
	margin : 0;
}
#top a:link a:visited {
	text-decoration : none;
	color : #ffffff;
	background : inherit;
}
#top a:hover {
	text-decoration : underline;
	color : #fff;
	background : inherit;
}
/*TOP MENU*/
#menu {
	margin : 0;
	padding : 0;
	height : 30px;
}
/*LEFT MENU*/
#leftnav {
	float : left;
	width : 160px;
	margin : 0;
	padding : 0;
	padding-left : 5px;
	color : #333;
	background : #ffffff;
}
#leftnavi {
	float : left;
	width : 130px;
	margin : 0;
	padding : 0;
	background : #ffffff;
}
/*MAIN CONTENT*/
#content {
	margin : 0 15px 0 165px;
	padding : 5px;
}
/*FOOTER*/
#footer {
	clear : both;
	margin : 0;
	padding : 0.5em;
	border-top : 5px solid #d1dffe;
	color : #fff;
	background : #29427B;
}
#footer img {
	float : right;
}
* > html #footer img {
	margin : 0;
}
#footer a:link, #footer a:visited {
	text-decoration : none;
	color : #d1dffe;
	background : transparent;
	text-decoration : none;
}
#footer a:hover {
	text-decoration : underline;
	color : #ffffff;
	background : inherit;
}
#footer a:active {
	text-decoration : none;
	background : inherit;
	color : #aaa;
}
/*TYPOGRAPHY*/
h2 {
	margin : 0;
	padding : 0 0 0 0;
	font: 95% Arial, Helvetica, sans-serif;
	letter-spacing : 2px;
	border-bottom : 1px solid #ffffff;
	color : #29427B;
	background : inherit;
	font-weight: bold;
}
h3 {
	margin : 0;
	padding : 15px 0 0 0;
	font: 95% Arial, Helvetica, sans-serif;
	color : #29427B;
	font-weight: bold;
	background : inherit;
}
p {
	padding : 3px;
}
blockquote {
	font-weight : bold;
	font-style : italic;
	color : #b29b35;
}
/*LINKS*/
a:link, a:visited {
	text-decoration : none;
	color : #426bf4;
	background : transparent;
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
	color : #000000;
	background : inherit;
}
a:active {
	text-decoration : none;
	background : inherit;
	color : #aaaaaa;
}
a img {
	float : left;
	margin : 5px 6px 0 0;
	padding : 0;
}
#navlist li {
	list-style-type : square;
	margin : 0 8px 0 -14px;
	padding : 0;
	background : inherit;
	color : #29427B;
}
/*IMAGES*/
.imgright {
	float : right;
	margin : 0 10px 10px 10px;
	padding : 10px;
}
.imgleft {
	float : left;
	margin : 5px 6px 0 0;
	padding : 0;
}
/*GALLERY*/
#gallery {
	height : 125px;
}
#gallery img {
	float : left;
	padding : 5px;
}
/*CLASS*/
.happy {
	border-top : 1px solid #808080;
	padding : 10px;
}
.clear {
	clear : both;
	overflow : hidden;
	width : 0;
	height : 1px;
}
.quote {
	margin : 10px;
	border : 1px solid #d1dffe;
	padding : 15px;
	color : #3e5ab7;
	background : transparent;
}
.fact {
	margin : 10px;
	color : #3e5ab7;
	background : transparent;
}