* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
}

#wrapper {
	width: 100%
	height: 93px;
}

#header {
	width: 100%;
	background: #FFFFFF url("../images/logo-irish.gif") no-repeat top left;
	height: 93px;
}

#header hr {
margin-top:15px;
height:1px;
}

<!-- start of nav list
<!-- sets the length of the top nav bar -->
#left_text {  
	width: 100%;
}

#navcontainer {}

#navlist
{
margin-left: 165px;
margin-top: 25px;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 20px 4px 30px;
text-decoration: none;
color: #000000;
}

#navlist a:hover
{
border-bottom: 4px solid #62B0FF;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:link#current, a:visited#current {
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
}

#navlist a:hover { color: #000000; }

#tools {
	float: right;
	color: #000;
	padding: 3px 6px;
}

#tools img {
	padding-top: 35px;
	padding-right: 35px;
}

#content-outter-wrapper {
	width: 100%;
	float: left;
	margin-right: -12.9em;
	margin-top: 3px;
}
#navigation-wrapper {
	width: 11.3em;
	margin-right: 2.7em;
	float:left;
}

<!-- start of navigation -->
#navigation {
	width: 11.3em;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-right: 5px;
	margin-top: 10px;
	margin-left: 10px;
}



#navigation ul,
#navigation ul li {
	list-style: none;
	background: CDDBED;
	font-weight:bold;
	padding-top: 4px;
	padding-bottom: 0px;
	border-right: 1px thin #6993C9;
}


#navigation ul {
	border-top: 3px solid #6993C9;
}


<!-- the page you are on is highlighted in these colors -->
#focus-li {
	list-style: none;
	background: #74A6C0;
	color:#000;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
<!-- allows an li to appear the same, without an <a> tag -->
#navigation ul div li {
padding-top: 2px;
	padding-bottom: 2px;
	border-top: none;
	border-bottom: 1px solid #74A6C0;
}


/* these lines in the css cover the main link at the top of each nav list  e.g. sections, planning etc.  */
#navigation a, #navigation span {
	background: #B5CAE4;
	color: #000000;
	text-decoration: none;
	padding: 3px 10px;
	display: block;
}




* html #content-outter-wrapper #content-wrapper #navigation ul li a {
	height: 11px;
}

#navigation a:hover,
#navigation a:active,
#navigation a:focus {
	background: #B5CAE4;
	color: #006699;
}


<!-- start of blank bullet

#navigation span {
background: white;
padding-bottom: 12px;
border-top: 1px solid #fff;
}

#unlinked-li {
background: white;
padding-bottom: 12px;
border: none;
border-bottom: 1px solid #000;
}

--> end of blank <li> item

/* styles for the sub nav bar page */

/* styles for the main buttons themselves */
#navigation ul li ul li {
	color: #CC0033;  /* text color */
	text-decoration: none; 
	padding: 3px 10px 3px 15px; /* padding around each button */
	display: block;
	font-weight:normal;
	background: #CDDBED; /* cell bg color */
}

<!--#navigation ul li ul li a {
	<!--color: #074CA6;  /* text color */
	<!--text-decoration: none; 
	<!--padding: 3px 10px 3px 15px; /* padding around each button */
	<!--display: block;
	<!--font-weight:normal;
	<!--background: #CDDBED; /* cell bg color */
<!--}
/* end of styles for the main buttons themselves */


#navigation ul li ul li a:hover,
#navigation ul li ul li a:focus,
#navigation ul li ul li a:active {
	background: #CDDBED;
	color:#000;
}


#navigation ul li ul li span {
	background: #FFF url("../images/nav-item.gif") no-repeat 10px .5em;
	color: #074CA6;
	font-weight: bold;
	padding: 3px 10px 3px 20px;
}

#navigation ul li ul {
	padding: 0 0 0 0;
	background: #fff;
}
/* end styles for the sub nav bar page */


#navigation ul li ul span {
	background: #CDDBED url("../images/nav-item.gif") no-repeat 0 .5em;
	color: #074CA6;
	font-weight: bold;
}

#navigation li {
	border-bottom: 1px solid #6993C9;
}

#navigation ul span li {
background: #FFFFFF;
border-bottom: 1px solid #fff;
}
/* end */

#content-padding {
float:inherit;
padding-top: 21px;
margin-right: 6.6em;
}

#footer {
	clear:both;
	text-align: center;
	padding: 15px 0 5px;
}

#picture {
float:right;
margin-left: 18px;
}