/* Alan Murray 05.05 */

@import url(fonts.css);  /* Contribute 3 specific fonts should be kept here */
@import url(nav.css); /* side navigation */

body {
    margin:0; 
    padding:0;
    font-weight:normal; font-family:verdana, tahoma, sans-serif;
    background-image:url(../img/body/bg_grass.jpg);
	scrollbar-face-color:#EAE1D8;
    scrollbar-track-color:#EAE3DB;
}

/* for screen readers */
ul#skip {
    height:0; width:0;
    left:-19000px;
    overflow:hidden;
    position:absolute;
}

#bg_book {background:url(../img/body/bg.jpg) no-repeat;}

a {}
a:link {color:#000; text-decoration:underline;}
a:visited {color:#000;}
a:hover {}
a:active {}

p, h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}
h1, h4, h5, h6 {font-size:65%;}

p {padding:0 0 10px 0;}
h2 {margin:5px 0 10px 0; font-size:75%;}
h1 img.news {margin-bottom:0; padding:0;}
h3 {margin:5px 0 8px 0; font-size:70%;}
h4 {padding:5px 0 0 0;}

.inside p {font-size:65%;}
.inside p em {font-size:110%;} /* 110% of the 65% for .inside p ^^ */
.inside {
	margin:0 15px 20px 15px;
	overflow:auto;
	position:relative;
	z-index:1;
}

.new_window {} /* used in .js for blank windows - just testing a Contribute experiment */

img {border:0;}
#mccf_logo {display:inline; margin-left:11px; padding-bottom:10px;}
.title {margin-top:15px;}

#container {width:727px; margin:0 0 0 25px; padding-top:60px;}
#content_left, #content_right {width:300px; height:425px; display:table; /* moz redraw fix (flickers) */ }
#content_left {float:left;}
#content_right {float:right; padding-top:15px;}
#content_right .logos {text-align:center; margin:70px 0 0 0;}

/* background's for MM Contribute compatibility */
#content_left .inside {height:354px; background:url(../img/body/bg_noscript_left.jpg) repeat-y;}
#content_right .inside {height:400px; background:url(../img/body/bg_noscript_right.jpg) repeat-y;}
#content_left .inside {
  padding-right:15px;  /* Mac IE */
  /* for everything else... \*/
  padding-right:0;
  /* end */
}

#btn_back {
    position:absolute; top:377px; left:610px; 
    height:146px; width:143px;
    background:url(../img/body/bg_btn_back.jpg) no-repeat;
    background-position:bottom; z-index:0;
}

#btn_back a {
    height:65px; width:65px;
	display:block;
	text-decoration:none;
    position:absolute; bottom:0px; right:0px;}

/* Only Contribute should see this stuff... */
#btn_back a em {font-style:normal; font-size:70%; visibility:hidden;}

h1 img {margin-bottom:12px;}
h1.header_top {margin-left:15px;}

#main_headline {margin:0 0 20px 0;}
#main_headline img {float:right; display:inline;}

dt, li {_position:relative;} /* stop background's flickering in ie */

/* Definition list -/index.html + /news_events/index.html */
dl.news_titles {margin:20px 0 20px 0; padding:0 0 0 5px;}
.news_titles dt, .news_titles dd {font-size:65%; padding:0 0 0 10px;}
.news_titles dd {margin:0 0 1em 0;}
.news_titles dt {
    margin:0;
    font-weight:bold;
	/* Can't shorten this code, Contribute 3.1 doesn't like it :( */
    background-image:url("../img/body/news_headline_dash.gif");
	background-repeat:no-repeat;
	background-position:0 50%;
	position:relative;
}

/* Unordered lists */
.inside ul {list-style:none; margin:0 0 0.9em 0; padding:0;}
.inside ul li {
    background-image:url(../img/body/news_headline_dash.gif);
    background-repeat:no-repeat;
    background-position:0 8px;
    padding-left:0.9em;
    margin:0.5em 0 0 0.8em;
	font-size:65%;
	line-height:15px;
}

/* /key_supporters/index.html */
.inside .sponsers ul {list-style:none;}
.inside .sponsers ul li {
    background:none;
    font-size:70%;
    line-height:1.25em;
	margin:0 0 0 8px; _margin:0; 
	/* ^^ x-axis scrollbar appears in Firefox 
	if margin is set to 0? - needs fixed sometime */
    padding:0;
}

/* /what_we_do/index.html */
.inside ul.what {list-style:none; margin:0 0 25px 0;}
.inside ul.what li {font-size:70%;}


/* Ordered lists - inside */
.inside ol {margin:8px 0 0 25px; padding:0;}
.inside ol li {
    margin:0.8em 0 1em 0;
	font-size:65%;
	line-height:1.2em;
}

/* footer */
.footer {
    clear:both;
    width:702px;
	margin:0 0 0 73px;
    padding:40px 0 20px 0;
}
.footer p, .footer a {color:#fff; font-weight:bold;}
.footer p {font-size:58%;}
.footer a, .footer a:link, .footer a:visited {text-decoration:none; color:#fff;}

#footer_address {float:left;}
#footer_realise p {float:right;}
#footer_realise img {float:right; display:inline; padding-left:7px;}

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

.clear {display:inline-table;}

/* Hide from IE-mac \*/
* html .clear {height:1%;}
.clear {display:block;}