@charset "utf-8";

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color: #FFFFFF;
margin: 0; 
padding: 0;
text-align: center;
color: #151515;
}

a img { border: 0; }

span, div, a, h1, h2, h3, h4, dl, dt, dd, img, p, ol, ul, li {
margin: 0;
border: 0;
padding: 0;
text-decoration: none;
list-style-type: none;
}

#wrap{ 
background-color: #FFFFFF; /*GO TO 6F  AND REMOVE TO LIVE */
width:947px;
margin:0 auto;
padding:0;
	}

#header{
background: #FFFFFF;
width:947px;
height:157px;
margin:0 auto;
padding:0;
}

.headerLogo{
background: #FFFFFF url(/images/ijcc-header-1.jpg) no-repeat;
float:left;
width:210px;
height:157px;
margin:0;
padding:0;
}

.headerLogo a{
width:210px;
height:157px;
text-decoration: none;
display:block;
}

.headerMid{
background: #FFFFFF url(/images/ijcc-header-2.jpg) no-repeat;
float:left;
width:563px;
height:157px;
margin:0;
padding:0;
}

.headerRight{
background: #FFFFFF url(/images/ijcc-header-3.jpg) no-repeat;
float:left;
width:173px;
height:157px;
margin:0;
padding:0;
}

.clockDublin{
float:left;
height:157px;
width:53px;
margin:18px 0 0 10px;
border:0;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.clockDublin img{
margin:4px 0 0 0;    
}

.clockTokyo{
float:left;
height:157px;
width:53px;
margin:18px 0 0 10px;
border:0;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.clockTokyo img{
margin:4px 0 0 0;    
}


.page{
background-color: #FFFFFF; /*GO TO 6F  AND REMOVE TO LIVE */
width:947px;
margin:0 auto;
text-align:left;
padding:0 0 20px 0;
}

#sidebarLeft{
width:190px;
float:left;
background: #FFFFFF;
margin:41px 0 0 0;
padding:0 0 20px 0;
}

.innerSponsors{
background-color: #FFFFFF;
padding-top: 1em !important;
padding-top: 0.5em;
text-align: center;
clear: left;
}

.innerSponsors a {
    display:block;
}

.innerSponsors a img {
	border: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}

.leftLogo{
background-color: #FFFFFF;
padding-top:15px;
text-align: center;
clear: both;
position:relative;
display:block;
}

#content{
width:572px;
float:left;
background-color: #FFFFFF;
margin:0;
padding:0;
}

#sidebarRight{
width:185px;
float:left;
/* background: #FFFFFF url(/images/right-fake.jpg) 20px 0 no-repeat; */
margin:41px 0 0 0;
padding:0;
}

#sidebarRight h2{
font-size:16px;
font-weight:bold;
color:#666666;
margin:5px 0 5px 0;
text-align:center;
font-family: Arial, sans-serif;
}

#clear { clear: both; margin: 0; }

#footer{
background-color: #808284; 
width:946px;
height:44px;
margin:0 auto;
padding:0;
}

#footer p{
margin:0;
padding:16px 0 5px 0;    
}

.footerLeft{
float:left;
color: #FFFFFF;
font-size:11px;
}

.footerLeft a{
color: #FFFFFF;
font-size:11px;
}

.footerLeft a:hover{
border-bottom: 1px solid #FFFFFF;
}

.footerCenter{
float:left;
color: #FFFFFF;
font-size:10px;
}

.footerCenter a{
color: #FFFFFF;
font-size:10px;
}

.footerCenter a:hover{
border-bottom: 1px solid #FFFFFF;
}

.footerRight{
float:right;
color: #FFFFFF;
font-size:10px;
}

.footerRight a{
color: #FFFFFF;
font-size:10px;
}

.footerRight a:hover{
border-bottom: 1px solid #FFFFFF;
}

/* DEVLEOPMENT/FAKE DIVS */
.mainContent{
margin: 45px 30px 0 30px; 
}

.mainContent h1{
font-size:22px;
font-weight:bold;
color:#666666;
margin:5px 0 0 0;
font-family:Arial;
border-bottom: 1px solid #666666;
}

.mainContent h2{
font-size:18px;
font-weight:bold;
color:#666666;
margin:30px 0 0 0;
font-family: Arial, sans-serif;
}

.mainContent h3{
font-size:16px;
font-weight:bold;
color:#666666;
margin:30px 0 0 0;
font-family: Arial, sans-serif;
}

.mainContent h4{
font-size:14px;
font-weight:bold;
color:#666666;
margin:30px 0 0 0;
font-family: Arial, sans-serif;
}

.mainContent p{
margin:13px 0 13px 0;
line-height:1.3em;
}

.mainContent a{
text-decoration:none;
color:#DB1E3C;
}

.mainContent a:hover{
border-bottom:1px solid #CB1E3C;
}

.mainContent ul{
margin:18px 30px 10px 40px;
}

.mainContent ul li{
list-style-type:disc;
padding-bottom:8px;
}

.mainContent ol{
margin:18px 30px 10px 40px;
}

.mainContent ol li{
list-style-type:decimal;
padding-bottom:8px;
}

.newsarea{
margin:20px 0 0 0;
padding:0;
height:29px;
background: #FFFFFF;
}

.newsnews{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/news-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newsnews a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newsnewso{
position: relative;
float:left;
margin: 0;
padding: 0;
background: url(/images/news-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newsnewso a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newsnewso img {width: 153px; height: 29px; border: 0; }
* html a:hover {visibility:visible}
.newsnewso a:hover img{visibility:hidden}

.newsarchive{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/newsarchive-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newsarchive a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newsarchiveo{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/newsarchive-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newsarchiveo a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newsarchiveo img {width: 153px; height: 29px; border: 0; }
* html a:hover {visibility:visible}
.newsarchiveo a:hover img{visibility:hidden}

.newsevents{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/events-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newsevents a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newseventso{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/events-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newseventso a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newseventso img {width: 153px; height: 29px; border: 0; }
* html a:hover {visibility:visible}
.newseventso a:hover img{visibility:hidden}

.newseventspast{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/eventspast-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newseventspast a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newseventspasto{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/eventspast-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newseventspasto a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newseventspasto img {width: 153px; height: 29px; border: 0; }
* html a:hover {visibility:visible}
.newseventspasto a:hover img{visibility:hidden}

.newsgolf{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/golf-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newsgolf a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newsgolfo{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/golf-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newsgolfo a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newsgolfo img {width: 153px; height: 29px; border: 0; }
* html a:hover {visibility:visible}
.newsgolfo a:hover img{visibility:hidden}

.newsmem{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/mem-news-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newsmem a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newsmemo{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: url(/images/mem-news-on.gif) no-repeat;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newsmemo a {
width: 153px;
height: 29px;
float: left;
text-decoration: none;
}

.newsmemo img {width: 153px; height: 29px; border: 0; }
* html a:hover {visibility:visible}
.newsmemo a:hover img{visibility:hidden}

.newsareasub{
margin:0;
padding:0;
height:29px;
background: #FFFFFF;
}

.newsshadowl{
position: relative;
float:left;
margin: 0;
padding: 0;
background: #FFFFFF;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }

.newsshadowr{
position: relative;
float:left;
margin: 0 0 0 12px;
padding: 0;
background: #FFFFFF;
width: 153px;
height: 29px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.newscontent{
}

.newscontent h2{
font-size:18px;
font-weight:bold;
color:#666666;
margin:5px 0 0 0;
font-family: Arial, sans-serif;
}

.newscontent h2 a{
color:#666666;
text-decoration: none;
}
.newscontent h2 a:hover{
border-bottom:0;
}

.newscontent p{
margin: 5px 0 15px 0;
color:#333333;
}

.newscontent img{
float:left;
margin:20px 20px 5px 0;
}

/* MAIN MENU */
.menu-home{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-home-glow.gif) no-repeat;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-home a {
width: 168px;
height: 45px;
float: right;
text-decoration: none;
}

.menu-home img {width: 168px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.menu-home a:hover img{visibility:hidden}

.menu-homen{
position: relative;
float:right;
margin: 0;
padding: 0;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-about{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-about-glow.gif) no-repeat; 
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-about a {
width: 168px;
height: 45px;
float: right;
text-decoration: none;
}

.menu-about img {width: 168px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.menu-about a:hover img{visibility:hidden}

.menu-aboutn{
position: relative;
float:right;
margin: 0;
padding: 0;
/* background: url(/images/menu/m-about-red.gif) no-repeat;*/
width: 168px;
/* height: 45px;*/
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-membership{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-membership-glow.gif) no-repeat;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-membership a {
width: 168px;
height: 45px;
float: right;
text-decoration: none;
}

.menu-membership img {width: 168px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.menu-membership a:hover img{visibility:hidden}

.menu-membershipn{
position: relative;
float:right;
margin: 0;
padding: 0;
/* background: url(/images/menu/m-membership-red.gif) no-repeat; */
width: 168px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-meetm{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-meetm-glow.gif) no-repeat;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-meetm a {
width: 168px;
height: 45px;
float: right;
text-decoration: none;
}

.menu-meetm img {width: 168px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.menu-meetm a:hover img{visibility:hidden}

.menu-meetmn{
position: relative;
float:right;
margin: 0;
padding: 0;
/* background: url(/images/menu/m-meetm-red.gif) no-repeat;*/
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-comm{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-comm-glow.gif) no-repeat;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-comm a {
width: 168px;
height: 45px;
float: right;
text-decoration: none;
}

.menu-comm img {width: 168px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.menu-comm a:hover img{visibility:hidden}

.menu-commn{
position: relative;
float:right;
margin: 0;
padding: 0;
/* background: url(/images/menu/m-comm-red.gif) no-repeat;*/
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
/* NOT IN USE */
.menu-ijccr{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-ijccr-grey.gif) no-repeat;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
/* END NOT IN USE */

.menu-news{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-news-glow.gif) no-repeat;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-news a {
width: 168px;
height: 45px;
float: right;
text-decoration: none;
}

.menu-news img {width: 168px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.menu-news a:hover img{visibility:hidden}

.menu-newsn{
position: relative;
float:right;
margin: 0;
padding: 0;
/* background: url(/images/menu/m-news-red.gif) no-repeat;*/
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
 
.menu-events{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-events-glow.gif) no-repeat;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-events a {
width: 168px;
height: 45px;
float: right;
text-decoration: none;
}

.menu-events img {width: 168px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.menu-events a:hover img{visibility:hidden}

.menu-eventsn{
position: relative;
float:right;
margin: 0;
padding: 0;
/* background: url(/images/menu/m-events-red.gif) no-repeat;*/
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-iecon{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-iecon-glow.gif) no-repeat;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-iecon a {
width: 168px;
height: 45px;
float: right;
text-decoration: none;
}

.menu-iecon img {width: 168px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.menu-iecon a:hover img{visibility:hidden}

.menu-ieconn{
position: relative;
float:right;
margin: 0;
padding: 0;
/* background: url(/images/menu/m-iecon-red.gif) no-repeat;*/
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-links{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-links-glow.gif) no-repeat;
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-links a {
width: 168px;
height: 45px;
float: right;
text-decoration: none;
}

.menu-links img {width: 168px; height: 45px; border: 0; }
* html a:hover {visibility:visible}
.menu-links a:hover img{visibility:hidden}

.menu-linksn{
position: relative;
float:right;
margin: 0;
padding: 0;
/* background: url(/images/menu/m-links-red.gif) no-repeat;*/
width: 168px;
height: 45px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-contact{
position: relative;
float:right;
margin: 0;
padding: 0;
background: url(/images/menu/m-contact-glow.gif) no-repeat;
width: 168px;
height: 85px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-contact a {
width: 168px;
height: 85px;
float: right;
text-decoration: none;
}

.menu-contact img {width: 168px; height: 85px; border: 0; }
* html a:hover {visibility:visible}
.menu-contact a:hover img{visibility:hidden}

.menu-contactn{
position: relative;
float:right;
margin: 0;
padding: 0;
/* background: url(/images/menu/m-contact-red.gif) no-repeat;*/
width: 168px;
height: 85px;
overflow:hidden;/* for ie to hide extra height*/
    }

.menu-application{
position: relative;
float:right;
margin: 20px 0 0 0;
padding: 0;
background: url(/images/menu/m-application.gif) no-repeat;
width: 168px;
height: 46px;
overflow:hidden;/* for ie to hide extra height*/
    }
    
.menu-application a{
text-decoration:none;
border:0;
display:block;
width: 168px;
height: 46px;
}
    
/* SUBMENU */

.submenu{
list-style-type: none;
margin: 16px 0 8px 15px;
padding: 0px 0 0 0;
width:158px;
}

.submenu li{
padding:0px 0 8px 20px;
}

.submenu li a{
font-size: 12px;
font-weight:bold;
color: #666666;
text-decoration: none;
}

* html .submenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
}

.submenu li a:visited, .submenu li a:active{
color: #666666;
}

.submenu li a:hover{
color: #DB1E3C;
}

.memberinfo{
border:1px solid #818286;
background-color:#EEEEEE;
width:160px;
margin:0 auto 15px auto;
}

.memberinfo p{
font-size:10px;
margin:5px;
line-height:1.3em;
}

.memberinfo a{
text-decoration:none;
color:#DB1E3C;
}

.memberinfo a:hover{
border-bottom:1px solid #CB1E3C;
}

ol.lowerroman li{
list-style-type:lower-roman;
}

ol.loweralpha li{
list-style-type:lower-alpha;
}

.calendar{
margin:0 auto;
text-align:center;
height:166px;
width:160px;
font-size:10px;
background:#818286;
color:#FFFFFF;
}

.calendar a{
color:#DB1E3C;    
}

.calendar a:hover, calendar a:visited, calendar a:active{
color:#DB1E3C;
text-decoration:none;
}

.login{
background: url(/images/login-back.gif) no-repeat;
width:360px;
height:300px;
margin:10px auto;
}

.login form{
padding:60px 0 0 0;
margin:0 0 0 15px;
}

.login p{
color:#666666;
font-weight:bold;
}

.login input {
	font-size: 1.8em;
	margin-top: 2px;
	width: 70%;
        color:#666666;
}

.login .submit input{
	font-size: 1.4em;
	margin-top: 2px;
	width: 40%;
        color:#444444;
}

/* FORM STYLES */

form{margin:0;padding:0;}
fieldset{margin:1em 0;border:none;border-top:1px solid #ccc;}
fieldset#top_field{border-top:none;}
legend{margin:1em 0;padding:0 .5em;color:#555;background:transparent;font-size:1.3em;font-weight:bold;}
label{float:left;width:200px;padding:0 1em;text-align:right;}
label.missing{color:#f00;}
.fm-radio label{width:100%;text-align:left;margin-bottom:15px;}
fieldset div{margin-bottom:.5em;padding:0;display:block;}
fieldset div input[type=text],fieldset div textarea{width:200px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}
textarea{overflow:auto;font-family: Arial, sans-serif;font-size:100%;line-height:1.3em;}
#corp_invoice_to, #corp_address_1, #corp_address_2, #other_address{width:250px; height:75px}
fieldset div input[type=radio]{margin-left:100px;}
fieldset div input[type=checkbox]{margin-left:150px;}
fieldset#reference_fields div{margin-bottom:25px;}
fieldset div select{padding:1px;}
div.fm-multi div{margin:5px 0;}
div.fm-multi input{width:1em;}
div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}
#fm-submit{clear:both;padding-top:1em;text-align:center;}
#fm-submit input{border:1px solid #333;padding:2px 1em;background:#808284;color:#fff;font-size:100%;}
input:focus,textarea:focus{background:#efefef;color:#222;}
fieldset div.fm-req{font-weight:bold;}
p#fm-intro{margin:0;}

fieldset div.forminfo{margin:5px 0;color:#444444;display:block;}
div.forminfo label{font-weight:bold;}

.formclear{
height:20px;    
}

/* TABLE STYLES */

table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.greyTable{
}

.greyTable tr{
border-bottom:1px solid #DDDDDD;
}

.greyTable th{
background:#EEEEEE;
text-align:center;
}

.greyTable td{
padding:8px 8px 8px 10px;
}
