/* Reset code - from Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ I've removed the em, strong and :focus resets from Eric's code so these will use browser defaults*/

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, lists etc. */

html, body {
background: #eee;
font-size: 100%;
}

body {
font-family: helvetica, arial, sans-serif;
font-size: 62.5%;
}

#content{
font-size: 1.2em;
line-height: 1.4em;
}

#footer {
font-size: 1.2em;
}

p {
margin-bottom: 10px;
}

h1 {
color: #34508F;
font-size: 1.8em;
font-weight: bold;
line-height: 1.2em;
margin-bottom: 20px;
text-align: left;
}

h2 {
color: #34508F;
font-size: 1.3em;
font-weight: bold;
line-height: 1.2em;
margin-bottom: 10px;
margin-top: 20px;
text-align: left;
}

h3 {
color: #34508F;
font-size: 1em;
font-weight: bold;
line-height: 1.2em;
margin-bottom: 10px;
text-align: left;
}

h4 {
}

h5 {
}

h6 {
}

ul {
list-style: disc outside;
margin-bottom: 20px;
margin-left: 2em;
}

ul li {
}


/* Anchors */

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

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


a:hover {
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 > #container{
height: auto; 
min-height: 100%;
}
 
#container{
background: #fff;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
margin: 0 auto;
width: 858px;
}

#header {
background: #fff url(../images/header_bar_1px.gif) bottom center repeat-x;
height: 112px;
padding: 10px 10px 0;
}

#content {
margin: 0 auto 20px;
padding: 10px 0 52px; /* the bottom padding of this div needs to be the same as the negative bottom margin on the footer div (see below) */
width: 858px;
}

#mainContent {
background: #fff url(../images/EECERA_watermark2.gif) top right no-repeat;
float: right;
min-height: 540px;
padding: 50px 88px 0 0;
width: 500px;
}

#footer {
background: #ccc;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-top: 2px solid #4266b6;
clear: both;
height: 40px;
margin: -52px auto 0; /* 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;
padding: 10px 0 0;
position: relative;
text-align: center;
width: 858px;
z-index: 10;
}

#footer ul li {
border-right: 1px solid #666;
display: inline;
font-weight: bold;
padding: 0 10px;
}

#footer ul li.last {
border: 0;
}

/* Navigation CSS */

#navigationContainer {
background: #ccc;
width: 182px;
padding: 0 0 10px;
}

#navigation {
font-size: 1.2em;
list-style: none;
margin: 0;
padding: 10px;
width: 162px;
}

#navigation li {
background: url(../images/nav_bg_top.gif) no-repeat left top;
margin: 0 0 5px;
padding: 4px 0 0;
}

#navigation li.last{
margin: 0;
}

#navigation a {
color: #34508F;
display: block;
background: url(../images/nav_bg_bottom.gif) no-repeat left bottom;
padding: 1px 5px 5px;
text-decoration: none;
width: 100%;
}

#navigation a:visited {
color: #34508F;
}

#navigation a:hover {
color: #819BD6;
}

#navigation a:active {
}

#focusItems {
font-size: 1em;
list-style: none;
margin: 0;
padding: 10px;
width: 162px;
}

#focusItems li {
background: url(../images/focus_top.gif) no-repeat left top;
margin: 0 0 10px;
padding: 4px 0 0 0;
}

#focusItems li.last{
margin: 0;
}

#focusItems a {
background: url(../images/focus_bottom.gif) no-repeat left bottom;
color: #fff;
display: block;
height: 7em;
padding: 6px 10px 10px;
text-decoration: none;
width: 142px;
}

#focusItems a:visited {
color: #fff;
}

#focusItems a:hover {
color: #ddd;
}

#focusItems a:active {
color: #ddd;
}

/* Miscellaneous classes */

#home a.homeLink, #article a.articleLink, #aims a.aimsLink, #conferences a.conferencesLink, #contact a.contactLink, #journal a.journalLink, #links a.linksLink, #membership a.membershipLink, #organisation a.organisationLink, #sigs a.sigsLink {
color: #819BD6;
} /* Modifies navigation to indicate current page */

.underline {
text-decoration: underline;
}


/* 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 */