/* -------Styles since Feb 2010 Redesign------- */



/* Global Styles ********************************************/
html {overflow-x: hidden; overflow-y: scroll; }

body {
overflow-x: hidden; overflow-y: scroll;
font-family: Arial, Helvetica, sans-serif;
color: #151519;
background-color: #FFFFFF;
margin:0px 0px; 
padding:0px;
text-align:center;
font-size:12px;
background-image:url('http://www.iabcn.org/images/pattern1.jpg'); 

}

img {border: 0px}

#rsvp {width:330px}


/* ID's ********************************************/

#shadow {background-image:url(http://www.iabcn.org/images/shadow.png); width:1050px; margin: 0px auto}
#wrapper {width: 950px; margin:0px auto; padding:0px; text-align:left; border-bottom:#cccccc;}
#container {margin: 0px auto; width: 900px;}
#contentcontainer {margin: 0px auto; width: 825px}

#header {height:120px;}
#logo {padding: 10px 0 0 0; float: left}
#headerright {padding:10px}
#ccontact {padding-top:5px;}
#socialmedia {padding-right:0px; padding-top:10px;
	top: 47px;
	position: relative;
	left: 221px;
}
#socialmedia a img {width: 25px}
#ccoptin {margin-bottom:3;}

#subscribe {float:right; width:250px}
#subscribeForm {width:250px; background-color: #ffffff;}
#navigation {float:left; width:243px}




#footer {clear:both; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:10px;}
#footimg img {padding: 0px 10px 0px 10px}

#homeevent {border: thin solid #eee; padding: 10px; margin-bottom: 5px; background-color: #fff; width: 336px;}
#eventdescription {float:right; width:320px;}

#leftcol {width:356px; float:left }
#leftcolwide {width:550px; float:left }
#upcoming {width: 336px; padding:10px;}
/*#sidebar {width: 150px;padding:10px;background-color:#f5f5f5; float:right}*/
#eventmonth {background-color:#0B7E5A; padding:5px; color:#fff; font-weight:bold; margin-top: 10px;} 

#galleryCell {padding:5px; margin:5px; background-color:#f1f1f1;}
#galleryCell img {float: right}
#galImage {width:200px; height: 150px; float: right; padding: 5px; margin: 5px;}
#galText {width:270px; height: 150px; padding: 5px; margin: 5px; overflow: auto;}
#galwidth {width:650px; margin: 0 auto}

#eventelement { width:380px}

#cell {padding:10px;}
#memcell {width:360px; min-height:80px; padding:10px; margin: 10px;}
#irisheventcell {padding:10px; }

#homenews { width: 336px; padding:10px;}
#irishevents {width:150px; text-align:center;}
#rsvpform {text-align:left}

#leftside {width: 450px; float: left; margin-top:15px; }
#rightside {padding: 10px; width: 355px; float: right;}



/*
#topnav {width:100%;}
#topnav ul li a {padding-left:15px; padding-right:15px; color:#10238c}
#topnav ul li a:hover {background-color:#fff; padding-left:15px; padding-right:15px; padding-bottom:5px; padding-top:5px; text-decoration: underline; color:#10238c}
#topnav { height: 30px; background-image: url(http://www.iabcn.org/images/navbg2.gif); background-repeat: no-repeat;}
#topnav ul { margin: 0px; padding: 0px; display: inline; position:relative; top:7px}
#topnav ul li { margin-left: 0; margin-bottom: 0; padding: 2px; display: inline;}
#topnav ul li#navel { list-style: none; display; inline; }
ul#sub {display: none}
*/



/* Classes ********************************************/
.subscribe {padding-right:10px; margin:10px; width: 250px; float: right;}
.mailinglist {font-weight: bold; font-size:13px; color:#017a54;}
.pad {padding:10px;background:#F5F5F5;text-align:center}
.alert {font: normal 70%; font-weight:bold; color:#d87e61}
.headline {font-size:14px; font-weight:bold; color:#547ED3}
.copy {font-size:12px}
.date {font-weight:500; font-style:italic}
.sidebarhead {font-weight:bold; font-size:11px}
.para { font-size:9px; font-weight:bold; }
.subhead {font-size:12px; font-weight:500; color:#0B7E5A}
.subheadwhite {font-size:12px; font-weight:bold; color:#FFF}

.greenline {background-color:#0B7E5A;}
.greencopy {color:#0B7E5A}
.caldate {float:left; padding:5px;}
.smallcopy {font-size:9px}
.optional {color:#666; font-style:italic}
.headlinedark {font-size: 14px; font-weight: bold; color: #345EBC;}

.boardimgs { width:70px; padding-right:10px; float:left}
.boardimgs img{width:70px}
.boarddes { float:right; width: 200px }
.galnav {background-color:#F0F0F0; border-top:1px solid #009F67; border-bottom:1px solid #009F67; padding:5px; font-weight:bold;}
	.galnav a:link {color:#547ED3; text-decoration:none;}
	.galnav a:hover {color:#0B7E5A; text-decoration:underline;}
	.galnav a:active {color:#151519;}
.greenline {color:#009F67;}	
.noshow {visibility: hidden}
.postdate { color: #8e8e8e}


.ietop hr {display: none}
.ietop { }
.ie {height:100px;}

.bold {font-weight:bold}

.rightfloat {float:right}
.leftfloat {float:left}


/* Navigation and Drop Downs ******************************/

#topnav { height: 30px; width:900px; background-image: url(http://www.iabcn.org/images/navbg2.gif); background-repeat: no-repeat; margin: 0 auto }

.dropdown li a {color:#10238c;}
ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin: 0; padding-top:4px; padding-bottom:4px; padding-left: 15px; padding-right: 15px;}
ul.dropdown {position: relative; z-index: 597; float: left;}
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;}
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; background-color: #fff; color:#10238c;}
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
ul.dropdown ul li { float: none;}
ul.dropdown ul ul { top: 1px; left: 99%;}
ul.dropdown li:hover > ul { visibility: visible; background-color: #fff; width: 150px; }


/* Link Styles ********************************************/

a.viewgal:link {color: #151519;}
a.viewgal:visited {color: #151519;}
a.viewgal:hover {color:#0B7E5A; text-decoration: none}

a:link {color: #3366CC; text-decoration: none;}
a:visited {color: #3366CC; text-decoration: none;}
a:hover {color: #000066; text-decoration: underline;}

.infolink a:link {color: green; text-decoration: none;}
.infolink a:visited {color: green; text-decoration: none;}
.infolink a:hover {color: #3366CC; text-decoration: underline;}

a.alertlink:link {color:#d87e61; text-decoration: none;}
a.alertlink:visited {color:#d87e61; text-decoration: none;}
a.alertlink:hover {color:#d87e61; text-decoration: underline;}

.menutitle {cursor:pointer; color:#0B7E5A; width:140px; padding:2px; font-weight:bold;}
.menutitlenews {cursor:pointer; font-size:14px; font-weight:bold; color:#0B7E5A; padding:2px; font-weight:bold;}
.menutitleblack {cursor:pointer; font-size:12px; font-weight:bold; color:#000; padding:2px; font-weight:bold;}


/* Hover List Items ********************************************/


#sidelinks {margin:0px; padding:0px;border-left: dotted thin grey }
#sidelinks ul {list-style-type: none; width: 280px;} 
#sidelinks li {border-width: 1px 0px;}
#sidelinks li a{display: block; padding: 5px; text-decoration: none; margin:0px}
 * html #sidelinks li a {  /* make hover effect work in IE */ width: 280px; }
#sidelinks li a:hover { background: #fff;}
#sidelinks li .join:hover { background: #e2edff;}
#sidelinks li .news:hover { background: #fce7ba;}
#sidelinks a em { display: block; }
#sidelinks a span {  }
#sidelinks a {color: #151519;}

#links {margin:0px; padding:0px; }
#links ul {list-style-type: none; width: 370px;} 
#links li { border-width: 1px 0;margin: 0px 0;}
#links li a{display: block; padding: 5px; text-decoration: none;}
 * html #links li a {  /* make hover effect work in IE */ width: 370px; }
#links li a:hover { background: #f5f5f5;}
#links li .event:hover { background: #e2ffe2;}
#links li .join:hover { background: #e2edff;}
#links li .news:hover { background: #fce7ba;}
#links li .ievents:hover { background-image:url(../events/images/nextevent.jpg); background-repeat:repeat-y;}
#links a em { display: block; line-height: 125%; }
#links a span { line-height: 150%; }
#links a {color: #151519;}

#events {margin:0px; padding:0px;}
#events ul {list-style-type: none; width: 370px;} 
#events li { border-width: 1px 0;margin: 0px 0;}
#events li a{display: block; padding: 5px; text-decoration: none;}
 * html #events li a {  /* make hover effect work in IE */ width: 380px; }
#events li a:hover { background: #f5f5f5;}
#events li .event:hover { background: #e2ffe2;}
#events li .join:hover { background: #e2edff;}
#events li .news:hover { background: #fce7ba;}
#events li .ievents:hover { background-image:url(../events/images/nextevent.jpg); background-repeat:repeat-y;}
#events a em { display: block;  }
#events a span {  }
#events a {color: #151519;}

#events ul li #left {width:50px ; float:left}
#events ul li #right {width:300px ; float:right}