@charset "utf-8";
/* CSS Document */

/* @group global reset */
/* Don't forget to set a foreground and background color on the 'html' or 'body' element! For more information on the current state of Global Reset visit http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles */

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
}
a img, :link img, :visited img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}

/* @end global reset */

/* @group base html */

body {
  background: #000;
  color: #333;
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 72%;
  text-align: center;/*this is in place to center in older browsers*/
}
a {
 text-decoration: none;
}
a:link {/* unvisited link */
 color:#f00;
}     
a:visited {/* visited link */
 color:#f00;
}  
a:hover { /* mouse over link */
 color:#000;
 text-decoration: underline;
}  
a:active {/* selected link */
 color:#000;
}
h1 {
 color: #666;
 margin: 20px 0 10px;
 font: bold 4em Georgia,"Times New Roman", Times, Georgia, serif;
 letter-spacing: .05em;
 text-align:center;
}
h2 {
 color: #999;
 margin: 10px 0;
 font: bold 1.8em "Times New Roman", Times, Georgia, serif;
 letter-spacing: .05em;
}
h3 {
 color: #999;
 margin: 10px 0 30px;
 font: bold 1.8em Georgia,"Times New Roman", Times,  serif;
 letter-spacing: .05em;
 text-align:center;
 line-height:1.4em;
}
h4 {
 color: #999;
 margin: 10px 0;
 font: bold 1.6em "Times New Roman", Times, Georgia, serif;
 letter-spacing: .05em;
}
h5 {
 color: #999;
 margin: 10px 0;
 font: bold 1.2em "Times New Roman", Times, Georgia, serif;
 letter-spacing: .05em;
}
h6 {
 color: #999;
 margin: 1em 0;
 font: bold 11px "Times New Roman", Times, Georgia, serif;
 letter-spacing: .05em;
}
p {
 font-size: 1.4em;
 line-height: 1.6em;
 margin: 0 0 30px;
 font-weight: normal;
 text-align:justify;
}

/* @end base html */

/* wrappers */
#outsideBox{
	width: 850px;
	margin: 10px auto 0;
}

#header{
	width: 850px;
	background-image: url(images/backgrounds/header.jpg);
	background-repeat:no-repeat;
	height: 349px;
	margin: 0;
	position:relative;
}

#pageTitle{
	width: 515px;
	height: 90px;
	position: absolute;
	top: 230px;
	right: 55px;
}

#mainBody{
	width: 850px;
	background-image:url(images/backgrounds/background.gif);
	background-repeat:repeat-y;
	position:relative;
}

#textBox {
	padding: 5px 60px 10px 190px;
	position:relative;
	width:600px;
}

#footer{
	background-image:url(images/backgrounds/footer.jpg);
	background-repeat:no-repeat;
	height: 159px;
}

/* end wrappers */


/* menu items */

#menu1 {
	position:absolute;
	top: 140px;
	right: 15px;
	height:30px;
}

#menu2 {
	position:absolute;
	top: 175px;
	right: 15px;
	height:30px;
}

#menu1 li, #menu2 li {
    float:left;
    display:inline;
    height: 30px;
    margin: 0 7px 7px 0;	
}

#menuAbout a{
	background:url(images/buttons/about_button.gif) no-repeat top left;
	width: 100px;
	height:30px;
	position:relative;
	display:block;
}
	
#menuAbout a:hover{
	background:url(images/buttons/about_button.gif) no-repeat 0 -30px;
	
}

#menuAbout a:active{
	background:url(images/buttons/about_button.gif) no-repeat 0 -30px;
	
}

#menuContact a{
	background:url(images/buttons/contact_button.gif) no-repeat top left;
	width: 95px;
	height:30px;
	position:relative;
	display:block;
}
	
#menuContact a:hover{
	background:url(images/buttons/contact_button.gif) no-repeat 0 -30px;
	
}

#menuContact a:active{
	background:url(images/buttons/contact_button.gif) no-repeat 0 -30px;
	
}

#menuProjects a{
	background:url(images/buttons/projects_button.gif) no-repeat top left;
	width: 100px;
	height:30px;
	position:relative;
	display:block;
}
	
#menuProjects a:hover{
	background:url(images/buttons/projects_button.gif) no-repeat 0 -30px;
	
}

#menuProjects a:active{
	background:url(images/buttons/projects_button.gif) no-repeat 0 -30px;
}

#menuDonate a{
	background:url(images/buttons/donate_button.gif) no-repeat top left;
	width: 80px;
	height:30px;
	position:relative;
	display:block;
}
	
#menuDonate a:hover{
	background:url(images/buttons/donate_button.gif) no-repeat 0 -30px;
}

#menuDonate a:active{
	background:url(images/buttons/donate_button.gif) no-repeat 0 -30px;
}

#menuLinks a{
	background:url(images/buttons/links_button.gif) no-repeat top left;
	width: 110px;
	height:30px;
	position:relative;
	display:block;
}
	
#menuLinks a:hover{
	background:url(images/buttons/links_button.gif) no-repeat 0 -30px;
}

#menuLinks a:active{
	background:url(images/buttons/links_button.gif) no-repeat 0 -30px;
}

#menuHistory a{
	background:url(images/buttons/history_button.gif) no-repeat top left;
	width: 190px;
	height:30px;
	position:relative;
	display:block;
}
	
#menuHistory a:hover{
	background:url(images/buttons/history_button.gif) no-repeat 0 -30px;
}

#menuHistory a:active{
	background:url(images/buttons/history_button.gif) no-repeat 0 -30px;
}

#menuCoffee a{
	background:url(images/buttons/coffee_button.gif) no-repeat top left;
	width: 70px;
	height:30px;
	position:relative;
	display:block;
}
	
#menuCoffee a:hover{
	background:url(images/buttons/coffee_button.gif) no-repeat 0 -30px;
}

#menuCoffee a:active{
	background:url(images/buttons/coffee_button.gif) no-repeat 0 -30px;
}
/* end menu items */

/*menuProjects */

#projectMenu{
	width: 600px;
	padding: 10px 0 10px;
	border-width: 1px 0;
	border-color:#999;
	border-style:solid;
}

#projectMenu p{
	text-align:center;
	font-family: Impact, "Arial Black", Gadget, Arial, sans-serif;
	letter-spacing: 0.08em;
	font-size:1.8em;
	margin: 0;
}

#projectMenu p span.menuProjectsItem{
	padding: 0 10px 0 10px;
	
}

#projectMenu p span a.currentPage{
	color: #F55;
}

h3 #projectMenuTop{
	
}

/* end menuProjects */


.singlePicCentered{
	margin: 30px auto;
	text-align:center;
}

.centerText{
	text-align:center;
}