/*CSS contents:

1. Reset
2, General CSS - typography, headings, paragraphs etc.
3. Anchors
4. Lists
5. Images
6. Structure
7. Navigation
8. Miscellaneous classes

*/


/* 1. Reset code - from Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ I've removed the em, strong, sup, sub, strike, ins, del 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, dfn, font, img, kbd, q, s, samp, small, 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: "" "";}

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

body{
color: #333;
font: .8em/1.4em Helvetica, Arial, sans-serif;
}

p{
margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6{
color: #000;
font-weight: bold;
font-family: helvetica, arial, sans-serif;
}

h1{
font-size: 1.6em;
margin-bottom: 1em;
}

h2{
font-size: 1.3em;
margin-bottom: .5em;
margin-top: 1.5em;
}

h3{
font-size: 1.1em;
margin-bottom: .5em;
margin-top: 1.5em;
}

.subContent h2{
font-size: 1.1em;
margin-top: 0;
}

.subContent h3{
font-size: .95em;
margin-bottom: 0;
}

.news h2{
background: #fff url(/images/skins/red/newsFade.gif) 0 0 repeat-y;
font-size: 1em;
margin: 2em 0 0	;
padding: 0 .3em 0;
}

.news h2.first{
margin: 0;
}

.news h3{
color: #666;
font-size: .85em;
margin: 0 0 1em;
padding: 0 .3em 0;
}


h4{
font-size: 1em;
margin: 1em 0 0;
}

h5{
}

h6{
}

/*  3. Anchors - includes CSS for navigation. */

a:link{
color: #3C5AA3;
text-decoration: underline;
}

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

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

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

a:focus{
outline: 1px dotted #000;
}

/* 4. Lists*/

#mainContent ul, .subContent ul, #mainContentNoSub ul{
margin-bottom: 1em;
}

#mainContent ul li, #mainContentNoSub ul li{
padding-left: 14px;
background: #fff url(/images/skins/red/redBullet.gif) 0 6px no-repeat;
}

#mainContent ol, .subContent ol, #mainContentNoSub ol{
list-style-type: decimal;
margin-bottom: 1em;
margin-left: 20px;
}

#mainContent ol li, #mainContentNoSub ol li{
padding-left: 14px;
margin-bottom: 1em;
background: #fff 0 6px no-repeat;
}

.subContent ul li {
padding-left: 14px;
background: #f0f0f0 url(/images/skins/red/redBullet.gif) 0 6px no-repeat;
}

ul.documentIcons{
}

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

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

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

ul.subNavigation{
}

ul.subNavigation li{
background: url(/images/skins/red/subNavArrowRed.gif) 0 .4em no-repeat;
margin: 0 0 .5em;
padding: 0 0 0 10px;
}

/* 5. Images */

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

img.right{
float: right;
margin: 3px 0 0 10px;
}


/* 6. 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;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
margin: 0 auto;
width: 980px;
}

#header{
background: #fff url(/images/skins/red/asmcfBackgroundRedGrey.gif) top left repeat-x;
height: 180px;
margin: 0 auto;
padding: 0 10px;
width: 960px;
}

p#banner{
height: 60px;
left: 245px;
position: absolute;
top: 120px;
width: 468px;
}

#websiteTitle{
margin: 0 auto;
position: relative;
width: 960px;
}

#websiteTitle p{
}

#websiteTitle a:link, #websiteTitle a:visited, #websiteTitle a:hover, #websiteTitle a:active{
font: bold 1.8em "lucida sans console", arial, helvetica, sans-serif;
color: #333;
text-decoration: none;
}

img#floatingImage{
position: absolute;
right: 0;
top: 0;
z-index: 1;
}

#content{
background: #fff;
margin: 0 auto 0;
padding: 0 0 2.5em; /* the bottom padding of this div needs to be the same as the negative bottom margin on the footer div (see below) */
position: relative;
width: 960px;
}

#mainContent{
background: #fff;
float: left;
padding: 0 0 0 235px; /* Padding should be same width as navigation , plus gap between them*/
width: 485px;
}

#mainContentNoSub{ /*use if no sub content */
background: #fff;
float: left;
padding: 0 0 0 235px; /* Padding should be same width as navigation , plus gap between them*/
width: 600px;
}

.subContent{
background: #f0f0f0;
border: 2px solid #BC575D;
float: right;
padding: 10px;
width: 196px;
}

.subContentTop {
border-bottom: 0;
}

#navigation{
left: 0;
position: absolute;
top: 0;
width: 215px;
}

#footer{
background: #A40134;
clear: both;
color: #fff;
font-size: .85em;
height: 2em;
margin: -2.5em 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: .5em 10px 0;
position: relative;
text-align: center;
width: 960px;
z-index: 10;
}

#footer ul{
display: inline;
}

#footer ul li{
border-right: .1em solid #fff;
display: inline;
padding: 0 1em;
}

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

#footer a{
color: #fff;
}

#footer a:visited{
color: #bbb;
}

#footer a:hover{
color: #ccc;
}

#footer a:active{
color: #ccc;
}

p.footerInfo{
display: inline;
}

/* 7. Navigation */

#mainNavigation{
background: #f0f0f0;
border-right: 10px solid #BC575D;
margin-bottom: 20px;
width: 205px;
}

#portals{
background: #f0f0f0;
border-right: 10px solid #A40134;
width: 205px;
}

#home .navigationLinkHome, #home a:hover.navigationLinkHome,
#news .navigationLinkNews, #news a:hover.navigationLinkNews,
#membership .navigationLinkMembership, #membership a:hover.navigationLinkMembership,
#journal .navigationLinkJournal, #journal a:hover.navigationLinkJournal,
#funding .navigationLinkFunding, #funding a:hover.navigationLinkFunding,
#conferences .navigationLinkConferences, #conferences a:hover.navigationLinkConferences,
#links .navigationLinkLinks, #links a:hover.navigationLinkLinks,
#contact .navigationLinkContact, #contact a:hover.navigationLinkContact{
background: #cdcdcd url(/images/skins/red/arrowRedLight.gif) center right no-repeat;
}

#postgraduates .navigationLinkPostgraduates, #postgraduates a:hover.navigationLinkPostgraduates,
#membersArea .navigationLinkMembersArea, #membersArea a:hover.navigationLinkMembersArea{
background: #cdcdcd url(/images/skins/red/arrowRedDark.gif) center right no-repeat;
}

#navigation ul li{
border-bottom: 1px solid #cecece;
}

#navigation ul li a:link{
color: #333;
display: block;
font-weight: bold;
padding: 2px 2px 2px 5px;
text-decoration: none;
width: 198px;
}

#navigation ul li a:visited{
color: #333;
display: block;
font-weight: bold;
padding: 2px 2px 2px 5px;
text-decoration: none;
width: 198px;
}

#navigation ul li a:hover{
background: #cdcdcd;
color: #333;
display: block;
font-weight: bold;
padding: 2px 2px 2px 5px;
text-decoration: none;
width: 198px;
}

#navigation ul li a:active{
color: #333;
display: block;
font-weight: bold;
padding: 2px 2px 2px 5px;
text-decoration: none;
width: 198px;
}

span.navigationInfo{
font-size: 0.85em;
font-weight: normal;
}

/* Log in */

p.login_fields{
/*background: #F0F0F0;
border: 2px solid #A40134;*/
height: 220px;
line-height: 2em;
margin: 0;
text-align: left;
/*width: 476px;*/
}

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

#submit{
background: #A40134;
color: #fff;
margin: 1em 0 0;
}

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

/* 8. Miscellaneous classes */

p.backToTop{
background: #A40134;
border: 1px solid #666;
margin: 0 0 1em;
padding: .1em 0;
text-align: center;
width: 7.5em;
}

p.backToTop a:link{
color: #fff;
display: block;
font-variant: small-caps;
text-decoration: none;
}

p.backToTop a:visited{
color: #fff;
display: block;
font-variant: small-caps;
text-decoration: none;
}

p.backToTop a:hover{
color: #ddd;
display: block;
font-variant: small-caps;
text-decoration: none;
}

.clear{
clear: both;
}

.center{
text-align: center;
}

.hidden{
display: none;
}

.noMargin{
margin: 0;
}

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