body{
	margin: 0px;
	padding: 0px;
	background-color: #003333;
	background-image: url(images/design/contours.png);
	background-repeat: no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-position: top left;
}

/*--------- layout styles ----------*/

#container {
	width: 920px;
	margin: 0;
	padding: 0px 0px 15px 0px;
}

#banner {
	height: 80px;
	width: 920px;
	float: left;
	background-image: url(images/design/banner.gif);
	background-repeat: no-repeat;
}

#main {
	width: 900px;
	float: left;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
}



/*--------- nav styles ----------*/

#navbox {
	margin: 0px 15px 0px 0px;
	font-size: 0.69em;
	width: 160px;
	float: left;
	background-image: url(images/design/nav-top.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 0px;
	overflow: visible;
}

#navbox ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navbox BR {
	display: none;
}

#navbox .introduction {
	background-color: #CC0000;
	margin: 0px;
	background-image: url(images/design/nav-space1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 15px;
}

#navbox .paths {
	background-color: #FF6600;
	margin: 0px;
	background-image: url(images/design/nav-space2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 15px;
}

#navbox .activities {
	background-color: #FF9900;
	margin: 0px;
	background-image: url(images/design/nav-space3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 15px;
}

#navbox .maintenance {
	background-color: #009900;
	margin: 0px;
	background-image: url(images/design/nav-space4.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 15px;
}

#navbox .techniques {
	background-color: #0066FF;
	margin: 0px;
	background-image: url(images/design/nav-space5.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 15px;
}

#navbox .gaelic {
	background-color: #333399;
	margin: 0px;
	background-image: url(images/design/nav-space6.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 15px;
}

#navbox .contact {
	background-color: #660066;
	margin: 0px;
	background-image: url(images/design/nav-space7.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 5px;
}

#navbox a {
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
	height: 1%;
}

#navbox a:hover {
	background-color: #FFFFFF;
}

#navbox .introduction a:hover {
	color: #CC0000;
}

#navbox .paths a:hover {
	color: #FF6600;
}

#navbox .activities a:hover {
	color: #FF9900;
}

#navbox .maintenance a:hover {
	color: #009900;
}

#navbox .techniques a:hover {
	color: #0066FF;
}

#navbox .gaelic a:hover {
	color: #330099;
}

#navbox .contact a:hover {
	color: #660066;
}

#navbox li {
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 0px;
}

#navbox li ul {
	font-weight: normal;
	margin: 0;
	padding: 0px;
}

#navbox li li {
	font-weight: normal;
	margin: 0;
	padding: 0px;
}

#navbox li ul ul {
	float: left;
	position: absolute;
	width: 160px;
	left: -999em;
	background: url(images/design/popout-top.png) no-repeat left top;
	list-style: none;
	padding: 5px 0px 0px 0px;
	font-weight: normal;
	margin: -22px 0 0 161px;
}

#navbox li li li {
	background: url(images/design/dropdown-bkgd.png) repeat left top;
	color: #FFFFFF;
}

#navbox li:hover ul ul, #navbox li.sfhover ul ul {
	left: -999em;
}

#navbox li:hover ul, #navbox li li:hover ul, #navbox li.sfhover ul, #navbox li li.sfhover ul {
	left: auto;
}

#navbox .subfoldericon {
	background: url(images/design/arrow-right.png) no-repeat right center;
}

#navbox .popout {
	background: url(images/design/popout-base.png) no-repeat right bottom;
	padding: 0px 0px 5px;
	margin: 0;
}


/*--------- content styles ----------*/

#intro {
	float: left;
	margin: 0;
	width: 725px;
	padding: 5px 0px 0px;
	background-image: url(images/design/title-head-intro.gif);
	background-repeat: no-repeat;
}

#paths {
	float: left;
	margin: 0;
	width: 725px;
	padding: 5px 0px 0px;
	background-image: url(images/design/title-head-paths.gif);
	background-repeat: no-repeat;
}

#activities {
	float: left;
	margin: 0;
	width: 725px;
	padding: 5px 0px 0px;
	background-image: url(images/design/title-head-activities.gif);
	background-repeat: no-repeat;
}

#maintenance {
	float: left;
	margin: 0;
	width: 725px;
	padding: 5px 0px 0px;
	background-image: url(images/design/title-head-maintenance.gif);
	background-repeat: no-repeat;
}

#techniques {
	float: left;
	margin: 0;
	width: 725px;
	padding: 5px 0px 0px;
	background-image: url(images/design/title-head-techniques.gif);
	background-repeat: no-repeat;
}

#gaelic {
	float: left;
	margin: 0;
	width: 725px;
	padding: 5px 0px 0px;
	background-image: url(images/design/title-head-gaelic.gif);
	background-repeat: no-repeat;
}

#links {
	float: left;
	margin: 0;
	width: 725px;
	padding: 5px 0px 0px;
	background-image: url(images/design/title-head-links.gif);
	background-repeat: no-repeat;
}

#pic {
	float: left;
	margin: 0px 15px 0px 0px;
	width: 360px;
	height: 300px;
}
#pic object {
	float: left;
}

#text {
	float: left;
	width: 350px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 300px;
	overflow: auto;
	scrollbar-base-color: #003333;
	scrollbar-track-color: #006666;
}


/*---------- text styles ----------*/

h1 {
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 5px;
	color: #FFFFFF;
	line-height: 1;
}

#intro h1 {
	background-color: #CC0000;
	background-image: url(images/design/title-base-intro.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#activities h1 {
	background-color: #FF9900;
	background-image: url(images/design/title-base-activities.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#maintenance h1 {
	background-color: #009900;
	background-image: url(images/design/title-base-maintenance.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#paths h1 {
	background-color: #FF6600;
	background-image: url(images/design/title-base-paths.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#techniques h1 {
	background-color: #0066FF;
	background-image: url(images/design/title-base-techniques.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#gaelic h1 {
	background-color: #333399;
	background-image: url(images/design/title-base-gaelic.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#links h1 {
	background-color: #660066;
	background-image: url(images/design/title-base-links.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}


#text h2 {
	font-size: 0.69em;
	font-weight: bold;
	color: #00CC00;
	margin: 0px 0px 0px 0px;
	line-height: 1.4;
}

#text p {
	font-size: 0.69em;
	color: #CCCCCC;
	margin: 0px 10px 8px 0px;
	line-height: 1.4;
}

#text li {
	font-size: 0.69em;
	color: #CCCCCC;
	line-height: 1.4;
}

#text ol {
	margin: 0px 0px 8px 5px;
	padding: 0px 0px 0px 20px;
}

#text ul {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 20px;
	list-style: square;
}
#text li li {
	font-size: 1em;
}

#text a {
	color: #CCCCCC;
	text-decoration: underline;
} 

#text a:hover { 
	color: #00CC00;
	text-decoration: underline;
}
#text .number {
	font-weight: bold;
	color: #009900;
	padding: 0px 5px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #009900;
}


/*---------- footer styles ----------*/

#footer {
	font-size: 0.69em;
	color: #CCCCCC;
	clear: left;
	margin: 0px 0px 5px 0px;
	padding: 8px 20px 0px 20px;
	border-top: 1px dashed #006666;
}

#footer a {
	color: #CCCCCC;
	text-decoration: none;
} 

#footer a:hover { 
	color: #00CC00;
	text-decoration: none;
}

#copyright {
	font-size: 0.69em;
	color: #006666;
	clear: left;
	margin: 0;
	padding: 0px 20px;
}

#copyright a {
	color: #006666;
	text-decoration: none;
} 

#copyright a:hover { 
	color: #006666;
	text-decoration: underline;
}
