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

* {
	margin: 0;
	padding: 0;
	}

body {
	background: #3a73b8;
	font: 'Verdana', 'Arial', 'Helvetica', sans-serif;
	color: #787878;
	line-height: 1.3em;
	}


a:link, a:visited, a:hover, a:active {
	outline: 0;
	font: inherit;
	font-weight: bold;
	color: inherit;
	text-decoration: none;
	}

img {
	border: 0px;
	}

h1 {
	}
	
body.homepage h1 {
	display: block;
	width: 577px;
	height: 48px;
	background: transparent url(../graphics/mission.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 25px 0px;
	}

h2 {
	width: 100%;
	text-align: center;
	color: #7eafeb;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	}

h3 {
	text-transform: uppercase;
	color: #868686;
	font-size: 1em;
	}

h4 {
	font-weight: bold;
	color: #7eafeb;
	font-size: .9em;
	}

h4 a {
	color: #7eafeb;
	}

h5 {
	font-weight: bold;
	color: #868686;
	font-size: .8em;
	}

h5 a {
	font-weight: bold;
	color: #868686;
	text-decoration: none;
	}

h6 {
}

p {
	width: auto;
	margin: 0px 0px 15px 0px;
	font-size: .9em;
	}
	
p a:link, p a:visited, p a:hover, p a:active {
	font: inherit;
	font-size: .9em;
	color: #7eafeb;
	font-weight: bold;
	}


/* --------------------------------------

			the skeleton 
			
   -------------------------------------- */
#top {
	width: 100%;
	height: auto;
	background: #e7e7e7 url(../graphics/bg_body.gif) repeat-x;
	}

#container {
	margin: 0px auto;
	width: 820px;
	height: auto;
	background: #f5f5f5 url(../graphics/bg_container.gif) center bottom no-repeat;
	}
	
	
#header {
	width: 820px;
	height:106px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #f5f5f5 url(../graphics/bg_header.jpg) no-repeat;
	clear: both;
	}

body.homepage #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_index.jpg) no-repeat;
	padding: 145px 0px 0px 0px;
	}
	
body.homepage #paintingINFO {
	width: 577px;
	height: 40px;
	}
	
body.homepage #paintingINFO a {
	display: block;
	float: right;
	width: 135px;
	height: 40px;
	text-indent: -9999px;
	}
	
body.homepage #paintingINFOclear {
	width: 577px;
	height: 15px;
	clear: both;
	}
	
body.about #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_about.gif) no-repeat;
	padding: 110px 0px 0px 0px;
	}
	
body.services #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_services.gif) no-repeat;
	padding: 188px 0px 0px 0px;
	}

body.events #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_events.jpg) no-repeat;
	padding: 245px 0px 0px 0px;
	}
	
body.publications #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_publications.jpg) no-repeat;
	padding: 235px 0px 0px 0px;
	}

body.photographs #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_photographs.jpg) no-repeat;
	padding: 177px 0px 0px 0px;
	}
	
body.volunteer #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_volunteer.jpg) no-repeat;
	padding: 230px 0px 0px 0px;
	}
	
body.contact #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_contact.jpg) no-repeat;
	padding: 195px 0px 0px 0px;
	}

body.news #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_news.gif) no-repeat;
	padding: 15px 0px 0px 0px;
	}

body.galleries #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_news.gif) no-repeat;
	padding: 15px 0px 0px 0px;
	}

body.donate #content {
	width: 577px;
	height: auto;
	float: left;
	background:transparent url(../graphics/painting_donate.jpg) no-repeat;
	padding: 195px 0px 0px 0px;
	}



#information {
	margin: 0px 0px 0px 12px;
	padding: 0px 20px 10px 20px;
	width: 520px;
	height: auto;
	background: #ffffff;
	}
	
#roundedcorners {
	width: 560px;
	margin: 0px 0px 0px 12px;
	height: 39px;
	background: url(../graphics/bg_information.gif);
	}

#title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/whatsbeen.gif) no-repeat;
	}
	
body.about #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/aboutbeam.gif) no-repeat;
	}

body.services #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/services.gif) no-repeat;
	}
	
body.publications #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/publications.gif) no-repeat;
	}
	
body.events #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/events.gif) no-repeat;
	}

body.photographs #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/photographs.gif) no-repeat;
	}
	
body.volunteer #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/volunteer.gif) no-repeat;
	}

body.contact #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/contact.gif) no-repeat;
	}

body.news #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/news.gif) no-repeat;
	}
	
body.galleries #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/galleries.gif) no-repeat;
	}

body.donate #title {
	width: 560px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 10px 0px;
	height: 35px;
	background:#fff url(../graphics/title/donate.gif) no-repeat;
	}

#right {
	width: 243px;
	height: auto;
	background:#f5f5f5 url(../graphics/bg_rightcolumn.jpg) no-repeat;
	float: right;
	padding: 0px 0px 0px 0px;
	}
	
#donate {
	width: 204px;
	height: 79px;
	margin: 0px 0px 0px 23px;
	}
	
#containerclear {
	width: 820px;
	height: 1px;
	background: transparent;
	clear: both;
	}
	
#contentclear {
	width: 577px;
	height: 1px;
	background: transparent;
	clear: both;
	}
	
#footer {
	margin: 0px auto;
	padding: 120px 0px 0px 0px;
	width: 820px;
	height: 200px;
	background: #3a73b8 url(../graphics/bg_footer.gif) no-repeat;
	text-align: center;
	font-size: .7em;
	color: #fff;
	}
	
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, {
	font: inherit;
	color: #fff;
	font-weight: bold;
	}
	
#bottom {
	width: 100%;
	height: 100px;
	background: #3a73b8 url(../graphics/bg_bottom.gif) repeat-x;
	}
	

/* --------------------------------------

			link as a block
			
   -------------------------------------- */

#branding {
	float: left;
	}

#branding a {
	text-indent: -9999px;
	display: block;
	margin: 25px 0px 0px 0px;
	width: 150px;
	height: 80px;
	background: transparent;
	}

#brandingBottom {
	}

#brandingBottom a {
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 5px 48px;
	width: 150px;
	height: 42px;
	background: transparent;
	}

#donate a {
	text-indent: -9999px;
	display: block;
	width: 204px;
	height: 79px;
	background: transparent url(../graphics/donate.gif) no-repeat;
	}

#donate a:hover { background-position: 0 -79px;} 

/* --------------------------------------

			main navigation 
			
   -------------------------------------- */

ul#mainNavigation {
	width: 625px;
	height: 38px;
	background: transparent;
	padding: 68px 0px 0px 0px;
	float: left;
	} 
	

ul#mainNavigation li {
	text-align: left;
	text-indent: -9999px;
	float: left;
	display: inline;
	list-style-type: none;
	}

a.about { display: block; width: 62px; height: 38px; background: url('../graphics/about.gif') no-repeat; } 
a.about:hover { background-position: 0 -38px;} 

a.services { display: block; width: 76px; height: 38px; background: url('../graphics/services.gif') no-repeat; } 
a.services:hover { background-position: 0 -38px;} 

a.events { display: block; width: 64px; height: 38px; background: url('../graphics/events.gif') no-repeat; } 
a.events:hover { background-position: 0 -38px;} 

a.publications { display: block; width: 101px; height: 38px; background: url('../graphics/publications.gif') no-repeat; } 
a.publications:hover { background-position: 0 -38px;} 

a.photographs { display: block; width: 104px; height: 38px; background: url('../graphics/photographs.gif') no-repeat; } 
a.photographs:hover { background-position: 0 -38px;} 

a.volunteer { display: block; width: 85px; height: 38px; background: url('../graphics/volunteer.gif') no-repeat; } 
a.volunteer:hover { background-position: 0 -38px;} 

a.contact { display: block; width: 72px; height: 38px; background: url('../graphics/contact.gif') no-repeat; } 
a.contact:hover { background-position: 0 -38px;} 

a.home { display: block; width: 61px; height: 38px; background: url('../graphics/home.gif') no-repeat; } 
a.home:hover { background-position: 0 -38px;} 

a.active { background-position: 0 -38px;} 

/* --------------------------------------

			contact definition lists
			
   -------------------------------------- */
#socialMedia {
	width: 218px;
	height: auto;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 20px 0px;
	}

#contactInfo {
	width: 218px;
	height: auto;
	background:#f5f5f5 url(../graphics/side/contact_title.gif) no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 25px;
	font-size: .8em;
	line-height: 1.15em;
	}

#contactInfo dt {
	padding: 15px 0px 0px 0px;
	font-weight: normal;
	}
	
#contactInfo dd {
	font-weight: bold;
	}
	
	

/* --------------------------------------

			about definition lists
			
   -------------------------------------- */
dl.staff {
	font-size: .9em;
	width: 230px;
	float: left;
	height: auto;
	margin: 0px 0px 0px 20px;
	}

dl.staff dt {
	}
	
dl.staff dt.staffTitle {
	color: #3a73b8;
	font-size: .9em;
	font-weight: bold;
	}
	
dl.staff dd {
	font-style: italic;
	margin: 0px 0px 10px 0px;
	}



/* --------------------------------------

		lists
			
   -------------------------------------- */
#content ul.regular {
 	width: 450px;
	height: auto;
	margin: 0px 0px 30px 30px;
	list-style-position: outside;
	font: inherit;
	font-size: .8em;
	}

#content ul.regular li {
	margin: 0px 0px 10px 0px;
	}

#content ul.regular li a {
	color: #7eafeb;

}
#content ul.nodots {
 	width: 450px;
	height: auto;
	margin: 0px 0px 30px 30px;
	list-style: none;
	font: inherit;
	font-size: .9em;
	}

#content ul.nodots li {
	margin: 0px 0px 2px 0px;
	}


#content ul.logos {
	width: 520px;
	height: auto;
	background: transparent;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: .7em;
	}

#content ul.logos li {
	width: 172px;
	height: 150px;
	float: left;
	list-style-type: none;
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}
	
#content ul.logos li a {
	font: inherit;
	color: #787878;
	font-weight: bold;
	}
	
	
	
	
	
	
	
	
#content ul.pub {
	width: 560px;
	height: auto;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#content ul.pub li {
	width: 260px;
	height: 90px;
	display: inline;
	text-align: center;
	float: left;
	margin: 0px 0px 0px 0px;
	}


#content ul.photos {
	text-align: center;
	width: 520px;
	height: auto;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#content ul.photos li {
	text-align: center;
	width: 240px;
	height: 100px;
	display: inline;
	text-align: center;
	float: left;
	margin: 0px 20px 50px 0px;
	}

#content ul.photos li a:link, #content ul.photos li a:visited, #content ul.photos li a:hover, #content ul.photos li a:active {
	font-weight: bold;
	font: 'Verdana', 'Arial', 'Helvetica', sans-serif;
	color: #787878;
	line-height: 1.3em;
	}

#content ul.gallery {
	width: 490px;
	height: auto;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	}

#content ul.gallery li {
	width: 100px;
	height: 75px;
	display: inline;
	text-align: center;
	float: left;
	margin: 0px 20px 20px 0px;
	}


.floatRight {
	float: right;
	margin: 0px 0px 20px 10px;
	}
	
.caption {
	text-align: center;
	width: auto;
	height: auto;
	float: right;
	margin: 5px 0px 10px 10px;
	padding: 0px 0px 3px 0px;
	font: normal .65em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-bottom: 1px solid #999;
	}
	
.caption a:link, .caption a:visited, .caption a:hover, .caption a:active {
	font: inherit;
	color: #787878;
	font-weight: bold;
	}
	
.caption img {
	border: 0px;
	margin: 0px 0px 5px 0px;
	}
	
.divider {
	width: 100%;
	height: 1px;
	margin: 20px 0px 30px 0px;
	border-bottom: 4px solid #f5f5f5;
}



/* --------------------------------------

			form styling
			
   -------------------------------------- */

#contact-area {
	width: 420px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#contact-area input.bar, #contact-area textarea.bar {
	padding: 2px;
	width: 100%;
	font: normal .8em 'Verdana', 'Arial', 'Helvetica', sans-serif;
	margin: 0px 0px 0px 0px;
	border: 1px solid #7eafeb;
	background: #fff;
	float: left;
	}

#contact-area input.check {
	padding: 2px;
	width: 15px;
	margin: 0px 0px 10px 0px;
	border: 0px;
	}

#contact-area textarea { height: 60px;}


#contact-area select option {
	color: #ffffff;
	font: .8em Tahoma, Arial, Helvetica, sans-serif;
	padding: 1px;
	}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #7eafeb;
}

#contact-area input.submit-button {
	color: inherit;
	font: bold .8em 'Verdana', 'Arial', 'Helvetica', sans-serif;
	border: 1px solid #7eafeb;
	background-color: #fff;
	margin: 15px 0px 0px 0px;
	width: 100px;
}

label {
	color: inherit;
	font: bold .8em 'Verdana', 'Arial', 'Helvetica', sans-serif;
	display: block;
	text-align: left;
	width: 100%;
	padding: 15px 0px 2px 0px;
}


  .error {
  font-family: Tahoma;
font-size: 8pt;
  color: red;
  margin-left: 50px;
  display:none;
  }
  
  
#human {  
	visibility:hidden;  
	display:none;  
	}