/*******

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

*******/

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

html, body{
height: 100%;
}

body{ 
font: 90% "Arial", Verdana, serif; 
background: #f3f3f3 url(../images/pgbg.jpg) repeat-x top; 
color: #1e1e1e;
padding:0;
margin: 0;
}

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

#banner{
height: 120px;
padding: 0 0px 0 10px;
width: 790px;
margin-left: auto;
margin-right: auto;
color: #fff;
text-align: left;	 
background: url(../images/pg_bg.jpg);
}

#banner h2{
padding: 10px;
margin: 25px 10px 0px 40px;
color: #330066;
background: #2b236f;
float: right;
color: #fff;
display: block;
}

#banner a.donate{
background: url(../images/btn_donate.jpg) #93428a;
width: 126px;
height: 27px;
display: block;
float: right;
color: #fff;
margin-right: 3px;
font-weight: bold;
font-family: "Arial", Verdana, serif; 
text-decoration: none;
text-align: center;
padding-top: 11px;
}

#banner a.donate:hover{
background-image: url(../images/btn_donate_over.jpg);
text-decoration: underline;
}

#banner a.phone{
background: url(../images/bg_search.jpg) #93428a;
width: 269px;
height: 27px;
display: block;
float: right;
color: #fff;
margin-right: 3px;
font-weight: bold;
font-family: "Arial", Verdana, serif; 
text-decoration: none;
text-align: center;
padding-top: 11px;
}

#banner a.phone:hover{
background-image: url(../images/bg_search_over.jpg);
text-decoration: underline;
}

/** css tooltip **/

#banner a.phone span {
display: none; 
padding: 0px; 
margin-left: 0px; 
width: 200px;
}

#banner a.phone:hover span{
display:inline; 
position:absolute; 
background:#ffffff; 
border:1px solid #cccccc; 
color:#6c6c6c;
}

/*** 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:120px; width:97px; background:url(../images/logo.jpg); float: left;} 

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

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

div#nav{
width: 800px;
height: 40px;
margin-left: auto;
margin-right: auto;
}

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

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: 10px 0 0 0;
width: 100px;
height: 24px;
text-align: center;
display: block;
}

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

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

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

#container{
padding: 0px 20px 0px 20px;
list-style-image: none;
width: 780px;
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{
padding: 0px 20px 0px 20px;
list-style-image: none;
width: 780px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
height: 23px;
background: url(../images/container_bottom.jpg) top;
}


#container_top{
padding: 0px 10px 0px 10px;
list-style-image: none;
width: 800px;
margin-left: auto;
margin-right: auto;
background: url(../images/container_top.jpg) bottom no-repeat;
height: 20px;
}

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

a#toggle_link:hover{
text-decoration: underline;
}

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

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

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

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

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

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/24-arrow-forward.png) no-repeat left;
}

span.previous{
background: url(../images/24-arrow-back.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;
}

img.image{
float: right;
}

/** 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{
background: #f3f3f3;
padding: 10px;
width: 365px;
float: left;
margin: 10px 10px 0 0;
}

div#rightcol{
background: #f3f3f3;
padding: 10px;
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{
background: url(../images/icon_bigemail.jpg) top right no-repeat #f3f3f3;
padding: 10px;
}

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

form.zemContactForm input.zemSubmit{
background-image: url(../images/btn_navup.jpg);
color: #fff;
font-weight: bold;
border: 1px solid #a34c9a;
}

form.searchform{
background: url(../images/icon_bigsearch.jpg) top right no-repeat #f3f3f3;
padding: 10px;
}

form.searchform fieldset{
border: 0px;
}

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

form.searchform input.zemSubmit{
background-image: url(../images/btn_navup.jpg);
color: #fff;
font-weight: bold;
border: 1px solid #a34c9a;
}

/*** 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: url(../images/bg_footer.jpg) #f3f3f3 repeat-x;
width: 100%;
min-height: 15%;
bottom: 0;
clear:both;
vertical-align: bottom;
}

#footer img{
border: 0px;
}

#main{ 
color: #90908e;
width: 780px;
margin-left: auto;
margin-right: auto;
padding: 10px 20px 0px 20px;
font-size: 85%;
}

.column{
width: 200px;
padding: 0 0px 10px 0px;
float: left;
}

.messages{
width: 500px;
padding: 0 0px 10px 0px;
float: left;
}

#footer a{
color: #90908e;
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;
}