/*******

> css by Hilary Quinn - http://www.proximowebdesign.ie

*******/

/*****main page*****/

html, body{
height: 100%;
}

body{ 
font: 12px "Arial", Verdana, serif; 
background: #fff url(../images/pgbg.png) repeat-x top; 
color: #074485;
padding:0;
margin: 0;
	 }

/*****banner*****/

#banner{
height: 147px;
padding: 0 15px 0 0px;
width: 785px;
margin-left: auto;
margin-right: auto;
color: #fff;
text-align: left;	 
}

/*** logo - accessible image replace ***/

.replace{ position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } 
.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ } 
#logo, #logo span{ height:147px; width:268px; background-image:url(http://www.cccit.ie/images/logo.png);} 
#logo a{

}

#banner form{
background-image: url(../images/search_bg.png);
background-position: left;
width: 250px;
height: 25px;
float: right;
text-align: center;
padding: 3px 0px 0 0;
}

#banner form .sub{
background-image: url(../images/go_submit.png);
background-color: transparent;
width: 30px;
height: 21px;
margin: 0px;
border: 0px solid #fff;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 11px;
}

#banner form .inp{
background-image: url(../images/search_input.png);
background-repeat: no-repeat;
background-color: transparent;
float: left;
width: 179px;
height: 21px;
margin: 0px 0 0 25px;
border: 0px solid #fff;
text-align: center; 
color: #fff;
font-weight: bold;
font-size: 11px;
}

#banner form fieldset{
border: 0px solid;
padding: 0px;
margin: 0px;
}

/***banner sub***/

#bannersub{
width: 770px;
padding: 0 0px 0 0px;
height: 234px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#bannersub img{
float: left;
margin-top: 10px;
border: 0px;
}
#bannersub img.link1{
margin-right: 10px;
}
#bannersub img:hover{
opacity: .90;
}
#bannersub img.link2{
margin-right: 10px;
}
#bannersub img.link3{
margin-right: 0px;
}

#bannersubbg{
background-image: url(../images/bannersub_bg.png);
background-repeat: repeat-x;
background-position: top center;
width: 100%;
margin: 0;
padding: 0px 0 0 0;
border-bottom: #fff solid 1px;
}
/*****navigation top*****/

#nav ul { 
	margin: 0;
	padding: 0px 15px 0 15px;
	list-style: none;
  	margin-left: auto;
    margin-right: auto; 
	width: 770px;
	height: 41px;
	display: block;
	text-align: left; 
	}
	
#nav ul li {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	}
	
#nav ul a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	margin: 0 0px 0 0;
	padding: 12px 0 0 0;
	width: 95px;
	height: 29px;
	display: block;
	font-weight: bold;
	background-image: url(../images/navbg.png);
	background-color: #287ad7;
	}
	
#nav ul a:hover{
	text-decoration: underline;
	color: #fff;
	text-align: center;
	margin: 0 0px 0 0;
	padding: 12px 0 0 0;
	width: 95px;
	height: 29px;
	display: block;
	background-image: url(../images/navover.png);
	}
#default #nav .page1link a{
	text-decoration: none;
	color: #fff;
	text-align: center;
	margin: 0 0px 0 0;
	padding: 12px 0 0 0;
	width: 95px;
	height: 29px;
	display: block;
	background-image: url(../images/navover.png);
}
		
#home #nav .page1link a{
	text-decoration: none;
	color: #fff;
	text-align: center;
	margin: 0 0px 0 0;
	padding: 12px 0 0 0;
	width: 95px;
	height: 29px;
	display: block;
	background-image: url(../images/navover.png);
}

#nav li a.active{
	text-decoration: none;
	color: #fff;
	text-align: center;
	margin: 0 0px 0 0;
	padding: 12px 0 0 0;
	width: 95px;
	height: 29px;
	display: block;
	background-image: url(../images/navover.png);
}

/*****content*****/

#wrap{
width: 100%;
background-color: #fff;
background-image: url(../images/wrap.jpg);
background-repeat:repeat-x;
background-position:top;
}

#contentwrap{
	padding: 0px 10px 10px 10px;
	list-style-image: none;
	width: 750px;
 	margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	min-height: 50%;
	}
p.comments_invite{
text-align: right;
padding: 5px 0px 5px 5px;
background-color: #ebf3fc;
}
p a.comments_invite{
	color: #083f7a;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/comment.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 20px;
}

p a:hover.comments_invite{
	color: #083f7a;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/comment_new.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 20px;
}
#contentright form{
background-color: #e9f2fc;
background-image: url(../images/sendemail.png);
background-position: top right;
background-repeat: no-repeat;
padding: 10px;
	border-top: solid 1px #b7d9f8;
	border-bottom: solid 1px #b7d9f8;

}

#contentright form input{
background-color: #dfebf8;
border: 1px solid #b7d9f8;
}

#contentright form textarea{
background-color: #dfebf8;
border: 1px solid #b7d9f8;
}
.zemContactForm{
background-color: #f4f5ee;
padding: 5px;
	border-top: solid 1px #dcddd3;
	border-bottom: solid 1px #dcddd3;
}
	
.zemContactForm input{
background-color: #fff;
	border: solid 1px #dcddd3;
}

.zemContactForm input.zemSubmit{
background-image: url(../images/searchinput.png);
background-position: top left;
width: 70px;
height: 23px;
border: 0px;
}

.zemContactForm{
color: #074485;
font-weight: bold;
}

/*** columns ***/

#contentleft{
width: 240px;
padding: 0px 0px 0px 0px;
float: left;
margin-right: 10px;
}
#contentleft span.published{
background-image: url(../images/calendar.png);
background-position: top left;
width: 50px;
height: 41px;
padding: 30px 0 0 0;
text-align: center;
font-weight: bold;
color: #074485;
float: left;
}
#contentleft span.postit{
background-image: url(../images/sendemail.png);
background-position: top left;
width: 50px;
height: 41px;
padding: 30px 0 0 0;
text-align: center;
font-weight: bold;
color: #074485;
float: left;
}
#contentleft div.entry-title{
background-color: transparent;
color: #074485;
display: block;
min-height: 58px;
padding: 5px;
border-left: #ccc solid 1px;
margin-left: 55px;
}
#contentleft div.entry-title:hover{
background-color: #fff;
color: #2476d2;
}
#contentleft div.entry-title a{
text-decoration: none;
color: #074485;
font-weight: bold;
}
#contentleft div.entry-title a:hover{
color: #2476d2;
font-weight: bold;
text-decoration: underline;
}
#contentleft ul{
list-style: none;
width: 100%;
margin: 0px 0 10px 0;
padding: 0px;
    background-color: transparent;

}
#contentleft li{
	color: #074485;
	font-weight: bold;	
	border-bottom: #e6e6e6 1px solid;
	display: block;
}
#contentleft li a{
	text-decoration: none;
	color: #074485;
	display: block;
	background-image: url(../images/action_go.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 7px 0 7px 20px;
}
#contentleft li a:hover{
	text-decoration: underline;
	color: #2476d2;
	display: block;
	background-image: url(../images/page_tick.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 7px 0 7px 20px;
}

#contentright{
width: 500px;
float: left;
padding: 0px;
list-style-image: url(../images/bullet.gif);
}

/*****headings*****/

.article a{
	color: #083f7a;
	text-decoration: none;
	background-color: #f2f7fd;
}

.article a:hover{
	color: #083f7a;
	text-decoration: underline;
	background-color: #f2f7fd;
}
img.image{
float: right;
padding: 3px;
background-color: #fff;
border: 1px solid #e6e6e6;
margin: 0 0 5px 5px;
}
h2{
	font: 18px "Arial", Verdana, serif; 
	color: #074485;
	text-decoration: none;
	background-color: transparent;
}

h2 a{
	font: 24px "Arial", Verdana, serif; 
	color: #074485;
	text-decoration: none;
	background-color: transparent;
}
h2 a:hover{
	font: 24px "Arial", Verdana, serif; 
	color: #074485;
	text-decoration: underline;
	background-color: transparent;
}
h3{
	font: 22px "Arial", Verdana, serif; 
	color: #074485;
	background-color: transparent;
	margin: 10px 0 10px 0;
}
h3#comment{
background-image: url(../images/comment.gif);
background-position: right;
background-repeat: no-repeat;
background-color: #b7d9f8;
padding: 10px;
margin: 5px 0 0 0;
color: #074485;
}
.article h3 a{
	font: 22px "Arial", Verdana, serif; 
	color: #074485;
	text-decoration: none;
	background-color: transparent;
	margin: 10px 0 10px 0;
	display: block;
	font-weight: bold;
}

.article h3 a:hover{
	font: 22px "Arial", Verdana, serif; 
	color: #074485;
	text-decoration: underline;
		background-color: transparent;
		background-image: url(../images/action_go.gif);
		background-position: right;
		background-repeat: no-repeat;
		display: block;
		font-weight: bold;
}
#contentleft h3 a{
	font: 22px "Arial", Verdana, serif; 
	color: #074485;
	text-decoration: none;
	background-color: transparent;
	margin: 10px 0 10px 0;
	font-weight: bold;
}

#contentleft h3 a:hover{
	font: 22px "Arial", Verdana, serif; 
	color: #074485;
	text-decoration: underline;
		background-color: transparent;
		font-weight: bold;
}
h1 a{
	font: 18px "Arial", Verdana, serif; 
	color: #074485;
	text-decoration: none;
	background-color: transparent;
}

h1 a:hover{
	font: 18px "Arial", Verdana, serif; 
	color: #074485;
	text-decoration: underline;
	background-color: transparent;
}
h4 {
	font: 14px "Arial", Verdana, serif; 
	color: #074485;
	font-weight: bold;
	display: block;
} 

h4 a{
	font: 14px "Arial", Verdana, serif; 
	color: #074485;

}

h4 a:hover{
	font: 14px "Arial", Verdana, serif; 
	color: #074485;
}

/*****footer*****/

#prefooter{
background-color: #f4f7fa;
height: 99px;
width: 100%;
}

#footer{ 
background-color: #193f68;
background-image: url(../images/footerbg.jpg);
background-repeat: repeat-x;
background-position: top center;
color: #fff;
width: 100%;
min-height: 10%;
bottom: 0;
margin: 0;
clear:both;
padding: 15px 0 0 0;
vertical-align: bottom;
}

.main{
width: 750px;
padding: 0 10px 0 10px;
margin-left: auto;
margin-right: auto;
}

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

#footer a:hover{
color: #fff;
text-decoration: underline;
}
#footer .main ul{
list-style: none;
margin: 0 0px 0 0px;
padding: 0px;
background-color: transparent;
float: left;
}
#footer .main ul li {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	}
#footer .main li a{
text-decoration: none;
color: #fff;
margin-right: 10px;
}

#footer .main li a:hover{
text-decoration: underline;
color: #fff;
margin-right: 10px;
	}