@charset "utf-8";
/**********
***************************************************************
[ Website: English Harbour Arts Association ]
**************************************************************/
@import url("css_reset.css");
@import url("forms.css");
@import url("pcs_overlay.css");
/**************************************************************
	[ GENERAL ]
**************************************************************/
html {height:100%;}
body {
margin:0; 
padding:0; 
height:100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #222222;
background: #ffffff;
}
a:link, a:visited{text-decoration: underline; color: #1b1464; font-weight: bold;}
a:hover{color: #94ae1d; text-decoration:underline;}
	
hr {border: 0; margin:1em 0 1em 0;}
br {line-height: 1em;}

div.hrclear {margin:0 auto; height: 1px; clear: both; width: auto;}
div.hrclear hr { display: none;}

div.hrspacer {margin:0 auto; height: 1px; padding-top: 1em; clear: both; width: auto;}
div.hrspacer hr { display: none;}

div.hrspacer2 {height: 1px; clear: both; width: auto; background: #c9c9c9; margin: 1em 0 1em 0;}
div.hrspacer2 hr { display: none;}

/**************************************************************
	[ TEXT HEADERS ]
**************************************************************/
h1{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#1b1464;
font-weight:bold;
margin: 0 0 1.5em 0;
line-height: 1.2em;
}
h2{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;
font-weight: bold;
margin: 0 0 3px 0;
line-height: 1.2em;
}
h3{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
margin: 0 0 1.5em 0;
line-height: 1.2em;
}
h4{
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#fff;
margin: 0 0 1em 0;
padding: 2px 2px 4px 3px;
line-height: 1.2em;
background: #718526; /* #38531c; */
}
h5{
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #666;
font-size:16px;
font-weight:bold;
margin: 0;
line-height: 1.2em;
padding-bottom: 5px;
}

h6{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#718526;
font-weight: bold;
margin: 0 0 3px 0;
line-height: 1.2em;
}

/*
h6{
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#111;
margin: 0 0 0 0;
padding: 8px 0 0 0;
line-height: 1.3em;
}
*/

p.h7{
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color: #f3f3f3;
font-size:16px;
font-weight:bold;
margin: 0;
padding: 0;
line-height: 0.8em;
}

.h8 {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#666;
margin: 0 0 0 0;
padding-top: 0;
line-height: 1.2em;
display: block;
width: auto;
}

.h9 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#777;
font-weight: bold;
margin: 0 0 0 0;
padding: 3px;
line-height: 1.2em;
width: auto;
display: block;
text-align: right;
}

.h9 em {color: #718526;}


/**************************************************************
	[ MAIN LAYOUT DIVS ]
**************************************************************/
div#container {position:relative; margin: 0;  background: #fff url(images/pagebg_low.jpg) repeat-y center; width: auto; height:auto !important; height:100%; min-height: 100%;}

div#header {width: 810px; height: 104px; margin: 0 auto; padding: 0; background: url(images/ehaa_header.jpg) no-repeat top left;}
img.ehaalogo {margin: 23px 0 0 46px; padding: 0; border: none;}
div#topbar {width: 742px; height: 22px; margin: 0 auto; padding: 16px 68px 0 0; background: url(images/topbar_bg.jpg) no-repeat top left;}
div.inner_container {width: 810px; height: auto /*720px*/; margin: 0 auto; padding: 0;}
div.leftbar {width: 146px; height: auto /*694px*/; margin: 0; padding: 20px 34px 28px 55px; float: left;}

div.content {width: 575px; height: auto /*314px*/; margin: 0; padding: 0 0 35px 0; float: right;}
  div.content3 {width: 430px; height: auto; margin: 0; padding: 0 105px 0 40px;}
  div.imgshowcase {width: 551px; height: 350px; margin: 0; padding: 0 24px 30px 0;}
  div.content2 {width: 511px; height: auto /*314px*/; margin: 0; padding: 0 24px 0 40px;}


div.column_left {width: 205px; height: auto; margin: 0; padding: 0 10px 0 0; float: left;}
div.column_right {width: 205px; height: auto; margin: 0; padding: 0 0 0 10px; float: left;}
div.column_left2 {width: 245px; height: auto; margin: 0; padding: 0 10px 0 0; float: left;}
div.column_right2 {width: 245px; height: auto; margin: 0; padding: 0 0 0 10px; float: left;}

div#footer {width: 707px; height: 19px; margin: 0; padding: 7px 48px 0 55px; background: url(images/footer_bg.gif) no-repeat top left; clear: both;}
div#subfooter {width: 707px; height: 48px; margin: 0 auto; padding: 12px 48px 0 55px;}
div.event_content {width: 511px; height: auto; margin: 0; padding: 0 0 10px 20px;}

/*
#######[ LEFTBAR MODIFIERS >> ]
*/
.green { background: url(images/leftbar_green.jpg) repeat-y top left; }
.purple { background: url(images/leftbar_purple.jpg) repeat-y top left; }
.teal { background: url(images/leftbar_teal.jpg) repeat-y top left; }
.red { background: url(images/leftbar_red.jpg) repeat-y top left; }

/*
#######[ PAGE IMAGE MODIFIERS >> ] 
*/
.about { background: url(images/displayimg_about.jpg) no-repeat top left; }
.home { background: url(images/displayimg_home.jpg) no-repeat top left; }
.accommodation { background: url(images/displayimg_accommodation.jpg) no-repeat top left; }
.workshops { background: url(images/displayimg_workshops.jpg) no-repeat top left; }
.residencies { background: url(images/displayimg_residencies.jpg) no-repeat top left; }
.artholidays { background: url(images/displayimg_artholidays.jpg) no-repeat top left; }
.outreach { background: url(images/displayimg_outreach.jpg) no-repeat top left; }
.publicevents { background: url(images/displayimg_publicevents.jpg) no-repeat top right; }
.specialprojects { background: url(images/displayimg_specialprojects.jpg) no-repeat top left; }
.contactus { background: url(images/displayimg_contact.jpg) no-repeat top left; }
.nletter { background: url(images/displayimg_newsletter.jpg) no-repeat top left; }
.travel { background: url(images/displayimg_traveloptions.jpg) no-repeat top left; }
.becomefriend { background: url(images/displayimg_becomefriend.jpg) no-repeat top left; }
.member { background: url(images/displayimg_member.jpg) no-repeat top left; }
.friends { background: url(images/displayimg_friends.jpg) no-repeat top left; }
.donate { background: url(images/displayimg_donate.jpg) no-repeat top left; }
.directions { background: url(images/displayimg_directions.jpg) no-repeat top left; }


/**************************************************************
	[ NAVIGATION ]
**************************************************************/
ul.menu {margin:0; padding: 0 0 2.5em 0;}

ul.menu li {
margin: 0;
padding: 0;
list-style: none;	
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
line-height: 1.9em;
}	
ul.menu li a, ul.menu li a:visited {
margin: 0;
padding: 0;
list-style: none;	
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #a5a5a5;
text-decoration: none;
}	
ul.menu li a:hover {
margin: 0;
padding: 0;
list-style: none;	
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
text-decoration: none;
}

p.newsletter {
margin: 100px 0 0 0;
padding: 0 0 0 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
}
p.newsletter a:link, p.newsletter a:visited {text-decoration: none; color: #a5a5a5; padding: 0;}
p.newsletter a:hover {text-decoration: none; color: #fff; padding: 0;}


/**************************************************************
	[ TEXT & LINKS ]
**************************************************************/
.text1 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
margin: 0 0 1.7em 0;
line-height: 1.8em;
}
.text2 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
margin: 0 0 0 0;
line-height: 1.8em;
}
.text3 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
margin: 0 0 0 0;
line-height: 1.8em;
padding: 1em 0 1em 0;
}

.text4 {
margin: 0;
font-family: 'lucida sans unicode', 'Lucida Grande', Verdana, Helvetica, Arial;
font-size: 12px;
padding: 4px 0 0 0;
color: #666;
margin: 0 0 1.7em 0;
line-height: 1.8em;
}

p.topbar_links {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
margin: 0;
float: right;
}
p.topbar_links a:link, p.topbar_links a:visited {padding: 0 8px 0 8px; text-decoration: none; color: #fff;}
p.topbar_links a:hover {padding: 0 8px 0 8px; text-decoration: none; color: #94ae1d;}

span.footer_text {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #c2c2c2;
margin: 0;
padding-right: 30px;
float: left;
}
span.footer_text a:link, span.footer_text a:visited {text-decoration: none; color: #c2c2c2;}
span.footer_text a:hover {text-decoration: none; color: #fff;}

span.footer_text2 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #c2c2c2;
margin: 0;
padding-right: 20px;
float: right;
}
span.footer_text2 a:link, span.footer_text2 a:visited {text-decoration: none; color: #c2c2c2;}
span.footer_text2 a:hover {text-decoration: none; color: #fff;}

span.subfooter_text {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #333;
margin: 0;
font-weight: bold;
padding: 8px 15px 0 0;
float: left;
}
span.subfooter_text a:link, span.subfooter_text a:visited {text-decoration: none; color: #c2c2c2;}
span.subfooter_text a:hover {text-decoration: none; color: #fff;}

span.subfooter_text2 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #333;
margin: 0;
padding-right: 20px;
float: right;
}
span.subfooter_text2 a:link, span.subfooter_text2 a:visited {text-decoration: none; color: #000; font-weight: bold;}
span.subfooter_text2 a:hover {text-decoration: none; color: #222; font-style: italic;}


/**************************************************************
	[ BUTTONS ]
**************************************************************/
span.greenbutton_sm {
color: #fff;
margin: 1em 0 0 0;
padding: 0 0 0 0;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
display: block;
width: 85px;
height: 31px;
float: right;
}
span.greenbutton_sm a:link, span.greenbutton_sm a:visited {display: block; height: 24px; width: 85px; background: url(images/smbutton_green.jpg) no-repeat top left; text-decoration: none; color: #fff; padding: 7px 0 0 0; text-align: center;}
span.greenbutton_sm a:hover {color: #e7ecce;  background: url(images/smbutton_green.jpg) no-repeat top left;}

span.greenbutton_med {
color: #fff;
margin: 1em 0 0 0;
padding: 0 0 0 0;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
display: block;
width: 121px;
height: 31px;
}
span.greenbutton_med a:link, span.greenbutton_med a:visited {display: block; height: 24px; width: 121px; background: url(images/medbutton_green.jpg) no-repeat top left; text-decoration: none; color: #fff; padding: 7px 0 0 0; text-align: center;}
span.greenbutton_med a:hover {color: #e7ecce;  background: url(images/medbutton_green.jpg) no-repeat top left;}

span.greenbutton_lg {
color: #fff;
margin: 1em 0 0 0;
padding: 0 0 0 0;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
display: block;
width: 169px;
height: 31px;
}
span.greenbutton_lg a:link, span.greenbutton_lg a:visited {display: block; height: 24px; width: 169px; background: url(images/lgbutton_green.jpg) no-repeat top left; text-decoration: none; color: #fff; padding: 7px 0 0 0; text-align: center;}
span.greenbutton_lg a:hover {color: #e7ecce;  background: url(images/lgbutton_green.jpg) no-repeat top left;}

span.purplebutton_sm {
color: #fff;
margin: 1em 0 0 0;
padding: 0 0 0 0;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
display: block;
width: 85px;
height: 31px;
}
span.purplebutton_sm a:link, span.purplebutton_sm a:visited {display: block; height: 24px; width: 85px; background: url(images/smbutton_purple.jpg) no-repeat top left; text-decoration: none; color: #fff; padding: 7px 0 0 0; text-align: center;}
span.purplebutton_sm a:hover {color: #e7ecce;  background: url(images/smbutton_purple.jpg) no-repeat top left;}

span.purplebutton_med {
color: #fff;
margin: 1em 0 0 0;
padding: 0 0 0 0;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
display: block;
width: 121px;
height: 31px;
}
span.purplebutton_med a:link, span.purplebutton_med a:visited {display: block; height: 24px; width: 121px; background: url(images/medbutton_purple.jpg) no-repeat top left; text-decoration: none; color: #fff; padding: 7px 0 0 0; text-align: center;}
span.purplebutton_med a:hover {color: #e7ecce;  background: url(images/medbutton_purple.jpg) no-repeat top left;}

span.purplebutton_lg {
color: #fff;
margin: 1em 0 0 0;
padding: 0 0 0 0;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
display: block;
width: 169px;
height: 31px;
}
span.purplebutton_lg a:link, span.purplebutton_lg a:visited {display: block; height: 24px; width: 169px; background: url(images/lgbutton_purple.jpg) no-repeat top left; text-decoration: none; color: #fff; padding: 7px 0 0 0; text-align: center;}
span.purplebutton_lg a:hover {color: #e7ecce;  background: url(images/lgbutton_purple.jpg) no-repeat top left;}

/**************************************************************
	[ MISC ]
**************************************************************/
ul.networklist { float: left; list-style-type: none; margin: 0; padding: 0; }
ul.networklist li { display: inline; }
ul.networklist li img { padding-right: 8px; }


/**************************************************************
	[ LISTS ]
**************************************************************/
ul.eventlist { float: left; list-style-type: none; margin: 0; padding: 0; }
ul.eventlist li { display: inline; }
ul.eventlist li img { padding-right: 8px; }

ul.eventlist2 {list-style-type: none; margin: 0; padding: 1em 20px 0 20px;}
ul.eventlist2 li {margin: 0 0 5px 0; padding: 5px; clear: both; border: 1px solid #c9c9c9;}
ul.eventlist2 li:hover {background: #f9f9f9;}

/*******
ul.eventlist2 {list-style-type: none; margin: 0; padding: 1em 20px 0 20px;}
ul.eventlist2 li {margin: 0 0 0 0; padding: 0 0 8px 0; clear: both;}
*******/

ul.eventlist3 {list-style-type: none; margin: 0; padding: 10px 0 0 0;}
ul.eventlist3 li {margin: 0 0 0 0; padding: 0; clear: both;}

ul.eventlist4 {list-style-type: none; margin: 0; padding: 1em 0 0 0;}
ul.eventlist4 li {margin: 0 0 0 0; padding: 0 0 15px 0; clear: both;}

ul.eventlist5 {margin: 0 0 0 20px; padding: 10px 0 5px 0;}
ul.eventlist5 li {
list-style-type: square;
margin: 0 0 0 0;
padding: 0 0 0 5px;
clear: both;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
font-weight: bold;
margin: 0 0 3px 0;
line-height: 1.2em;
}

.outlinediv {border: 1px solid #c9c9c9; padding: 5px; margin: 0 0 15px 0; width: auto; }

span.dateblock_sm1 {
display: block;
width: 47px;
height: 45px;
margin: 0;
padding: 4px 5px 15px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#fff;
font-weight: bold;
text-align: center;
background: url(images/calendarsmall_purple.jpg) no-repeat top left;
float: left;
}
.dateblock_text1 {
margin: 0 0 0 63px;
padding: 0 0 15px 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}
.dateblock_text1_hidden {
margin: 0 0 0 63px;
padding: 0 0 15px 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
display: none;
}
.dateblock_text2 {
margin: 0 0 0 63px;
padding: 0 0 3px 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666;
font-weight: bold;
}
.dateblock_text3 {
margin: 0 0 0 63px;
padding: 0 0 2px 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
font-weight: bold;
}
.dateblock_text4 {
margin: 0 0 0 63px;
padding: 0 0 15px 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#444;
font-weight: bold;
}

.dateblock_text5 {
margin: 0 0 0 0;
padding: 0 0 15px 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#222;
}

span.dateblock_sm2 {
display: block;
width: 57px;
height: 40px;
margin: 0;
padding: 9px 0 15px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
text-align: center;
background: url(images/calendarsmall_green.jpg) no-repeat top left;
float: left;
}

span.dateblock_sm3 {
display: block;
width: 47px;
height: 45px;
margin: 0;
padding: 4px 5px 15px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#fff;
font-weight: bold;
text-align: center;
float: left;
}

span.dateblock_sm4 {
display: block;
width: 57px;
height: 40px;
margin: 0;
padding: 9px 0 15px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
text-align: center;
float: left;
}

.dbspurple {background: url(images/calendarsmall_purple.jpg) no-repeat top left;}
.dbsgreen {background: url(images/calendarsmall_green.jpg) no-repeat top left;}


span.eventtxt {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #999;
font-size: 11px;
padding: 0 0 2em 63px;
margin: 0 0 10px 0;
line-height: 1.2em;
display: block;
width: auto;
height: 1em;
text-align: left;
clear: both;
border-bottom: 1px solid #ccc;
}
span.eventtxt a:link, span.eventtxt a:visited { color: #1b1464; text-decoration: underline; }
span.eventtxt a:hover { color: #94ae1d; text-decoration: underline; }

.rightalign {text-align: right;}

.jojo {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #999;
font-size: 11px;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: block;
width: auto;
height: auto;
text-align: right;
clear: both;
}


/*************************************************************
<- [FORMS] - Comment Form: ->
*************************************************************/
ol.comm_formlist {list-style-type:none; margin: 0; padding:0;}
ol.comm_formlist li {list-style-type:none; padding:0 0 5px 0;}


.comment_fset {
height: auto;
width: auto;
padding:0 0 0 25px;
border-left: 1px solid #c9c9c9;
border-right: none;
border-top: none;
border-bottom: none;
}

.comment_nput {
width: 200px;
font-family: Verdana, Helvetica, Arial;
font-size:11px;
padding: 2px;
border: 1px solid #c1c1c1 ;
height: 14px;
}

.comment_tarea {
width: 210px;
height: 130px;
font-family: Verdana, Helvetica, Arial;
font-size:11px;
padding: 2px;
border: 1px solid #c1c1c1 ;
}

.comment_label {  
width: auto;
margin:0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
padding: 3px 0 0 0;
color: #666;
}

select.comment_sel {
width: 143px;
font-family: sans-serif, Arial, Verdana, Helvetica ;
font-size:10px;
margin-bottom: 10px
}

.avctitle{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#94ae1d;
margin: 0;
padding: 0 0 1em 0;
display: block;
width: auto;
}

img.galhome {
width: 55px;
height: 50px;
padding: 3px;
margin: 3px;
float: left;
}
a:link.imglink img, a:visited.imglink img {border: 1px solid #c9c9c9;}
a:hover.imglink img {border: 1px solid #1b1464;}

.imgcapt {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
margin: 0;
line-height: 1.4em;
}
.imgcapt a:link, .imgcapt a:visited {text-decoration: none; color: #464646;}
.imgcapt a:hover {text-decoration: none; color: #1b1464;}

.miniimg {float: left; margin: 2px 3px 2px 2px;}

.dltext {width: 430px; margin: 0; display: block; height: auto; padding: 3px 0 3px 0;}
.dltext a:link, .dltext a:visited {padding: 8px 0 8px 20px; background: url(images/doc_pdf.png) no-repeat center left;}

span.fee_text {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#464646;
font-weight: bold;
}

span.imgholds {
text-align: center;
margin: 0;
padding: 7px 5px 3px 3px;
width: 166px;
display: block;
float: left;
}
span.imgholds em {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#111;
}

span.imgholds img {border: 1px solid #c9c9c9; padding: 3px; background: #fff;}

span.imgholds2 {
text-align: center;
margin: 0;
padding: 3px;
width: 166px;
display: block;
float: right;
}
span.imgholds2 em {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#111;
}

span.imgholds2 img {border: 1px solid #c9c9c9; padding: 3px; background: #fff;}

span.imgholds3 {
text-align: center;
margin: 0;
padding: 0px 5px 3px 3px;
width: auto;
display: block;
float: left;
}
span.imgholds3 em {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#111;
}

span.imgholds3 img {border: 1px solid #c9c9c9; padding: 3px; background: #fff; margin: 0 6px 55px 0;}



.newstitle {
display: block;
width: auto;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#464646;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 2px solid #ccc;
margin-bottom: 5px;
}

.dateposted {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#94ae1d;
display: block;
width: auto;
padding: 2px 0;
font-weight: bold;
}