/* styles that affect the whole page */

body {
	background: #990000 url(images/design/bkg_flag.jpg) repeat-y center fixed;
  	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

* {
	margin:0;
	padding:0;
}

a img {border: 0px;}

/* the wrapper is the container which holds all the other containers */

.wrapper {
	background: top #FFFFFF;
	border: thin solid #FFFFFF;
	margin: 0 auto; 
	width: 750px;
	text-align: left;
}

* html .wrapper {
	width: 755px;
	margin-left: 10px;
}


/* this style affects the TOM MURT banner at the top*/

#header {background: #003366;}


/* these styles affect the menu navigation links */

.menu {
	background: no-repeat top #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #BB0000;
	text-align: right;
	padding-right: 11px;
	padding-top: 6px;
	padding-bottom: 3px;
}

* html .menu {padding-right: 12px;}

.menu a {
	text-decoration: none;
	color: #FFFFFF;
}

.menu a:visited {color: #999999;}
.menu a:hover {color: #FFCC33;}

.menu li {
	display: inline;
	margin-right: 11px;
	text-decoration: none;
}

/* end of menu styles */



/* These styles are for the main body content of the page */

.content {
	padding: 20px;
	font-size: 10pt;
}

.content img {
	margin-right: 20px;
	margin-bottom: 10px;
}

.content h1 {
	font-weight: bold;
	font-size: 14pt;
	color: #990000;
	padding: 6px;
}

.content h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 6px;
}

.content p {padding: 6px;}

.content ul {
	margin-left: 3em;
	line-height: 14pt;
	padding: 6px;
}


/* td stands for "table data" and refers to table cells, such as the Voting Places chart */

.content td {
	  font-family: Geneva, Arial, Helvetica, sans-serif;
	  font-size: 10pt;
	  padding:6px;
}


/* these styles control the footer box and copyright notice at the bottom of the page */

.footer {
	clear: both;
	background: #003366 url(images/design/footer.jpg);
	border-top: solid medium #FF9933;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	padding: 5px;
}

.footer p {padding: 6px;}

.current_page {color: #BB0000;}

.footer a {
	text-decoration: none;
	color: #FFFFFF;
}

.footer a:visited {color: #999999;}

.footer a:hover {color: #FFCC33;}


/* this style is unique to the shoutbox on the home page */

.shoutbox {
	border: medium solid #003366;
	float: right;
	width: 400px;
	margin-right: 30px;
}


/* this style is unique to the facebook link */

.fb {
	text-align: center;
	padding-top: 30px;
	clear: both;
}

/* this style is unique to the form on the volunteer page */

.form {
	 border: thin solid #990000;
	 margin: auto;
}



/* these styles are for the donate box */

.donate {
	background: url(images/donate.jpg) no-repeat;
	width: 200px;
	height: 150px;
	padding-top: 20px;
	color:#FFFFFF;
	font-size:7pt;
	text-align: center;
	float: left;
	margin: 0 20px;
}

.donate img {margin: 0px;}

.donate p {
	width:80%
	padding-left: 10px;
}

.donate a {
	text-decoration: none;
	color: #FFFFFF;
}

.donate a:visited {color: #999999;}
.donate a:hover {color: #FFCC33;}


/* these styles are unique to the articles on the news page */

.news {border: thin solid #990000;}

.headline a {
	color: #003366;
	font-size: 12px;
	padding: 6px;
	margin: 20px 0;
}

.headline a:hover {color: #990000;}


/* these styles are unique to the gallery page */

.gallery {text-align: center;}

.gallery img{border: 1px solid #990000;}

.caption {margin: 20px;}