body {
    margin: 0;
    padding: 0;
    background-color: #fdfdfa;
    color: #666;
    font: 75%/1.2 sans-serif;
}

h1, body.home #sidebar h2 {
    margin: 0 0 0.5em 0;
    font-weight: normal;
    font-size: 175%;
    color: #004a99;
}

body.home #sidebar h2 {
    margin: 0 0 0.1em 0;
}

h3 {
    margin: 0 0 0.5em 0;
	padding-left: 6em;
    font-weight: normal;
    font-size: 175%;
    color:#F60;
	font-family:baskerville,'palatino linotype';
}

h4 {
	margin: 0 0 0.5em 0;
    font-weight: normal;
    font-size: 100%;
    color:#F60;
}

p, ul, ol, dl, table, form {
    margin: 0 0 1em 0;
}

a {
    color: #e95d0f;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

strong, acronym, em, input.submit {
    border: none;
    background: none;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

strong, acronym {
    color: #004a99;
}

em {
   font-weight: normal;
   font-style: italic;
}

img {
    border: none;
}

input.submit {
    color: #e95d0f;
    cursor: pointer;
}

label, input.submit {
    text-transform: lowercase;
}

body.donations form {
    padding-left: 182px;
}

input.text {
    width: 20em;
}

input#amount {
    width: 10em;
}

td {
    padding-bottom: 0.4em;
}

/* =PAGE */

#page {
    margin: 0 auto;
    background: url(images/page.png) repeat-y;
    width: 1021px;
}

/* =HEADER */

#header {
    position: relative;
    background: url(images/indexbanner.jpg) no-repeat;
    width: 1021px;
    height: 282px;
}

body.mick #header {
    background-image: url(images/bannermick.jpg);
}

body.recipients #header {
    background-image: url(images/recipsbanner.jpg);
}

body.news-and-events-gallery #header {
    background-image: url(images/eventsbanner2.jpg);
}

body.patrons #header {
    background-image: url(images/patronsbanner2.jpg);
}

body.about-us #header {
    background-image: url(images/banneraboutus.jpg);
}

#header strong {
    display: none;
}

#header a {
    display: block;
    position: absolute;
    top: 245px;
    left: 10px;
    text-indent: -1000em;
    text-decoration: none;
    width: 148px;
    height: 33px;
}

/* =NAV */

#nav {
    position: relative;
    margin-bottom: 51px;
    height: 20px;
}

#nav ul {
    position: absolute;
    top: 0;
    right: 7px;
    margin: 0;
    padding: 0;
    height: 20px;
}

#nav li {
    display: inline;
    list-style: none;
}

#nav li.hide {
    display: none;
}

#nav a {
    display: block;
    float: left;
    background: url(images/nav.png) no-repeat;
    text-indent: -1000em;
    text-decoration: none;
    width: 76px;
    height: 20px;
}

/* home */

#nav li.home a {
    background-position: 0 0;
    width: 76px;
}

#nav li.home a:hover {
    background-position: 0 -20px;
}

#nav li.home a:visited {
    background-position: 0 -40px;
}

/* about mick */

#nav li.about-mick a {
    background-position: -76px 0;
    width: 86px;
}

#nav li.about-mick a:hover {
    background-position: -76px -20px;
}

#nav li.about-mick a:visited {
    background-position: -76px -40px;
}

/* about us */

#nav li.about-us a {
    background-position: -162px 0;
    width: 76px;
}

#nav li.about-us a:hover {
    background-position: -162px -20px;
}

#nav li.about-us a:visited {
    background-position: -162px -40px;
}

/* recipients */

#nav li.recipients a {
    background-position: -238px 0;
    width: 75px;
}

#nav li.recipients a:hover {
    background-position: -238px -20px;
}

#nav li.recipients a:visited {
    background-position: -238px -40px;
}

/* scholarship process */

#nav li.process a {
    background-position: -314px 0;
    width: 133px;
}

#nav li.process a:hover {
    background-position: -314px -20px;
}

#nav li.process a:visited {
    background-position: -314px -40px;
}

/* patrons & ambassadors */

#nav li.patrons a {
    background-position: -446px 0;
    width: 161px;
}

#nav li.patrons a:hover {
    background-position: -446px -20px;
}

#nav li.patrons a:visited {
    background-position: -446px -40px;
}

/* news & events */

#nav li.news a {
    background-position: -606px 0;
    width: 103px;
}

#nav li.news a:hover {
    background-position: -606px -20px;
}

#nav li.news a:visited {
    background-position: -606px -40px;
}

/* contact us */

#nav li.contact a {
    background-position: -710px 0;
    width: 100px;
}

#nav li.contact a:hover {
    background-position: -710px -20px;
}

#nav li.contact a:visited {
    background-position: -710px -40px;
}
/* =SIDEBAR */

#sidebar {
    float: left;
    margin: 0 6px 3px 0;
    padding: 0 5px;
    width: 152px;
}

body.home #sidebar {
    padding-bottom: 125px;
    background: url(images/logo.png) 5px 100% no-repeat;
}

#sidebar h2,
#content h2 {
    margin: 0 0 1em 0;
    font-weight: normal;
    font-size: 100%;
    color: #004a99;
}

#sidebar h2,
#sidebar ul {
    text-align: center;
}

#sidebar ul {
    padding-left: 0;
}

#sidebar li {
    list-style-type: none;
}

#sidebar li.prime-minister {
    margin-bottom: 1em;
}

#sidebar blockquote {
    margin-left: 0;
    font-size: 80%;
    width: 100%;
}

#sidebar a.button {
    display: block;
    margin: 2em auto;
    text-indent: -1000em;
    width: 135px;
    height: 35px;
}

#sidebar a.institutions {
    background: url(images/a-institutions.png) no-repeat;
}

#sidebar a.back{
    background: url(images/a-back.png) no-repeat;
}

#sidebar a.finances{
    background: url(images/financial-history.gif) no-repeat;
}


/* =CONTENT */

#content {
    float: left;
    margin: 0 0 3px 0;
    width: 848px;
}


/* = I have taken out from here: body.home #content {padding-bottom: 260px; background url(images/home-content.jpg) 0 100% no-repeat; */


body.donations #content {
    background: url(images/logo.png) 100% 2.7em no-repeat;
	height: 300px;
	}

/* =have made a defined height here, take out when form goes back in - the logo was too big for the abbreviated page without height definition */

#content .content {
    padding-left: 84px;
    width: 640px;
}

#content .recipient {
    margin-top: 3em;
    margin-bottom: 6em;
    padding-left: 84px;
    width: 640px;
}

#content .recipient .top,
#content .gallery .top {
    float: left;
    width: 79px;
}

#content .recipient .testimonial {
    float: left;
    padding: 0 13px 0 18px;
    width: 426px;
	font-size: 95%;
}

#content .recipient .patrons {
    float: left;
    padding: 0 13px 0 18px;
    width: 600px;
	font-size: 95%;
}

#content .recipient .testimonial em {
    color: #666;
    font-weight: normal;
    font-family: serif;
    font-style: italic;
	font-size: 98%;
}

#content .recipient .testimonial strong {
    color: #004a99;
    font-weight: bold;
    font-style:normal;
	font-size: 98%;
}


#content .recipient .image {
    float: left;
    width: 104px;
}

#content .gallery .images {
    float: left;
    padding: 0 0 0 18px;
    width: 543px;
}

#content .gallery .images .image {
    float: left;
    margin: 0 20px 20px 0;
    width: 103px;
}

#content .gallery .images .image p {
    margin: 0 0 0.2em 0;
    font-size: 80%;
}

#content .gallery .images .image .credit {
    font-style: italic;
}

body.donations #content .content {
    width: 600px;
}

/* =FOOTER */

#footer {
    margin: 0 auto 3px auto;
    background: url(images/footer.png) repeat-x;
    width: 1021px;
    height: 2px;
}

#footer p {
    display: none;
}

/* =UTILITY CLASSES */

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

.container {display: inline-block;}

/* Hide from IE Mac \*/
.container {display: block;}
/* End hide from IE Mac */