﻿body  {margin:0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }

h1, h2, h3, h4, h5 { font-family: Helvetica,Times,"Times new roman",Serif;color:#999}
h2 {font-size:1.5em;margin:0 0 5px 0;}
a {color:#A4A4A4;text-decoration:none;}
a:hover {color:#585858;text-decoration:underline;}
span {color:#585858}
img.logo { float:right; margin: 15px 0 0 0;}
div.comingsoon {text-align:center;height:600px;}
span.comingsoon {font-weight:bold;font-size:20px;display:block;margin-top:20px;line-height:26px;color:#999}
img.comingsoon {margin-top:80px;}
/*** Start Scaffolding divs ***/
#container {max-width: 978px; min-width:978px; margin: auto; margin-top: 10px; border: solid 1px #FFFFFF;}
#header{max-width:100%;	height: 130px;border: solid 1px #fff;}
#header_container{margin: 10px 15px 0px 15px;}
#col1 {float: left; width: 34%; height: 600px; padding: 0 0 0 0px; border: solid 1px #FFFFFF;}
#col2{width: 65%; height: 100px; overflow:auto;	float: right; height: 600px; border: solid 1px #fff;}
#footer{width:100%; height: 100px; clear:both;}
#footer_container{text-align: left;}
#col1_footer{float: left; width: 34%; text-align: center;}
#col2_footer{float: right;	width: 65%;	text-align: center}
/*** End Scaffolding ***/

/*** Header ***/
#header_col_left{float: left;}
#header_col_right{float: right;border: solid 1px #FFF;}
.tagline_label{font-family: Verdana;font-size:16px;font-weight: Bold;color: #6E6E6E;}
.header ul {	margin: 0;	padding: 0;	list-style: none;}
#header_col_right span {display:block;text-align:right;font-size:10px;}
#header_col_left a {text-decoration:none;}
img.header_link {margin:20px 10px 0 0;}
#headerlinks_div {margin-left:95px}
#status_div {text-align:right;padding-right:10px;width:300px;}
#status_div span {display:inline;padding-right:10px}
#status_div a {font-size:12px;color: #6E6E6E; margin-top:5px;display:block;font-weight: Bold;}
/*** End Header ***/

/*** Footer ***/
#col1_footer .copyright_image {text-align: left;margin-top:30px;}
#col2_footer .site_menu{margin:auto;margin-top:30px}
/*** End Footer ***/

/** Home ***/
#col1_container_home{margin-top: 100px;	margin-left: 40px;	margin-right: 20px;}
#col2_container_home{margin: 20px 10px 0 20px;	overflow: visible;	text-align: left; margin-bottom:10px;}
.img_home{margin-top: 80px;margin-left: 30px;}
/** End  Home ***/

div.top {margin:10px 0 10px 160px;}
div.error { margin:0 0 5px 160px;}
.error li {margin:0;padding:0 0 0 10px;display:inline ;}
.error ul { margin:0;padding:0;display:inline;}

/*** Contacts ***/
#col1_container_contacts{margin: 180px 20px 40px 40px; text-align:center;}
#col1_container_contacts img {padding-bottom: 20px;}

#col1_container_suggestions{margin: 160px 20px 40px 40px;text-align:center;}
#col1_container_suggestions img {padding-bottom: 20px;}
#col1_container_suggestions h1 {line-height:120%;}
img.map {float:right;height:200px;width:300px;}

/*** Events ***/
#col1_container_events{margin-top: 180px; margin-left: 40px;	margin-right: 20px;text-align:center;}
#col1_container_events img {padding-bottom: 20px;}
#col1_container_events h1 {line-height:120%;}
.event_title{margin-bottom: 15px; border-top: 1px solid #E6E6E6;}
.event_title h2{	margin-bottom:5px;	color: #999;}
.event_control  {margin-right: 10px;}
.event_description{display: block; margin-bottom: 10px;}
div.file img { vertical-align:bottom}
div.file a {margin-left:10px }
/** End  Events ***/

/*** Event Edit ***/
#col1_container_events_edit{margin-top:80px;	margin-left: 40px	margin-right: 20px;text-align:center;}
#col2_container_events_edit{margin: 30px 20px 0 60px;text-align: left;margin-bottom:10px;}

/*** End Event Edit ***/


/*** Resources ***/
#col1_container_resources{margin: 160px 20px 40px 40px;text-align:center;}
#col1_container_resources img {padding-bottom: 20px;}
#col1_container_resources h1 {line-height:120%;}
ul#ul_books {margin: 0;padding: 0;list-style: none;}
ul#ul_movies {	margin: 0;padding: 0;list-style: none;}
ul#ul_factsheets{	margin: 0;padding: 0;list-style: none;}
ul#ul_topics{	margin: 0;padding: 0;list-style: none;}

#col2_container_backissues {margin: 30px 20px 10px 60px;}
#col2_container_backissues h1 {padding:25px 0 25px 0;}
ul#ul_backissues {margin: 0;padding: 0;list-style: none;}
ul#ul_backissues li{float:left;margin-bottom:20px; width:100%;}
ul#ul_backissues li.add{margin-bottom:5px;}
ul#ul_backissues a.BackIssue_title {display:block;  margin-bottom: 5px; }
div.BackIssue_title {margin-bottom: 5px}
div.BackIssue_title h2{	margin-bottom:5px;	color: #999;}
span.description {display:block ;margin-bottom: 10px}
div.file {margin-bottom:10px;padding:0}

/*** Tributes ***/
#col1_container_tributes{margin: 160px 20px 40px 40px;text-align:center;}
#col1_container_tributes img {padding-bottom: 20px;}
#col1_container_tributes h1 {line-height:120%;}
span.tributes_from {display:block;font-weight:bold; margin: 5px 0 5px 0;}
span.tributes_message {display:block;width: 405px;}
span.status{display:block;font-weight:bold;color:red}
span.pad {font-size:10px; color:#333; text-align:left;margin-bottom:20px;display:block;width:420px;}
span.about {font-size:10px; color:#585858; text-align:left;margin-bottom:10px;display:block;width:97%;}
select {margin:-7px;width:385px}
img.tributes_photo {height:100px;width:100px;}
div.border {float:left;height:100px;width:100px;background-color:#fff; margin-bottom:20px;padding:10px;border:1px solid #888888;}
div.tribute {float:left;margin-left: 20px;}
a.menu, a.selected  {margin: 0 5px 0 5px;}
a.selected {font-weight:bold;color:#585858}
div.menu {text-align:center;margin-bottom:15px;}

#col2_container_repeater {margin: 40px 0 10px 40px;}
#col2_container_repeater h1 {padding:25px 0 25px 0;}
#col2_container_repeater table {width:99%;}
#col2_container_repeater file {width:90%} 
#col2_container_repeater span.description{display:block;}
#col2_container_repeater span.author{display:block;font-size:10px;color:#6E6E6E}
#col2_container_repeater li table {width:40px}
#col2_container_repeater li table select {width:85px}

a.linktitle{font-size:15px;margin-bottom:5px;display:block;font-weight:bold;color:#848484}

ul.content  {margin: 0;padding: 0;list-style: none;width:97%;}
ul.content  li{margin-bottom: 10px;width:100%;}
ul.content span.description{display:block;margin:10px 0 10px 0; }
/*ul.content  input  {margin-left:0px}
ul.content table  input {margin-left:0px}
*/
ul.section li {margin: 20px 0 0 0;}

li.row {border-bottom:1px solid #E6E6E6; margin-bottom: 10px}
.event_edit li {margin-bottom: 10px;}
input.single_line{width:350px; padding:2px; font-size:14px; color:#333; background:#fff; border: 1px solid #666666}
textarea.multi_line {width:100%;height:170px; padding:4px 5px; font-size:14px; color:#333; background:#fff; border: 1px solid #333333}
textarea.multi_line_message {width:100%;height:225px; padding:2px; font-size:14px; color:#333; background:#fff; border: 1px solid #333333}
ul.event_edit{	margin: 0;padding: 0;list-style: none;}
ul.edit{	margin: 0;padding: 0;list-style: none;}

span.label{display:block;font-weight:bold;float:left;color:#666;width:160px}
span.required_label{display:block;font-weight:bold;color:#FA5858;float:left;width:160px}
span.required_description{display:block;font-weight:bold;color:#FA5858;font-size:10px; margin-top:5px;}
span.eg {color:#999999;display:block;font-size:11px;padding:0 2px 0px;margin-left:160px;width:365px;}
span.validation{display:block;margin-left:160px;color:#FF0000;}

input.text{font-size:16px;margin:0 0 0 160px;width:350px;display:block;padding:4px 5px; border:1px solid #000000}
ul.content  textarea{font-size:18px;display:block;width:350px;height:225px;padding:4px 5px;margin-left:160px}

span.title {font-weight:bold;color:#585858; padding-top:10px;display:block}
#col2_container_repeater div.pad {margin-left:160px;}
div.pad  a.admin {margin-top:5px;display:block;Color:#FF0000}
#recaptcha_image {margin:10px 0 10px 160px;}

span.persist   {margin-left:0px; width:365px;display:block; margin-bottom:10px;}
span.persist   {float:left;display:block;}
input.submit {width:100px;}
span.loginerror {background-color:#FF0000;color:#FFFFFF;padding:5px;font-weight:bold;text-align:center;display:block; margin: 0 43px 0 160px;width:365px}
 
span.emailerror{background-color:#FF0000;color:#FFFFFF;padding:5px;font-weight:bold;text-align:center;display:block; margin: 0 43px 0 160px;width:365px}

div#contacts{position:absolute;top:700px;right:600px;background-color:white;border:2px solid black;}


/*** Navigation ***/
div #nav {margin-left:25px;}

ul.nav{
  padding: 0;
  margin: 30px 0 0 0;
  list-style: none;
  font-family: Verdana;font-size:16px;font-weight: Bold;color: #6E6E6E;
  }
  
  ul.nav a { font-family: Verdana;font-size:16px;font-weight: Bold;color: #6E6E6E;}
  ul.nav li {
  padding-bottom:10px;
  float: left;
  position: relative;
  width: 7.5em;
  /*border: 1px solid black;*/
  }
    div.nav_one{
  height:25px;
  background-color: white;
    position: absolute; 
	padding: 5px;
  top: -25px;
   color: #6E6E6E;
  }
  
  div.nav_three{
	z-index:100;
    margin-left:18px;
  height:70px;
  background-color: white;
    position: relative; 
	padding: 5px;
  top: -137px;
	  text-align:left;
	   color: #6E6E6E;
	   display:none;
  }
  
  
    div.nav_five{

  margin-left:-12px;
  height:155px;
  background-color: white;
    position: relative; 
	padding: 5px;
	  top: -205px;
	  text-align:left;
	   color: #6E6E6E;
	   	   display:none;
		   	float: left;
  }
  
    ul.nav li > ul {
	top: auto;
	left: auto;
	}
  
  ul.nav   li ul {
  display: none;
  left: 0;
  }
  
 .hovered ul.nav,li:hover ul.nav, li.over ul, .hovered{ display: block; }
  
 .hovered div, li:hover  div ,li.over div, .hovered{ display: block; }


#imgmap {
	position: relative;
	_zoom: 1;
}

#imgmap li {
	position: absolute;
	display: block;
	list-style: none;
	overflow: hidden;
}

#imgmap li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(./images/blank.gif);
	text-decoration: none;
}

#imgmap li a  span {
		display:none;
}

#imgmap li a:hover span{
	position:relative;
	display:inline-block;
margin:auto;
    left:0px;
border:1px solid #000;
    padding:2px;
	background-color:#fff;
text-align:center;
}
#area1 {
	left: 42px;
	top: 160px;
	width: 85px;
	height: 240px;
}

#area2 {
	left: 146px;
	top: 185px;
	width: 148px;
	height: 154px;
}

#area3 {
	left: 294px;
	top: 270x;
	width: 0px;
	height: 17px;
}

#area4 {
	left: 303px;
	top: 175px;
	width: 125px;
	height: 102px;
}

#area5 {
	left: 428px;
	top: 291px;
	width: 0px;
	height: 17px;
}

#area6 {
	left: 438px;
	top: 166px;
	width: 105px;
	height: 86px;
}

#area7 {
	left: 543px;
	top: 262px;
	width: 0px;
	height: 17px;
}

#area8 {
	left: 440px;
	top: 80px;
	width: 132px;
	height: 103px;
}

#area9 {
	left: 572px;
	top: 190px;
	width: 0px;
	height: 17px;
}

