/* Reset code starts here - thanks to Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */

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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 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;}
:focus {outline: 0;}
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: "" "";}

/*Structure*/

html, body, #container 
{
margin: 0 auto;
height: 100%;
}

html{
overflow-y: scroll;
}
 
body{
background: #f1f1f1 url(/images/shadowOffWhite.gif) center top repeat-y;
font: 1em/1.2em Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
}

body > #container {
margin: 0 auto;
height: auto; 
min-height: 100%;
}
 
#container{
width: 960px;
background: #fff;
}
 
#header{
position: relative;
background: #fff url(/images/bannerAlt2.jpg);
background-repeat: no-repeat;
width: 960px;
height: 100px;
margin: 0 auto;
padding: 0 0 3em;
}
 
#content{
width: 940px;
margin: 0 auto;
background: #fff;
padding: 0 10px 2.5em;
font-size: 0.85em;
}
 
#mainContent{
display: inline;
float: left;
width: 569px;
padding: 0 10px 0 0;
border-right: 1px solid #ccc;
}
 
#sidebar{
display: inline;
float: right;
width: 350px;
padding: 0 0 0 10px;
}

#singleColumn{
margin: 0 auto;
width: 600px;
}

#footer{
width: 960px;
clear: both;
position: relative;
z-index: 10;
height: 2em;
padding: 1em 0 0;
margin: -3em auto 0;
text-align: center;
}

/*General CSS*/
 
em{
font-style: italic;
}
 
strong{
font-weight: bold;
}

p{
padding: 0 0 1em;
}
 
h1{
position: absolute;
top: 75px;
width: 940px;
text-align: right;
padding: 0 10px;
font: bold 1em helvetica, arial, sans-serif;
color: #000;
}

h2{
font: bold 1.3em arial, "gill sans", sans-serif;
padding: 1em 0 .5em;
color: #2E568F;
}
 
h3{
padding: 1em 0 .2em;
font: bold 1.2em "gill sans", arial, sans-serif;
color: #2E568F;
}
 
h4{ /*reserved for dateline on news items*/
color: #999;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: .5em;
}
 
h5{
color: #2E568F;
font: bold 1em "gill sans", arial, sans-serif;
padding: 0;
}
 
h6{
}
 
a:link{
text-decoration: none;
color: #0908FF;
}
 
a:visited{
color: purple;
text-decoration: none;
}
 
a:hover{
text-decoration: underline;
color: #ff0000;
}
 
a:active{
color: #ff0000;
}
 
ul{
list-style: outside disc;
margin: 0;
padding: 0 0 .5em 1em;
}

ul.indentedList{
margin: 0 0 0 30px;
}

/* navigation CSS */
 
#navigation{
font: .9em "gil sans", arial, sans-serif;
position: absolute;
top: 100px;
clear: both;
height: 1.5em;
width: 960px;
background: #2E568F;
border-top: .1em solid #ccc;
border-bottom: .1em solid #ccc;
padding: .4em 0;
}
 
#navigation ul{
margin: 0;
padding: 0 0 0 5px;
}
 
#navigation ul li{
display: inline;
float: left;
display: block;
line-height: 1.6em;
border-right: 2px solid #FBEBBA;
}

#navigation ul li a{
font-weight: bold;
text-decoration: none;
color: #ddd;
padding: 0 5px;
display: block;
}

#navigation ul li a:visited{
}

#navigation ul li a:hover{
color: #FBEBBA;
border: 0;
}

#navigation ul li a:active{
color: #fff;
}

#navigation ul li.navLast{
border: 0;
}

#home .home, #about .about, #journal .journal, #membership .membership, #contact .contact, #reflections .reflections{ /*This code controls the breadcrumb trail*/
color: #FBEBBA;
}

/*Contact form*/

form em, em.form{
font-weight: normal;
font-style: normal;
color: #ff0000;
}

fieldset { 
position: relative;
margin: 1.5em 0 0 0;  
padding: 0;
background: #f2efe9 url(/images/formGradient.png) left top repeat-x;
border: 1px solid #ccc;
}

legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}

fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}

fieldset li {  
padding-bottom: 1em;
}

fieldset.submit {  
float: none;  
width: auto;  
border-style: none;  
padding-left: 9em;  
background-color: transparent;
background-image: none;
}

#message
{
overflow: auto;
}

label {
float: left;  
width: 7em;  
margin-right: 1em; 
display: inline;
}

.errorMessage{
color: #ff0000;
display: inline;
}

span.yellow{
color: #30497F;
}
/*label{ for labels above fields 
display: block;
}*/

.formWarning{
background: #f7f7e9;
border: 1px solid #ff0000;
color: #ff0000;
padding: 5px;
text-align: center;
}

/*Classes*/

.joinUs{
background: #f6f6f6 url(/images/joinUs_bg_2.jpg) top center no-repeat;
margin: 10px 0 0 0;
width: 338px;
padding: .5em 5px;
font-weight: bold;
color: #2E568F;
border: 1px solid #f1f1f1;
}

.joinUs > h3{
text-align:center;
padding: 0 0 10px;
}

.ad{
margin: 10px 0 0 0;
width: 338px;
}

p.center{
text-align: center;
}

p.noPadding{
padding: 0;
}

img.logo{
display: inline;
float: right;
padding: 10px 10px 0 0;
}

img.left{
display: inline;
position: relative;
float: left;
margin: 5px 10px 10px 0;
}

img.frame{
background: #f7f7e9;
border: 1px solid #666;
padding: 3px;
}

.clear{
clear: both;
}

.clearfix:after{
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.journalAdvert, .pullQuote{
border: 1px solid #f1f1f1;
padding: .5em;
background: #ffef94;
}

.journalAdvert > h3, .pullQuote > h3{
padding: 0 0 .5em;
margin: 0;
}



.footerText{
font-size: 0.75em;
padding: 0;
}

.noStyle{ /*used to hide links which are for static layout only*/
display: none;
}