body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
	color: #333;
	background-color: #fff;
	text-align: center;
/* part 1 of 2 centering hack */
	}
a {
	text-decoration: none;
	font-weight: bold;
	outline: none;
        color: #333;
	}

a:visited {
	color:  #fff;
	}
#active {
        font-weight:bold;
	}
a:hover {
	color: #ccc;
	}
strong, b {
	font-weight: bold;
	}
p, #maincol li {
	font-size: 12px;
        line-height: 14px;
	margin-top: 2px;
	margin-bottom: 2px; 
	}

html>body p, #maincol li {
 line-height: 18px;
}

h1 {
	font-size: 20px;
	line-height: 35px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
        margin-left: 3px;
	}
h2 {
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
        margin-left: 3px;
	}
h3 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
        margin-left: 3px;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}

#content {
        position:absolute;
        left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #fff;
	border: 1px solid #ccc;
	text-align:left; /* part 2 of 2 centering hack */
	width: 800px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 850px;
	}
html>body #content {
	width: 850px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

#picture {
    height:215px;
    width:575px;
    padding-right:10px;
    padding-left:10px;
    float: right;
    display:inline;
    position:relative;
    width: auto;
    background: url(http://croaghpatrickbroadband.net/images/reek.jpg) no-repeat;
}

#logo {
  height:250px;
  float: left;
    display:inline;
  border-left: 1px solid #b4afa3;
}

#navbar {
    width: 410px;
    margin-top: 10px;
    text-align: right;
    float: right;
    display:inline;
}

div.border {
 padding: 0px 1px 9px 0px;
 float: left;
    display:inline;
 background: url(http://croaghpatrickbroadband.net/images/shadow-b.gif) repeat-x bottom;
 border-right: 1px solid #e1dfde;
}

#shadow {
 float: left;
 display:inline;
 width:auto;
}

#bottomleft {
 width: 8px;
 height: 8px;
 background: url(http://croaghpatrickbroadband.net/images/shadow-bl.gif) no-repeat bottom left;
 position: relative;
 bottom: -272px;
 left: -2px;
}
html>body #bottomleft {
 bottom: -267px;
}

#bottomright {
  width: 12px;
  height: 9px;
  background: url(http://croaghpatrickbroadband.net/images/shadow-br.gif) no-repeat bottom right;
  position: relative;
  bottom: -259px;
  left: 830px;
  voice-family: "\"}\""; 
  voice-family:inherit;
}
html>body #bottomright{
  left: 842px;
}

#navbar ul
{ white-space: nowrap;
}

#navbar li
{
display: inline;
list-style-type: none;
}

#navbar a, li#active { padding: 5px 3px; }

#navbar a:link, #navbar a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navbar a:hover
{
color: #fff;
background-color: #369;
}

#bodywrap {
    width:97%;
    background-color: #FFFFFF;
    padding: 10px;
    float: left;
    display:inline;
}

#sidecol {
    height: 90%;
    width: 200px;
    margin: 5px;
    padding: 5px;
    float: left;
    display:inline;
    background-color: #FFFFFF;
}

#sidecol ul
{ list-style-type: none;
}

ul 
{ margin-left: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

#sidecol a
{
display: block;
width: 160px;
background-color: #036;
padding: 3px;
}

#sidecol li#active
{
display: block;
width: 160px;
}

#sidecol a, #navbar a
{
color: #fff;
text-decoration: none;
}

#sidecol a:hover
{
background-color: #369;
color: #fff;
}

#maincol {
    height:165px;
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid black;
}

#footer {
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    color: #000000;
    background-color: #FFFFFF;
    border-left: 1px solid #b4afa3;
    background: url(http://croaghpatrickbroadband.net/images/shadow-b.gif) repeat-x bottom;
    border-right: 1px solid #e1dfde;
    float: left;
    display:inline;
}

#footerbottomleft {
 width: 8px;
 height: 8px;
 background: url(http://croaghpatrickbroadband.net/images/shadow-bl.gif) no-repeat bottom left;
 position: absolute;
 display: inline;
 bottom: 1px;
 left: 2px;
}
html>body #footerbottomleft {
 position:absolute;
 bottom: 1px;
 left: 4px;
}

#footerbottomright {
  width: 12px;
  height: 9px;
  background: url(http://croaghpatrickbroadband.net/images/shadow-br.gif) no-repeat bottom right;
  position: relative;
  display: inline;
  bottom: 400px;
  left: 8px;
}
html>body #footerbottomright {
 position: absolute;
 bottom: 0px;
 left: 850px;
}