@charset "UTF-8";

/* reset------------------- */

object, embed{
	outline: none;
}

html, body, img {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 13px;
}

div, footer, nav, h1, h2, h3, h4, h5, h6, p, a, em, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h4, h5, h6, p, li, a, em, {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
}

ul {list-style: none;}


/* containers------- */

body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background:#FFFAF0;
	margin: 0;
	padding: 0;
	color:#FFFAF0;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1 {font-size:2em;}
h2 {font-size:1.5em;}
h3 {font-size:1.15em;}
h4 {font-size:1em;}
h5 {font-size:0.85em;}
h6 {font-size:0.65em;}

h1, h2, h3, h4, h5, h6 {
	font: "Arial Black", "Arial Bold", Gadget, sans-serif;
	margin-top: 0;
	padding-bottom:1em;
	padding-right:5px; 
	color:#900;
}

ul	{
	list-style-position:inside;
	list-style-image:url(../images/bullet.png);
}
li	{
		color:#666;
}
p {
	font:Verdana, Geneva, sans-serif;
	margin-top: 0;
	padding-bottom:1em;
	padding-right:5px;
	color:#333;
}
img.shadow	{
    -webkit-box-shadow: -3px 3px 3px #7C7C7C;
    box-shadow: -3px 3px 3px #7C7C7C;
}
a img {
	border: none;
}
a:link {
	color:#900;	
}
a:link.underline {
	color:##900
	text-decoration: underline;
}
a:link.nounderline {
	text-decoration:none;
}
a:visited {
	color:#606;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.container {
	width: 80%;
	max-width: 1260px;
	min-width: 780px;
	background: #FFFAF0;
	margin: 0 auto;
}
#top	{
	background:#FFFAF0;
	height:1em;
}

#headerimg	{
	width:100%;
	height:auto;
}

#headerunder	{
	height:1em;
}

.sidebar1 {
	float: left;
	width: 15%;
	background: #FFFAF0;
}

#buttons	{
}
#buttons ul	{
	margin-top:1em;
	width:95%;
	list-style:none;
}
#buttons ul li	{
	margin-bottom:.25em;
	height:5em;
	background-repeat:no-repeat;
	background-size:contain;
}

#home	{
	background-image:url('../images/home.png');
}

#adcard	{
	background-image:url('../images/adcardlink.png');
}

#grants	{
	background-image:url('../images/grantslinks.png');
}
#supportus	{
	background-image:url('../images/supportus.png');	
}
#home:hover{
	background-image:url('../images/home.png');
}
#home2	{
	background-image:url('../images/home.png');
}
#home2:hover{
	background-image:url('../images/home.png');
}
#about	{
	background-image:url('../images/about.png');
}
#about:hover{
	background-image:url('../images/about.png');
}
#about2	{
	background-image:url('../images/about.png');
}
#about2:hover{
	background-image:url('../images/about.png');
}
#news	{
	background-image:url('../images/news.png');
}
#news:hover{
	background-image:url('../images/news.png');
}
#news2	{
	background-image:url('../images/news.png');
}
#news2:hover{
	background-image:url('../images/news.png');
}
#events	{
	background-image:url('../images/events.png');
}
#events:hover{
	background-image:url('../images/events.png');
}
#events2	{
	background-image:url('../images/events.png');
}
#events2:hover{
	background-image:url('../images/events.png');
}
#sophies	{
	background-image:url('../images/sophies.png');
}
#sophies:hover{
	background-image:url('../images/sophies.png');
}
#sophies2	{
	background-image:url('../images/sophies.png');
}
#sophies2:hover{
	background-image:url('../images/sophies.png');
}
#wedding	{
	background-image:url('../images/wedding.png');
}
#wedding:hover{
	background-image:url('../images/wedding.png');
}
#wedding2	{
	background-image:url('../images/wedding.png');
}
#wedding2:hover{
	background-image:url('../images/wedding.png');
}
#soon	{
	background-image:url('../images/soon.png');
}
#soon:hover{
	background-image:url('../images/soon.png');
}
#soon2	{
	background-image:url('../images/soon.png');
}
#soon2:hover{
	background-image:url('../images/soon.png');
}
#past	{
	background-image:url('../images/past.png');
}
#past:hover{
	background-image:url('../images/past.png');
}
#past2	{
	background-image:url('../images/past2.png');
}
#past2:hover{
	background-image:url('../images/past.png');
}
#goals	{
	background-image:url('../images/goals.png');
}
#goals:hover{
	background-image:url('../images/goals.png');
}
#goals2	{
	background-image:url('../images/goals.png');
}
#goals:hover{
	background-image:url('../images/goals.png');
}
#contact	{
	background-image:url('../images/contact.png');
}
#contact:hover{
	background-image:url('../images/contact.png');
}
#contact2	{
	background-image:url('../images/contact.png');
}
#contact:hover{
	background-image:url('../images/contact.png');
}


.content {
	width: 60%;
	float: left;
}
.content img	{
	width:90%;
	display:block;
	margin:10px auto;
	max-width: 750px;
}
#committee	{
	max-width:486px;
	margin:0 auto;
}
#committeetxt	{
	max-width:280px;
}
img.contact	{
	max-width:130px;
	margin-left:0;	
}
img.back	{
	max-width:88px;
	margin-left:10%;
}
img.heading	{
	max-width:230px;
	margin-left:10%;
}
img.heading2	{
	max-width:230px;
	margin-left:10%;
	padding:2em auto 1em auto;
}
img.bubble {
	float:left;
	width:150px;
	margin:5px;
}
img.bubble2 {
	float:left;
	width:225px;
	margin:5px;
}

#paper	{
	background-image:url(../images/newspaper.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.notes	{
	display:block;
	margin:3em auto .5em auto;
	min-height:500px;
	padding:3em 3em 3em 5em;
	width: 65%;
	line-height:1.5;
	background-color:#FFF;
	-webkit-box-shadow: -3px 3px 3px #7C7C7C;
	box-shadow: -3px 3px 3px #7C7C7C;
}
#hamnews	{
	max-width:198px;
}
.notes h2	{
	padding-top:1em;
}
p.descrip	{
	font-size:small;
	text-align:center;
	padding:0 2em 1em 2em;
}
#list	{
	float:left;
	width:316px;
	-webkit-box-shadow: -3px 3px 3px #7C7C7C;
	box-shadow: -3px 3px 3px #7C7C7C;
}
.total	{
	font-size:medium;
	color:#900;
	background-color:#FFF;
	border:solid;
	border-color:#900;
	border-radius:10px;
	text-align:center;
	padding:.5em 1em;
	margin:.5em 1em;
	-webkit-box-shadow: -3px 3px 3px #7C7C7C;
	box-shadow: -3px 3px 3px #7C7C7C;
}

.sidebar2 {
	float: left;
	width: 25%;
	background: #FFFAF0;
	margin-top:10px;
}
.sidebar2 img	{
	width:90%;
	display:block;
	margin:10px auto;
}
img.arrow	{
	max-width:88px;
	margin-left:0;
}
img.arrow2next	{
	max-width:102px;
	float:left;
}
.mt3	{
	width:60%;
	margin:10px auto 0 auto;
}
.mt80	{
	width:80%;
	margin:10px auto 0 auto;
}
.mt3c	{
	width:80%;
	margin:10px auto 0 auto;
	text-align:center;
	line-height:2;
}
.topmargin4	{
	margin:4em 0 0 0;
}
.topmargin8	{
	margin:8em 0 0 0;
}
.topmargin10	{
	margin:10em 0 0 0;
}
.topmargin14	{
	margin:14em 0 0 0;
}
.sticker	{
	width:80%;
	margin:1em auto;
	background-color:#FF0;
	padding:1em;
	-webkit-box-shadow: -3px 3px 3px #7C7C7C;
	box-shadow: -3px 3px 3px #7C7C7C;
}
img.links	{
	max-width:80px;
	margin-left:0;
}
li.spaced	{
	padding-bottom:1em;
	padding-right:1em;
}

.footer {
	width:100%;
	padding: 10px 0;
	color:#666;
	font-size:smaller;
	background: #FFFAF0;
	position: relative;
	clear: both;
}

.center	{
	text-align:center;
}
.fltrt {
	float: right;
}
.fllft {
	float:left;
}
.clear	{
	clear:both;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.red	{
	font:"Arial Black", "Arial Bold", Gadget, sans-serif;
	color:#900;
	font-weight:bolder;
}
.black	{
	font:"Arial Black", "Arial Bold", Gadget, sans-serif;
	color:#000;
	font-weight:bolder;
}
#orange	{
	color:#F60;
}
#green	{
	color:#6C0;
}
.redhead	{
	color:#FFF;
	background-color:#900;
	padding-left:.5em;
	margin-top:1em;
	padding-bottom:.1em;
	margin-bottom:.25em;
	border:solid;
	border-color:#900;
	border-radius:5px;
	-webkit-box-shadow: -1px 1px 1px #7C7C7C;
	box-shadow: -1px 1px 1px #7C7C7C;
}
#countdown p {
	display:inline-block;
	padding: 5px;
	background: #990000;
	margin: 0 0 20px;
	color: #FFF;
}.messagebox {
	background-color: #FFF;
	padding: 1em;
	margin: 1em;
	border: thin solid #900;
}
.messagebox .signature {
	font-weight: bold;
	color: #900;
	text-align: right;
	font-style: oblique;
}
.messagebox .date {
	font-size: x-small;
	color: #666;
}
.container .content .mt3c .centreimg {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.redcentre {
	color: #900;
	text-align: center;
}