html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* General CSS - fonts, headings, paragraphs, etc. */

body {
color: #000;
font: .8em/1.4em helvetica, arial, Sans-serif;
}

p{
padding: 0 0 1em;
}

p.center{
text-align: center;
}

h1 {
color: #66A1C0;
float: left;
font: bold 1.9em/1.1em helvetica, arial, sans-serif;
padding: 0 0 1em;
width: 350px;
}

h2{
color: #000;
font: bold 1.2em/1em helvetica, arial, sans-serif;
padding: .5em 0;
}

#latestNews h2, #ijcs h2, #forthcomingEvents h2, #joinUs h2, #links h2{
background: #6AA1BB url(/images/blueFade.gif) 0 0 repeat-y;
color: #000;
font: bold 1em/1em helvetica, arial, sans-serif;
padding: .5em 10px;
}

h2#iacs-annual{
	font-size: 1.4em;
	text-transform: uppercase;
	}

#ijcs h2, #joinUs h2{
margin-bottom: 1em;
}

#forthcomingEvents h2, #joinUs h2, #links h2{
background: #E876B1 url(/images/pinkFade.gif) 0 0 repeat-y;
}

h3{
font: bold 1.1em/1.2em arial, helvetics, sans-serif;
margin: 0 0 1em;
}

#latestNews h3, #ijcs h3, #forthcomingEvents h3, #joinUs h3, #links h3{
font-weight: bold;
margin: 1em 10px 0;
}

h4 {
color: #666;
margin: 0 10px 1em;
}

h5 {
}

h6 {
}

/*Images*/

img.left{
background: #fff;
border: 1px solid #666;
float: left;
margin: 0 10px 10px 0;
padding: 2px;
}

img.right{
background: #fff;
border: 1px solid #666;
float: right;
margin: 0  0 10px 10px;
padding: 2px;
}

img.bottomMargin{
margin-bottom: 10px;
}

/* Lists */

ul.standardList{
margin-bottom: 1em;
}

ul.standardList li{
padding-left: 14px;
background: url(/images/pinkBullet.gif) 0 6px no-repeat;
}

ul.tick{
margin-bottom: 1em;
}

ul.tick li{
margin: 0 10px;
padding: 4px 0 5px 25px;
background: url(/images/tick.gif) 0 6px no-repeat;
}

ul.documentIcons{
margin-bottom: 1em;
}

ul.documentIcons li.pdf{
background: url(/images/docTypes/icon_pdf.gif) 0 .2em no-repeat;
margin: 0 0 .5em;
padding: 0 0 0 20px;
}

ul.documentIcons li.word{
background: url(/images/docTypes/icon_doc.gif) 0 .2em no-repeat;
margin: 0 0 .5em;
padding: 0 0 0 20px;
}

ul.documentIcons li.excel{
background: url(/images/docTypes/icon_xls.gif) 0 .2em no-repeat;
margin: 0 0 .5em;
padding: 0 0 0 20px;
}

ul.documentIcons li.cart{
background: url(/images/docTypes/icon_cart.png) 0 .2em no-repeat;
margin: 0 0 .5em;
padding: 0 0 0 20px;
}

/* Anchors */

a:link{
color: #0000ff;
text-decoration: none;
}

a:visited {
color: #800080;
text-decoration: none;
}

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

a:active {
color: #ff0000;
text-decoration: underline;
}

/* Structural CSS*/

html{
overflow-y: scroll;
}

html, body, #container {
height: 100%;
margin: 0 auto;
position: relative;
/* width: 100%; */
}
 
body{
background: #eee;
}
 
body > #container{
height: auto; 
min-height: 100%;
}
 
#container{
background: #fff;
margin: 0 auto;
width: 960px;
}

#header {
background: #fff;
height: 100px;
}

#mainLogo{
float: left;
padding: 10px 0 0 10px;
}

#header p{
	font: bold 1.6em/1.1em helvetica, arial, sans-serif;
	float: left;
	margin: 0;
	padding: 20px 0 0 15px;
	display: inline;
	}

#cse-search-box{
float: right;
padding: 10px 10px 0 0;
}

#acsSearchButton{
background: #69A1BB;
color: #fff;
}


#bannerAdvert{
margin: 50px 0 0 0;
text-align: center;
}

#content {
border-bottom: 1px solid #fff;
margin: 0 auto;
padding: 0 0 2.7em; /* the bottom padding of this div needs to be the same as the negative bottom margin on the footer div (see below) */
width: 960px;
}

#topContent{
background: #fff url(/images/topContentFade.png) 0 0 repeat-x;
border-bottom: 2px solid #D56CA5;
margin: 30px 0 0;
padding: 40px 20px 0;
overflow: hidden;
width: 920px;
}

#topContentNoBorder{
background: #fff url(/images/topContentFade.png) 0 0 repeat-x;	
margin: 30px 0 0;
padding: 40px 20px 0;
overflow: hidden;
width: 920px;
}

#topContentText{
float: right;
padding: 0.6em;
width: 520px;
}

#mainContent{
margin: 20px auto;
overflow: hidden;
width: 920px;
}

#mainContentOneColumn{
background: #fff;
margin: 20px auto;
overflow: hidden;
width: 700px;
}

#mainContentSlideshow{
background: #fff;
margin: 20px auto;
overflow: hidden;
width: 860px;
}

#mainContentOneColumnSearch{
background: #fff;
margin: 20px auto;
overflow: hidden;
width: 800px;
}

#mainContentLeft{
background: #fff;
float: left;
width: 460px;
}

#mainContentLeftWide{
background: #fff;
float: left;
width: 550px;
}

#mainContentRightBoxout{
background: #f7f7e9;
border: 2px solid #69a1bb;
float: right;
padding: 0 10px 0;
width: 276px;
}

#latestNews, #forthcomingEvents, #links{
background: #eee;
}

#ijcs, #joinUs{
background: #F7F7E9;
}

#forthcomingEvents, #links{
margin: 0;
}

#latestNews, #ijcs, #joinUs, #forthcomingEvents{
margin: 0 0 20px;
}

#ijcs{
border-bottom: 1px solid #ddd;
overflow: auto;
}

#latestNews p, #forthcomingEvents p, #ijcs p, #joinUs p, #links p{
padding: 5px 10px 10px;
}

#latestNews p.bottom, #forthcomingEvents p.bottom, #joinUs p.bottom, #links p.bottom{
border-bottom: 1px solid #ddd;
}

#mainContentRight{
background: #fff;
float: right;
width: 440px;
}

#footer{
background: #fff;
border-bottom: .1em solid #ddd;
border-top: .1em solid #ddd;
clear: both;
height: 2em;
margin: -2.7em auto .5em; /* the negative margin needs to be the sum of the border, height and padding of the footer div. This needs to be the same as the bottom margin on the container div. */
overflow: hidden;
position: relative;
text-align: center;
width: 940px;
z-index: 10;
}

#footer p{
font-size: .85em;
line-height: 2.5em;
}

/* Navigation CSS */

ul#navigation{
background: #fff;
height: 30px;
left: 0;
position: absolute;
top: 100px;
}

ul#navigation li{
background: #f7f7e9;
border-left: 2px solid #d56ca5;
border-right: 2px solid #d56ca5;
border-top: 2px solid #d56ca5;
display: block;
float: left;
font-variant: small-caps;
line-height: 2.2em;
margin-right: 2px;
text-align: center;
}

ul#navigation li a:link, ul#navigation li a:visited{
color: #000;
display: block;
font-weight: bold;
padding: 0 1em ;
text-decoration: none;
}

ul#navigation li a:hover, ul#navigation li a:active{
background: #d56ca5 url(/images/pinkPixel2.png);
color: #fff;
display: block;
font-weight: bold;
text-decoration: none;
}

p.breadcrumbs{
color: #333;
left: 20px;
margin: 0;
padding: 0;
position: absolute;
top: 135px;
width: 920px;
}

p.breadcrumbs a:link, p.breadcrumbs a:visited{
color: #0000ff;
}

/* Set current link */

#home ul#navigation li.homeNavLink a, #about ul#navigation li.aboutNavLink a, #membership ul#navigation li.membershipNavLink a, #publications ul#navigation li.publicationsNavLink a, #support ul#navigation li.supportNavLink a, #conferences ul#navigation li.conferencesNavLink a, #membersArea ul#navigation li.membersAreaNavLink a, #poems ul#navigation li.poemsNavLink a{
background: #d56ca5 url(/images/pinkPixel2.png);
color: #fff;
}

/* Set current link for sub pages */

.publicationsSubPage ul#navigation li.publicationsNavLink a, .supportSubPage ul#navigation li.supportNavLink a, .conferencesSubPage ul#navigation li.conferencesNavLink a, .membersAreaSubPage ul#navigation li.membersAreaNavLink a{
background: #d56ca5 url(/images/pinkPixel2.png);
color: #fff;
}

/* Breadcrumbs */
#breadcrumbs{
position: absolute;
}

/* Login */

p.login_fields{
background: #f7f7e9;
border: 2px solid #69a1bb;
height: 220px;
line-height: 2em;
margin: 0 auto;
padding: 10px;
text-align: center;
width: 476px;
}

input, label{
display: block;
margin: 0 auto
}


span.loginHeading {
color: #69a1bb;
display: block;
font: bold 1.2em/1em helvetica, arial, sans-serif;
padding: .5em 0;
text-align: center;
}

#submit{
background: #69A1BB;
color: #fff;
margin: 1em auto 0;
}

span.error{
border: 2px solid #ff0000;
background: #FFC0C0;
color: #333;
padding: .3em;
}

/* Miscellaneous classes */

#acsConferenceSlideShow{
height: 385px;
width: 500px;
}

.containFloat{
overflow: hidden;
}

.clear{
clear: both;
}

.bookListing{
background: #f7f7e9;
border-bottom: 2px solid #69a1bb;
border-left: 2px solid #69a1bb;
border-right: 2px solid #69a1bb;
padding: 10px 10px 0;
}

.topBookListing{
border-top: 2px solid #69a1bb;
}

/* clear fix - this is for the sticky footer. see www.cssstickyfooter.com/ for more info */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */