/* CSS file for the clondalkinpartnership.ie website */
/* (c) by Outsource Graphix - http://www.ogx.ie/ */

* {
	margin: 0;
	padding: 0;
}

body, html {
	width: 100%;
	height: 100%;
	color: #000;
	font-family: 'Trebuchet MS', Arial, Tahoma, Verdana, sans-serif;
	background: #093332 url(bg.jpg) top center repeat-x; 
/*	text-align: center; */
}

.cb {
	clear: both;
}

.access {
	display: none;
}


#tagline {
	display: none;
}

#contactDetails {
	display: none;
}

#topWideWrapper {
	width: 100%;
	background: url(gfx/bgTop.jpg) top center repeat-x;
}

#top {
	margin: 0 auto;
	width: 962px;
	height: 236px;
	position: relative;
	background: url(gfx/topbg.jpg) bottom center repeat-x;
}

h1 {
	position: absolute;
	top: 16px;
	left: 3px;
	display: block;
	width: 218px;
	height: 127px;

}

h1 a {
	display: block;
	width: 218px;
	height: 127px;
	text-indent: -999em;
	background: url(gfx/logo.jpg) no-repeat;
}

#flash {
	position: absolute;
	top: 0;
	left: 228px;
	width: 734px;
	height: 164px;
	background: url(gfx/flash.jpg) top left no-repeat;
}

#flash object {
	margin: 20px 0 0 20px;
}


#menu {
	height: 42px;
	width: 962px;
	position: absolute;
	top: 164px;
	left: 0;
	list-style: none;
  	display: block;
	overflow: hidden;
}

#menu li {
	display: block;
	float: left;
	height: 42px;
}

#menu li a {
	display: block;
	height: 42px;
	cursor: pointer;
	background: url(gfx/menu.jpg) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -999em;
}

#menu li a:hover {
	display: block;
	height: 42px;
	color: #fff;
	background: url(gfx/menu.jpg) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -999em;
}

#menu li#nm1 { width: 105px; }
#menu li#nm1 a { width: 105px; background: url(gfx/menu.jpg) 0 0 no-repeat; }
#menu li#nm1 a:hover { background: url(gfx/menu.jpg) 0 -42px no-repeat; }

#menu li#nm2 { width: 175px; }
#menu li#nm2 a { width: 175px; background: url(gfx/menu.jpg) -105px 0 no-repeat; }
#menu li#nm2 a:hover { background: url(gfx/menu.jpg) -105px -42px no-repeat; }

#menu li#nm3 { width: 145px; }
#menu li#nm3 a { width: 145px; background: url(gfx/menu.jpg) -280px 0 no-repeat; }
#menu li#nm3 a:hover { background: url(gfx/menu.jpg) -280px -42px no-repeat; }

#menu li#nm4 { width: 120px; }
#menu li#nm4 a { width: 120px; background: url(gfx/menu.jpg) -425px 0 no-repeat; }
#menu li#nm4 a:hover { background: url(gfx/menu.jpg) -425px -42px no-repeat; }

#menu li#nm5 { width: 275px; }
#menu li#nm5 a { width: 275px; background: url(gfx/menu.jpg) -545px 0 no-repeat; }
#menu li#nm5 a:hover { background: url(gfx/menu.jpg) -545px -42px no-repeat; }

#menu li#nm6 { width: 142px; }
#menu li#nm6 a { width: 142px; background: url(gfx/menu.jpg) -820px 0 no-repeat; }
#menu li#nm6 a:hover { background: url(gfx/menu.jpg) -820px -42px no-repeat; }



#menu li a:focus { 
	height: 42px;
	outline: 0; 
	border: none;
}

#menu li ul {
	display: none;
}

#wideWrapper {
	width: 100%;
	background: #2e7679 url(gfx/bgWideWrapper.jpg) top center repeat-x;
}

#wrapper {
	margin: 0 auto;
	width: 962px;
	background: url(gfx/bgWrapper.gif) repeat-y;
}

#left {
	width: 238px;
	min-height: 600px;
	float: left;
	background: url(gfx/leftBg.jpg) top right no-repeat;
}

#inThisSection {
	display: block;
	width: 218px;
	height: 45px;
	background: url(gfx/inThisSection.jpg) no-repeat;
	text-indent: -999em;
}

#navi-left {
	width: 218px;
	background: #2e7379;
	list-style: none;
	display: block;
}

#navi-left li {
	display: block;
	font-size: 12px;
	font-weight: bold;
}

#navi-left li a {
	text-decoration: none;
	display: block;
	padding: 8px 15px 8px 20px;
	color: #fff;
	background: #2e7379 url(gfx/leftMenuBg.jpg) 0 0 repeat-x;
}

#navi-left li a:hover {
	text-decoration: none;
	display: block;
	padding: 8px 15px 8px 20px;
	color: #fff;
	background: url(gfx/leftMenuBg.jpg) 0 -31px repeat-x;
}

.boxBottomLeft {
	width: 218px;
	height: 5px;
	font-size: 1px;
	background: url(gfx/boxBottomLeft.jpg) no-repeat;
}

#downloadsBox {
	margin: 30px 0 0 0;
	width: 218px;
}

#downloadsBox h3 {
	display: block;
	text-indent: -999em;
	width: 218px;
	height: 45px;
	background: url(gfx/boxTitleDownloads.jpg) no-repeat;
}

#downloadsBox p {
	display: block;
	width: 218px;
	height: 135px;
}

#downloadsBox p a {
	display: block;
	width: 218px;
	height: 135px;
	text-indent: -999em;
	text-decoration: none;
	background: url(gfx/downloads.jpg) no-repeat;
}

#referAFriendBox {
	margin: 20px 0 0 0;
	width: 218px;
}

#referAFriendBox h3 {
	display: block;
	text-indent: -999em;
	width: 218px;
	height: 45px;
	background: url(gfx/boxTitleReferAFriend.jpg) no-repeat;
}

#referAFriendBox p {
	display: block;
	width: 218px;
	height: 118px;
}

#referAFriendBox p a {
	display: block;
	width: 218px;
	height: 118px;
	text-indent: -999em;
	text-decoration: none;
	background: url(gfx/referAFriend.jpg) no-repeat;
}



#content {
	background: url(gfx/contentTop.gif) top no-repeat;
	padding: 20px 0 0 0;
	min-height: 500px;
	width: 532px;
	float: left;
}

#content h2 {
	color: #0d5f5f;
	font-weight: normal;	
	font-size: 2em;
	padding: 0 20px 10px 30px;
/*	font-family: Georgia, 'Times New Roman', Times, serif; */
}

#content h3, #content h4, #content h5, #content h6 {
/*	font-family: Georgia, 'Times New Roman', Times, serif; */
	color: #0d5f5f;
	font-weight: normal;
}

#content h3 {
	padding: 15px 20px 10px 30px;
	font-size: 1.3em;
}

#content h4 {
	padding: 15px 20px 10px 30px;
	font-size: 1.1em;
}

#content h5 {
	padding: 15px 20px 10px 30px;
	font-size: 1em;
}

#content h6 {
	padding: 15px 20px 10px 30px;
	font-size: 0.9em;
}

#content p, #content ul, #content ol, #content dl {
	font-size: 13px;
	padding: 5px 30px 10px 30px;
	line-height: 150%;
	text-align: justify;
}

#content ul.downloadsCategory {
	list-style: none;
	padding: 5px 30px 20px 30px;
}

#content ul.downloadsCategory li {
	list-style: none;
	padding: 0 0 15px 0;
}

#content ul.downloadsCategory h4 {
	padding: 0;
	font-size: 1.2em;
	margin: 0;
}

#content ul {
	padding: 5px 30px 20px 45px;
}

#content ol {
	padding: 5px 30px 20px 55px;
}


#content a {
	color: #f45c00;
	text-decoration: none;
	border-bottom: 1px #95acb2 solid;
}

#content a:hover {
	color: #fff;
	background: #f45c00;
	text-decoration: none;
	border-bottom: 1px #999 solid;
}

#content #nav-breadcrumbs {
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 11px;
	color: #666;
}

#content dt {
	color: #e9e9e9;
	font-style: italic;
}

#content dd {
	padding: 0 30px 10px 20px;
}

#content table {
	width: 550px;
	margin: 10px 0 0 30px;
}


#content table th,
#content table td {
	color: #fff;
	background: #194a56;
	padding: 10px;
	font-size: 13px;
	vertical-align: top;
}

#content table td strong {
	text-decoration: underline;
}

#content table th {
	width: 100px;
}

#content table.imageTable {
	margin: 0 0 10px 30px;
}

#content table.imageTable td {
	color: #fff;
	background: transparent;
	padding: 0 15px 0 0;
	vertical-align: top;
}

#content form {
	padding: 10px 30px 0 30px;
}

#content form fieldset {
	border: 1px #c5eafe solid;
	background: #dbf2ff;
	padding: 10px 20px 0 20px;
}

#content form fieldset legend {
	color: #fff;
	padding: 3px;
}

#content form fieldset label {
	color: #666;
	font-size: 13px;
	font-weight: bold;
}

#content form fieldset input {
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	padding: 2px 4px 2px 4px;
	color: #666;
	font-size: 13px;
	margin: 0 0 20px 0;
	background: #fff;
	width: 360px;
}

#content form fieldset option, #content form fieldset select {
	width: 360px;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #313334;
	font-size: 13px;
	margin: 0 0 5px 0;
	background: #fff;
}

#content form fieldset textarea {
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	padding: 4px 4px 2px 4px;
	height: 100px;
	color: #666;
	font-size: 13px;
	margin: 0 0 20px 0;
	background: #fff;
	width: 360px;
}

#content form fieldset input.radio, #content form fieldset input.checkbox {
	margin: 0;
	padding: 0 0 10px 0;
	width: auto;
}

#content form fieldset input.button {
	padding: 2px 10px 2px 10px;
	width: auto;

	font-weight: bold;
}

#content form fieldset p {
	padding: 0 0 20px 0;
}

.mandatory {
	font-weight: bold;
	color: Red;
	font-size: 16px;
}

#content .errorh {
	display: block;
	margin: 0 40px 0 40px;	
	padding: 10px;
	background: #d50000;
	color: #fff;
	font-weight: bold;
}

#content .thanks {
	display: block;
	margin: 0 20px 0 30px;	
	padding: 10px;
	background: #004a5d;
	color: #fff;
	font-weight: bold;
}

#content blockquote {
	padding: 10px;
}

#content blockquote p {
	font-style: italic;
}

#content cite {
	display: block;
	padding: 0 20px 20px 30px;
	color: #fff;
	font-style: normal;
	font-size: 13px;
}


#right {
	width: 172px;
	float: left;
	padding: 0 0 0 20px;
	background: url(gfx/rightBg.jpg) top left no-repeat;
}

.boxBottomRight {
	width: 172px;
	height: 5px;
	font-size: 1px;
	background: url(gfx/boxBottomRight.jpg) no-repeat;
}

#right a {
	color: #d36c2e;
	text-decoration: none;
	border-bottom: 1px #95acb2 solid;
}

#right a:hover {
	color: #fff;
	background: #d36c2e;
	text-decoration: none;
	border-bottom: 1px #999 solid;
}


#newsBox1 {
	width: 172px;
	background: #cbdddd;
	padding: 0 0 7px 0;
}

#newsBox1 h3 {
	display: block;
	width: 172px;
	height: 45px;
	margin: 0 0 7px 0;
}

#newsBox1 h3 a,
#newsBox1 h3 a:hover {
	display: block;
	width: 172px;
	height: 45px;
	border-bottom: none;
	text-decoration: none;
	text-indent: -999em;
	background: url(gfx/newsTitle.jpg) no-repeat;
}

#newsBox1 p {
	padding: 7px 20px 5px 20px;
	font-size: 11px;
	color: #6c737b;
}

#newsBox1 p.newsMoreLink,
#newsBox2 p.newsMoreLink {
	padding: 0 20px 5px 20px;
}

#newsBox2 {
	margin: 20px 0 0 0;
	width: 172px;
	background: #cbdddd;
	padding: 0 0 7px 0;
}

#newsBox2 h3 {
	display: block;
	width: 172px;
	height: 45px;
	margin: 0 0 7px 0;
}

#newsBox2 h3 a,
#newsBox2 h3 a:hover {
	display: block;
	width: 172px;
	height: 45px;
	border-bottom: none;
	text-decoration: none;
	text-indent: -999em;
	background: url(gfx/boxTitleEvents.jpg) no-repeat;
}

#newsBox2 p {
	padding: 7px 20px 5px 20px;
	font-size: 11px;
	color: #6c737b;
}

#feedbackBox {
	margin: 20px 0 0 0;
	width: 172px;
}

#feedbackBox h3 {
	display: block;
	text-indent: -999em;
	width: 172px;
	height: 45px;
	background: url(gfx/boxTitleFeedback.jpg) no-repeat;
}

#feedbackBox p {
	display: block;
	width: 172px;
	height: 150px;
}

#feedbackBox p a,
#feedbackBox p a:hover {
	display: block;
	width: 172px;
	height: 150px;
	text-indent: -999em;
	text-decoration: none;
	border-bottom: none;
	background: url(gfx/boxFeedbackForm.jpg) no-repeat;
}

#translateBox {
	margin: 20px 0 0 0;
	width: 168px;
	height: 95px;
	padding: 0 0 0 4px;
	background: url(gfx/boxTranslate.jpg) top left no-repeat;
}

#oakfieldLogo {
	margin: 20px 0 20px 30px;
	display: block;
	width: 112px;
	height: 140px;
}

#oakfieldLogo a,
#oakfieldLogo a:hover {
	display: block;
	width: 112px;
	height: 140px;
	text-indent: -999em;
	text-decoration: none;
	border-bottom: none;
	background: url(gfx/oakfieldTrustLogo.jpg) no-repeat;
}


#eiqaLogo {
	margin: 20px 0 0 39px;
	display: block;
	width: 140px;
	height: 83px;
}

#eiqaLogo a,
#eiqaLogo a:hover {
	display: block;
	width: 140px;
	height: 83px;
	text-indent: -999em;
	text-decoration: none;
	border-bottom: none;
	background: url(gfx/eiqa.gif) no-repeat;
}


#planetLogo {
	margin: 20px 0 0 39px;
	display: block;
	width: 140px;
	height: 120px;
}

#planetLogo a,
#planetLogo a:hover {
	display: block;
	width: 140px;
	height: 120px;
	text-indent: -999em;
	text-decoration: none;
	border-bottom: none;
	background: url(gfx/planet.gif) no-repeat;
}




#facebookLogo {
	margin: 20px 0 0 39px;
	display: block;
	width: 140px;
	height: 42px;
}

#facebookLogo a,
#facebookLogo a:hover {
	display: block;
	width: 140px;
	height: 42px;
	text-indent: -999em;
	text-decoration: none;
	border-bottom: none;
	background: url(gfx/cpln-facebook.gif) no-repeat;
}





#bottomWrapper {
	width: 100%;
	background: url(gfx/bottom.jpg) top center repeat-x;
}

#bottom {
	margin: 0 auto;
	width: 962px;
	min-height: 120px;
	padding: 10px 0 10px 0;
	position: relative;
}

#bottom p {
	color: #fff;
	line-height: 150%;
	font-size: 11px;
	padding: 0 20px 10px 20px;
}

#bottom #web-design {
	background: Teal;
	position: absolute;
	display: block;
	width: 200px;
}

#bottom #siteSupplementary {
	display: block;
	width: 532px;
	position: absolute;
	top: 10px;
	left: 238px;
}

#bottom #ndpLogo {
	display: block;
	width: 67px;
	height: 50px;
	position: absolute;
	left: 821px;
	top: 18px;
}

#bottom #ndpLogo a {
	display: block;
	width: 107px;
	height: 50px;
	background: url(gfx/ndpLogo.jpg) no-repeat;
	border-bottom: none;
	text-decoration: none;
	text-indent: -999em;
}

#bottom a {
	color: #d36c2e;
	text-decoration: none;
	border-bottom: 1px #95acb2 solid;
}

#bottom a:hover {
	color: #fff;
	background: #d36c2e;
	text-decoration: none;
	border-bottom: 1px #999 solid;
}