/*******

> CSS by Hilary Quinn - http://www.proximowebdesign.ie - All Rights Reserved

*******/

/*****GLOBALS*****/

html, body{
height: 100%;
}

body{ 
font: 90% "Arial", Verdana, serif; 
background: #f2f7ea url(../images/pgbg.jpg) repeat-x top center; 
color: #080e0c;
padding:0px;
margin: 0px;
}

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

#banner{
height: 187px;
padding: 0px;
width: 100%;
color: #fff; 
}

#banner h2{
padding: 10px;
color: #fff;
display: block;
}

/*** BANNER logo - fully accessible h1 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:187px; width:800px; background:url(../images/logo.jpg); margin-left: auto; margin-right: auto;} 

h1 a{
color: #fff;
text-decoration: none;
padding: 10px;
background-color:  #080e0c;
}
h1 a:hover{
color: #fff;
text-decoration: underline;
}

/***** main/top navigation *****/

div#nav{
width: 770px;
height: 40px;
padding: 0 15px 0 15px;
margin-left: auto;
margin-right: auto;
background: url(../images/nav_bg.jpg) #56a51a;
}

div#nav ul { 
float: left;
padding: 0px;
margin: 0px;
list-style: none;
display: block;
text-align: left; 
}

div#nav ul li {
float: left;
margin: 0 0px 0 0;
list-style: none;
}

div#nav ul li a{
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 12px 0 0 0;
width: 127px;
height: 28px;
text-align: center;
border-right: 1px solid #54a219;
display: block;
}

div#nav ul li a:hover{
background-image: url(../images/navbtn_over.jpg);
text-decoration: underline;
}

div#nav ul li a.active{
background-image: url(../images/btn_navup.jpg);
}

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

#container{
padding: 0px 25px 0px 25px;
list-style-image: none;
width: 750px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
min-height: 10%;
background-image: url(../images/container.jpg);
list-style-image: url(../images/bullet.png);
}

#container_btm{
width: 800px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
height: 23px;
background: url(../images/container_btm.jpg) top;
}

h3{
margin-top: 10px;
margin-bottom: 0px;
}

h3 a{
color: #56a51a;
text-decoration: none;
}

h3 a:hover{
color: #5dad21;
text-decoration: underline;
}

.article a{
color: #56a51a;
text-decoration: none;
}

.article a:hover{
text-decoration: underline;
color: #5dad21;
}

.article img{
padding: 5px;
border: 1px solid #e8ece2;
}

p.comments_invite{
text-align: right;
padding: 5px 10px 5px 5px;
border-bottom: 1px solid #e1e0df;
color: #90908e;
}

p a.comments_invite{
color: #90908e;
text-decoration: none;
font-weight: bold;
background: url(../images/16-message-info.png) no-repeat left;
padding: 0 0 0 20px;
}

p a.comments_invite:hover{
text-decoration: underline;
color: #a04c9b;
}

p a.read_more{
color: #90908e;
text-decoration: none;
font-weight: bold;
background: url(../images/16-zoom.png) no-repeat left;
padding: 0 0 0 20px;
}

span.next{
background: url(../images/16-arrow-right.png) no-repeat left;
}

span.previous{
background: url(../images/16-arrow-left.png) no-repeat left;
}

span.prevnext{
color: #330066;
text-decoration: none;
font-weight: bold;
padding: 5px 0 5px 30px;
font-size: 90%;
border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
display: block;
margin-bottom: 5px;
}

a span.prevnext{
color: #330066;
text-decoration: none;
}

a:hover span.prevnext{
color: #a04c9b;
text-decoration: underline;
}


/** calendar **/

div#calendar{
width: 780px;
margin-bottom: 10px;
min-height: 130px;
}

div#calendar dl{
margin: 0px 10px 10px 0;
float: left;
width: 251px;
background: url(../images/icon_diary.jpg) top right no-repeat #f3f3f3;
padding: 10px;
border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
min-height: 80px;
}

dt,dd{
margin: 0px;
}

dt{
margin-bottom: 10px;
display: block;
text-align: center;
color: #a54d9c;
font-weight: bold;
font-size: 110%;
background: #fff;
padding: 5px;
}

dd span.rssSubdate {
float: left;
margin-right: 10px;
display: block;
text-align: center;
background: url(../images/datebg.png) left;
width: 47px;
height: 45px;
padding: 20px 0 0 0;
color: #a54d9c;
font-weight: bold;
font-size: 110%;
}

dd a{
float: left;
display: block;
padding: 5px 5px 5px 20px;
background: url(../images/16-zoom.png) #fff no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: bold;
color: #330066;
text-decoration: none;
}

dd a:hover{
font-weight: bold;
color: #a04c9b;
text-decoration: underline;
}

/** home page cols **/

div#leftcol{
width: 365px;
float: left;
margin: 10px 10px 0 0;
}

div#rightcol{
width: 365px;
float: left;
margin: 10px 0px 0 0;
}

div#leftcol div.article{
min-height: 200px;
}

div#rightcol div.article{
min-height: 200px;
}

a.section{
background: url(../images/16-zoom.png) no-repeat left;
padding: 0px 0px 0px 20px;
color: #90908e;
font-weight: bold;
text-decoration: none;
}

a.section:hover{
text-decoration: underline;
}

/** form styling **/

form.zemContactForm{
padding: 10px;
background-color: #f5f8f0;
border-top: 1px solid #e8ece2;
border-bottom: 1px solid #e8ece2;
}

form.zemContactForm input,textarea{
padding: 5px;
border: 1px solid #e8ece2;
}

form.zemContactForm input.zemSubmit{
background-color: #5dad21; 
color: #fff;
font-weight: bold;
border: 1px solid #4d9517; 
}

/*** left column ***/

#contentleft{
width: 245px;
padding: 0px 0px 0px 0px;
float: left;
margin-right: 0px;
font-size: 85%;
}

#contentleft ul{
list-style: none;
width: 100%;
margin: 0px 0 10px 0;
padding: 0px;
background-color: transparent;

}

#contentleft li{
color: #151514;
font-weight: bold;	
border-bottom: #e1e0df 1px solid;
display: block;
}

#contentleft li a{
text-decoration: none;
color: #151514;
display: block;
padding: 5px 0 5px 0px;
background-color: transparent;
}

#contentleft li a:hover{
text-decoration: underline;
color: #d03036;
}

/** bottom messages **/

div#buttons{
background: url(../images/icon_settings.jpg) no-repeat left #f3f3f3;
padding: 10px 10px 10px 53px;
color: #330066;
}

div#buttons a{
color: #330066;
text-decoration: none;
}

div#buttons a:hover{
color: #330066;
text-decoration: underline;
}

div#highlight{
background: #f3f3f3;
padding: 0px;
color: #330066;
}

div#highlight h2{
margin: 0px;
padding: 10px;
font-size: 99%;
}

div#highlight a{
color: #330066;
text-decoration: none;
}

div#highlight a:hover{
color: #330066;
text-decoration: underline;
}

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

#footer{
background: #e8ece2;
border-top: 1px solid #dee3d7;
border-bottom: 1px solid #dee3d7;
width: 100%;
min-height: 15%;
bottom: 0;
clear:both;
vertical-align: bottom;
}

#footer img{
border: 0px;
}

#main{ 
color: #9baa85;
width: 750px;
margin-left: auto;
margin-right: auto;
padding: 10px 25px 10px 25px;
font-size: 85%;
}

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

#footer a:hover{
color: #151514;
text-decoration: underline;
}

#footer ul{
list-style: none;
margin: 0px;
padding: 0px;
background-color: transparent;
float: left;
}

#footer ul li {
float: left;
margin: 0px 5px 0 0;
padding: 0px;
list-style: none;
}