body
	{
	margin: 0;
	padding: 0;
	background: #454545;
	font: 14px Georgia;
	text-align: center;
	}

a:link {color: #666666; text-decoration: none; }
a:active {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #000000; border:none; text-decoration: underline;}



ul{
  float: none;
  list-style-type: none;
}


img {
  border: 0px;
}

input {
  
}

#actcaritas {
	width: 820px;
	text-align:left;
	background: white;
  margin: 10px auto;
  padding-bottom: 10px;
  position: relative;
   
}





#actcaritas .hr {
  margin-top: 10px;
  padding-top: 10px;
  width: 100%;
  border-top: 3px dotted #ddd;
}

/*-----------------------------------------------
  Invisible Link above the Logo in the header
-----------------------------------------------*/
#banner {
	background: #e4e4e4;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
}

#content {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  
}

#footer {
  padding: 80px 0px 4px 20px;
  width: 780px;
	height: 12px;
  text-align: left;
  font-family: sans-serif;
  font-size: 12px;
  color: #999;
  background: #ffffff url(../images/footerGraphic.png) no-repeat bottom right;
}

/* silly cheating method for clearing floats*/
body .cl{
  clear:both;
  display:block;
  padding: 0px;
  margin: 0px; /*top right bottom left*/
  width: 0px;
  height: 0px;
  font-size: 1px;
  border: 0px;
}

/* -------------------------------------------------------
Page Tool Icons
-------------------------------------------------------*/


#actcaritas a.emailIcon {
  float:right;
  padding: 5px;
  width: 16px;
  height: 16px;
  background: url(../images/emailIconLight.png) no-repeat 50% 50%;  
}

#actcaritas a.printIcon {
  float:right;
  padding: 5px;
  width: 16px;
  height: 16px;
  background: url(../images/printerIconLight.png) no-repeat 50% 50%;  
}

#actcaritas a.emailIcon:hover {
  background-image: url(../images/emailIconBw.png);  
}

#actcaritas a.printIcon:hover{
  background-image: url(../images/printerIconBw.png);  
}



/* -------------------------------------------------------
headings
-------------------------------------------------------*/

#actcaritas h1{
  float: none;
  margin: 0px; 
  font: 24px Georgia regular;
  color: #333333;
  padding: 10px 0px 3px 0px; /*top right bottom left*/
  border-bottom: 3px dotted #ddd;
}

#actcaritas h2{
  float: none;
  margin: 0px; 
  padding: 20px 0px 2px 0px;
  font: 18px Georgia;
  color: #333;
  border-bottom: 3px dotted #ddd; 
}

#actcaritas h3, #actcaritas h4{
  margin: 0px; 
  padding: 5px 0px 0px 0px;
  font: 10px Helvetica;
  color: #666666; 
}

#actcaritas h4{
  float: left;
  width: 350px; /* this is to leave room for the tool icons (print and email)*/ 
}

#actcaritas #rightContent h5{
  margin: 0px; 
  padding: 10px 0px 0px 0px;
  font: 12px Georgia;
  font-weight: bold;
  color: #666; 
}

#actcaritas #rightContent h6{
  margin: 0px; 
  padding: 10px 0px 0px 0px;
  font: 12px Georgia;
  font-weight: bold;
  color: #666; 
}

#actcaritas #leftContent h5{
  margin: 0px; 
  padding: 10px 0px 0px 0px;
  font: 12px Georgia;
  font-weight: bold;
  color: #666; 
}

#actcaritas p{
  float: none;
  margin: 0px; /*top right bottom left*/
  padding:  10px 15px 0px 0px;
  color: #333;
  font-size: 12px;
  line-height: 20px;
}

#actcaritas #leftContent ul{
  float: none;
  margin: 0px; /*top right bottom left*/
  padding:  10px 15px 0px 35px;
  list-style-type: square;
  color: #333;
  font-size: 12px;
  line-height: 16px;
  
}

#actcaritas a.smallLink {
  font: 10px Helvetica;
}

#actcaritas p.quoteBox {
  margin: 10px 0px 0px 0px;
  padding: 15px 40px 5px 50px; /*top right bottom left*/ 
  color: #000000;
  background: url(../images/quote.png) no-repeat top left;
  font: 12px Georgia;
  line-height: 18px;
}


#actcaritas .paragraphHeading {
  float: none;
  margin: 0px; /*top right bottom left*/
  padding:  13px 15px 2px 0px;
  color: #333;
  font: 16px Georgia bold;
  border-bottom: 1px dotted #ccc;
}


#actcaritas .warningBox{
  color: #ff0000;
  font: 14px Georgia bold;
}



#fullContent {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 40px;
  width: 740px;
}

#leftContent {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 40px;
  width: 450px;
}

#rightContent {
  float: right;
  margin: 0px;
  padding: 20px 50px 0px 0px;
  width: 250px;
}

.buttonList {
  padding: 0px;
  margin: 0px;
}

.buttonList li {
  display: block;
  padding: 20px 0px 0px 0px;
}


#actcaritas .headerText{
  margin: 0px; /*top right bottom left*/
  padding:  10px 0px 10px 0px; 
  color: #999;
  font: 12px Helvetica;
  line-height: 18px;
}


#actcaritas .footerText{
  margin: 0px; /*top right bottom left*/
  padding:  10px 0px 10px 0px; 
  color: #999;
  font: 12px Helvetica;
  line-height: 18px;
}


/* -------------------------------------------------------
  data Table
-------------------------------------------------------*/

#actcaritas .dataTable{
  background-color: #f0f0f0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 10px 0px 5px 0px;
  border-left: 3px solid #ddd;
}

#actcaritas .dataTable td {
  border-right: 3px solid #fff;
  border-bottom: 1px #fff dotted;
  text-align: left;
  font: 12px Georgia normal;
  color: #404040;
  padding: 4px 8px 4px 8px;
}


/* -------------------------------------------------------
  Photo Credit and Caption
-------------------------------------------------------*/

#actcaritas .acImageBox {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 3px dotted #eee;
}

#actcaritas .acImageBox .photoCredit{
  margin: 0px;
  padding: 0px;
  font: 10px Helvetica;
  color: #999999;
}

#actcaritas .acImageBox p{
  padding: 0px 0px 5px 0px;
  font: 10px Helvetica;
  line-height: 14px;
}


#actcaritas  #leftContent ul.linkList{
  list-style-type: none;
 }

/* -------------------------------------------------------
  Item List)
-------------------------------------------------------*/




#actcaritas  #leftContent ul.itemList{
  list-style-type: none;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  padding: 0px 0px 10px 0px;
}


#actcaritas  .itemList li{
  float: left;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  width: 450px;
  border-bottom: 1px dotted #eee;
}

#actcaritas .itemList li a{
	display: block;
  margin: 0px;
  padding: 0px;
  background: none;
}

/*thumbnail icon*/
#actcaritas .itemList li a img {
  float: left;
  border: 2px solid #cccccc;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#actcaritas .itemList li .prefix {
  width: 370px;
  float: right;
  font: 10px sans-serif;
  color: #666666;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#actcaritas .itemList li a .headline {
  width: 370px;
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #333;
  font-size: 17px;
  text-decoration: none;
}

/*This is usually the teaser text*/
#actcaritas .itemList li p {
  float: right;
  width: 370px;
  font: 11px sans-serif;
  line-height: 15px;
  margin: 0px;
  color: #666;
  padding: 2px 0px 0px 0px;
}


#actcaritas .itemList li a:hover {
  text-decoration: none;
}

#actcaritas .itemList li a:hover img {
  border: 2px solid #000000;
}


#actcaritas .itemList li a:hover .headline {
  text-decoration: underline;
}





/* -------------------------------------------------------
  Picture Box
-------------------------------------------------------*/
#content .fr {
  float: right;
}

#content .fl {
  float: left;
}

#content .pictureBox {
  background: none;
  padding: 3px;
  margin: 10px;
  border: 1px solid #ccc;
}

#content .pictureBoxInner {
  background: none;
  padding:0px;
  margin: 0px;
  border: none;
  width: 281px;
}

#content .pictureBoxInner img{
  padding:0px;
  margin: 0px;
  border: none;
}

#content .pictureBoxCaption {
  padding:5px;
  margin: 0px;
  line-height: 18px;
  font-size: 10px;
  background: #fff;
  color: #00954c;
  border: none;
}


/* -------------------------------------------------------
  Latest Responses
-------------------------------------------------------*/

#content .latestResponses {
	width: 300px;
}

#content .latestResponses ul{
  margin-top: 0px; /*top right bottom left*/
  list-style-image: url("../images/rb.jpg");
}


/* -------------------------------------------------------
  Related Items Link List
-------------------------------------------------------*/

#content ul.related{
  margin-top: 0px; /*top right bottom left*/
  list-style-image: url("../images/rb.jpg");
  font-size: 10px;
}





/* ________________ admin menu________________ */

.adminMenu ul {
	list-style-type: none;
}

.adminMenu ul li{
  float: left;
  padding: 10px;
  width: 220px;
  height: 60px;
	border: 1px solid #D6D0D3;
	color: #666699;
  font: normal small-caps bold 14px sans-serif; 
}


.adminMenu ul li a img{
  border: 1px solid white;
}

.adminMenu ul li a:hover img{
  border: 1px solid black;
}

/* ----- FORMS ------------------------------------------------------------------------------------------------- */
form{
  margin: 0px;
  
}

.formLevel1{
  background: none;
}

.formLevel2{
  padding-left: 50px;
  border-left: 10px solid #009530;
}

#actcaritas .form label{
  padding-top: 10px;
  color: #333;
  font: 10px Helvetica;
}

.subform {
  padding: 20px;
  border: 1px solid #eee;
}

.form {
	float: none;
	padding: 10px 0px 0px 0px;
	background: #fff;
}
.form .left {
	clear: left;
	float: left;
	font: normal 12px Tahoma;
	color: #333333;
	width: 120px;
	padding-top: 2px;
	text-align: right;
}

.form .right {
	float: left;
	padding-left: 5px;
	width: 450px;
}
.form .submit {
	clear: both;
	float: left;
	padding-top: 5px;
	padding-left: 70px;
	padding-bottom: 30px;
	width: 450px;
}
.form .hint {
	clear: left;
	float: left;
	font: bold 10px Tahoma;
	color: #bbbbbb;
	width: 450px;
	padding-left: 80px;
	padding-top: 10px;
	padding-bottom: 1px;
}
.form .warning {
	clear: left;
	float: left;
	font: bold 10px Tahoma;
	color: #ff0000;
	width: 450px;
	padding-left: 80px;
	padding-bottom: 1px;
}
.form .leftErrors {
	clear: left;
	float: left;
	color: #ff0000;
	font: bold 10px Tahoma;
	width: 120px;
	padding-top: 2px;
	padding-bottom: 25px;
	text-align: right;
}
.form .rightErrors {
	float: left;
	padding-left: 5px;
	width: 430px;
	color: #ff0000;
	font: normal 10px Tahoma;
	padding-top: 3px;
	padding-bottom: 25px;
}


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


#content .objectMap {
  float: left;
  background-color: #fafafa;
  border: 1px #000000 solid;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 5px;
}


#content .objectMap th
{ 
background-color: #ddd;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
 }


#content .objectMap th.header{
  background-color: #AADDDD;
  font-size: 16px;
  padding: 2px;
  color: black;
  
}

#content .objectMap th.subHeader{
  background-color: #404040;
  color: white;
  font-size: 8px;
  padding: 2px;
}

#content .objectMap td  {
  border-bottom: 1px #6699CC dotted;
  text-align: left;
  font-family: Helvetica, sans-serif;
  font-weight: normal;
  font-size: .7em;
  color: #404040;
  background-color: #fafafa;
  padding: 4px 0px 4px 8px;
}

#content .showHideLinks {
  margin-left: 18px;
  font-size: 10px;
}


#content .toggleButton {
  border: 1px dotted grey;
  padding: 1px;
  background: white;
}

#content .objectMap a.remoteHL {
  text-decoration: underline;
  margin: 0px;
  padding: 3px;
}
#content .objectMap a.remoteHL:hover {
  color: white;
  background-color: red;
  font-weight: bold;
  text-decoration: underline;
}



#actcaritas .imageRight {
  float: right;
  margin: 5px 0px 10px 10px;
}

#actcaritas .imageLeft {
  float: left;
  margin: 5px 10px 10px 0px;
}