/* CSS Document */
body { margin: 0px;
	background-color: #ffffff;
	color: #6C6C6C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	voice-family: "\"}\"";
	voice-family:inherit; }

html>body {font-size:100%;}

img, img a {border: 0px;}
form {margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
.txtleft {text-align: left;}
.txtright {text-align: right;}
.center {text-align: center;}
.clear {height: 1px; width: 100%; font-size: 1px; overflow: hidden; clear: both;}
.clearright { clear: right;}

/* no list-markers by default, since lists are used more often for semantics */
div#container-outer ul, div#container-outer ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
#body  h2, #body  h3 { font-size:1em; }

#body ul, #body ol, #body li, #body h2, #body h3, #body p { margin:0; padding:0 }

/* more varnish stripping as necessary... */

/* reset some basic style */
#body p {margin-bottom: 1em;}

#wrapper { margin-left: auto; margin-right: auto; position: relative; width: 750px;}

/* Header area Styles */

#header { margin-top: 8px; margin-bottom: 52px;}

/* Homepage Styles */

#colcontainer { width: 750px; margin-bottom: 9px; color: #FFFFFF; font-size: 70%;}
#col1, #col2, #col3, #col4 { margin: 0px; width: 180px; height:225px; margin-right: 10px; float: left}
#col1 img, #col2 img, #col3 img, #col4 img { border-bottom: 1px solid #ffffff}
#col1 { background-color: #B44436;}
#col2 { background-color: #9978A7;}
#col3 { background-color: #E6B046;}
#col4 { background-color: #23A0D7; margin-right: 0px;}

#colcontainer a { color: #ffffff; text-decoration: none;}
#colcontainer a:hover { color: #ffffff; text-decoration: underline;}

#colcontainer ul, #content ul {list-style:none;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-left: 10px;}

#colcontainer li, #content li  {margin: 0px;
	padding-left: 18px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-image: url(../images/li-reversed.gif);
	background-repeat: no-repeat;
    background-position: 5px 3px;}

#content li  { background-image: url(../images/li.gif); }

#homeleft { width: 345px; margin-right: 10px; float: left; padding-left: 15px; padding-right: 10px; padding-top: 10px;}
#homeright { width: 370px; float: left;}

#homeleft table
{
	background-color:#23A0D7;
	color:#FFFFFF;
	border-color:#B44436;
}

/* Subpage Styles */

#leftnav { float: left; width: 180px; margin-right: 10px; padding-top: 10px;}

#body { float: left; width: 560px;}

#body h1 { color: #DC5F28; font-size: 140%;}

/* Content Styles */

#leftnav strong { margin-top: 0px; padding-top: 5px; margin-left: 0px;}

#leftnav ul {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	margin-top: 10px;
}

#leftnav li {
	background-image: none;
	padding: 0;
	margin-left: 0;

}

#leftnav a {
	background-color: #a4d8ee;
	color: #1578b1;
	display: block;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 8px;
}

#content {font-size: 70%; margin-bottom: 10px;}
#content p { line-height: 140%;}

#content a { color: #23A0D7; text-decoration: none;}
#content a:hover { text-decoration: underline;}

#content li+strong { background-image: none;}

img.right { padding-left: 10px; padding-bottom: 10px;}

#content.subpage { padding-top: 35px;} /* Disable this style on the #content div if there is no sub-nav (orange bar) */

/* Nav, Sub Nav & Footer Styles */

#nav, #footer { background-color: #23A0D7; color: #FFFFFF; font-size: 70%; height: 38px; width: 100%;}
#nav { position: absolute; top: 94px;}
#footer { clear: left; margin-bottom: 20px;}
#nav ul, #subnav ul { list-style: none; margin: 0px; padding: 0px; padding-top: 9px; padding-left: 10px;}
#nav ul li, #subnav ul li { margin: 0;
	padding: 0;
	text-indent: -10000px;
	float: left; }

#nav ul li a {display: block;
	height: 20px;}
	
a#menu-home { background: url(../images/menu-home.gif) no-repeat 0px 0px; width: 49px;}
a#menu-projects { background: url(../images/menu-projects.gif) no-repeat 0px 0px; width: 87px;}
a#menu-grants { background: url(../images/menu-grants.gif) no-repeat 0px 0px; width: 119px;}
a#menu-respite { background: url(../images/menu-respite.gif) no-repeat 0px 0px; width: 88px;}
a#menu-resources { background: url(../images/menu-resources.gif) no-repeat 0px 0px; width: 74px;}
a#menu-publications { background: url(../images/menu-publications.gif) no-repeat 0px 0px; width: 80px;}
a#menu-contact { background: url(../images/menu-contact.gif) no-repeat 0px 0px; width: 60px;}
	
#nav ul li a:hover { background-position: 0px -20px; }

#nav ul li a.active { background-position: 0px -20px;}

#footer p { margin: 0px; padding-top: 12px; padding-left: 15px;}

#subnav { height: 28px; width: 100%; font-size: 70%; color: #FFFFFF; background-color: #DC5F28; position: absolute; top: 139px;}



#subnav ul { padding-top: 4px;}

#subnav ul li a {display: block;
	height: 18px;
	}

a#subnav-artane { background: url(../images/subnav-artane.gif) no-repeat 0px 0px; width: 53px }
a#subnav-kilmore { background: url(../images/subnav-kilmore.gif) no-repeat 0px 0px; width: 61px }
a#subnav-bonnybrook { background: url(../images/subnav-bonnybrook.gif) no-repeat 0px 0px; width: 81px }
a#subnav-moatview { background: url(../images/subnav-moatview.gif) no-repeat 0px 0px; width: 69px }
a#subnav-edenmore { background: url(../images/subnav-edenmore.gif) no-repeat 0px 0px; width: 73px }
a#subnav-donneycarney { background: url(../images/subnav-donnycarney.gif) no-repeat 0px 0px; width: 95px }
a#subnav-killbarrack { background: url(../images/subnav-kilbarrack.gif) no-repeat 0px 0px; width: 77px }
a#subnav-howth { background: url(../images/subnav-howth.gif) no-repeat 0px 0px; width: 51px }
a#subnav-darndale { background: url(../images/subnav-darndale.gif) no-repeat 0px 0px; width: 69px }
a#subnav-other { background: url(../images/subnav-other.gif) no-repeat 0px 0px; width: 95px }

#subnav ul li a:hover { background-position: 0px -18px; }

#subnav ul li a.active { background-position: 0px -18px;}

.clicked
{
	font-weight:600;
}

/* sIFR Styles */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	visibility: hidden;
	letter-spacing: -9px;
	height: 45px;
	margin: 0px; padding: 0px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


/* new home header*/

#homeheader {
	height: 130px;}

#seasons {
	float: left;
	width: 235px;
	height: 86px;
	clear: right;
}

#homeseasons {
	float: left;
	width: 500px;
}

.clear {
	clear:both;}