/* -------------------------------------------------------------------------------------

Contents:

1. Reset code
2. General CSS - fonts/headings/paragraphs etc.
3. Anchors
4.  Lists
5. 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 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: "" "";}

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

body {
background: #fff;
font-size: 62.5%;
line-height: 1.8em;
color: #000;
}

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


h1 {
color: #a7090e;
font-size: 1.8em;
margin:  0 0 1em 0;
}

h2 {
font-size: 1.6em;
margin: 0 0 1.125em;
}

h3 {
font-size: 1.4em;
margin: 0 0 1.285em;
}

h4 {
font-size: 1.3em;
margin: 0 0 1.384em;
}

p{
font-size: 1.2em;
margin: 0 0 1.5em;
}

p.standFirst{
color: #000;
font-family: helvetica, arial, sans-serif;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 1.285714285em;
}

p.strapLine{
font-weight: bold;
font-size: 1.6em;
margin: 0 0 1.125em;
}

blockquote p{
color: #248EA9;
font-family: georgia;
font-size: 1.8em;
font-weight: bold;
margin:  0 0 1em 2em;
}

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

a:link{
color: blue;
text-decoration: none;
}

a:visited {
color: purple;
text-decoration: none;
}

a:hover {
color: red;
text-decoration: underline;
}

a:active {
color: red;
text-decoration: none;
}

/* 4. Lists */

/* 5. Structure */

html{
overflow-y: scroll;
}

html, body, #container {
height: 100%;
margin: 0 auto;
position: relative;
}
  
body > #container{
height: auto; 
min-height: 100%;
}
 
#container{
background: #f1f1f1 url(../images/background.gif) top center repeat-y;
font-family: helvetica, arial, sans-serif;
}

#content{
background: #fff;
margin: 0 auto;
overflow: hidden;
padding: 3.6em 0 55px; /* Bottom padding needs to be the same as the negative margin of the footer */
width: 960px;
}

#mainContent{
float: left;
padding: 0 10px;
width: 600px;
}

#contactUs{
background: #fff;
float: right;
padding: 0 10px;
width: 220px;
}

.fiveJournals{
background: #fff;
border-bottom: 1px solid #ccc;
float: left;
margin: 0;
padding: 15px 0;
}

.journalInfo{
float: left;
margin: 0 20px 0 0;
width: 100px;
}

.noRightMargin{
margin: 0;
}

.journalTitleLink {
height: 7.2em;
margin: 0;
}

.button{
height: 25px;
margin: 0;
padding: 0;
width: 100px;
}

.fiveJournals a{
display: block;
}

.border{
border: 1px solid #ccc;
}

#header{
background: #fff;
height: 80px;
margin: 0 auto;
padding: 10px 0;
width: 960px;
}

.headerRight{
float: right;
margin-left: 50px;
}

#footer{
background: #fff;
border-top: 1px solid #ccc;
clear: both;
font-family: helvetica, arial, sans-serif;
height: 39px;
margin: -55px 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 content div. */
overflow: hidden;
padding: 15px 0 0;
position: relative;
text-align: center;
width: 940px;
z-index: 10;
}

#footer a{
display: inline;
}

/* 6. Navigation CSS - anchor information is above */

/* 7. Miscellaneous classes */


.clear{
clear: both;
}

.left{
float: left;
margin-right: .5em;
}
 
.right{
float: right;
margin-left: .5em;
}

.frame{
background: #eee;
border: 2px solid #ccc;
padding: 3px;
}

.blue{
color: #248EA9;
}

.noBorder{
border: 0;
padding: 20px 0 15px;
}

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