/* 1. Main html tags */
body {
font: normal .8em/1.5em "helvetica neue",arial,helvetica,sans-serif;
color: #333;
/*background-color: #666366;*/
text-align: center;
}



em { font-style:italic;}


.pdflink {
background: transparent url('../img/doctypes/pdf.gif') scroll no-repeat top right;
padding-right: 20px;
}



/* BREADCRUMB */
#breadcrumb{
font-size: 0.85em;
width: 880px;
float: left;
margin-bottom: 15px;
border-bottom: 1px dashed #cdcdcd;
padding-bottom: 8px;
margin-top: 10px;
}

#breadcrumb #bchead {
display:block;
float: left;
background:#333 url('../img/bc.gif') scroll no-repeat right top;
color: #fff;
padding: 4px 10px 4px 5px;
line-height: normal;
margin-right: 8px;
font-weight: bold;
height:13px;
}

#breadcrumb a{
border-bottom: solid 0px;
color: #222;
}

.bc_youarehere {
float: left; 
width: 600px;

}

.bc_youarehere a, .bc_youarehere span {
float: left;
margin-right: 2px;
display:block;
padding-top: 4px;
}
/* END BREADCRUMB */

/* headers */

h1, h2, h3 {letter-spacing:-1px;
}
h1 {font-size:3em; margin:0.8em 0;}
h2 {color:#333; font-size:2.5em; line-height: 1.2em; margin:0.5em 0 0.5em 0;}
h3 {color:#84002E; font-size:2em; line-height: 1.2em; margin:0.5em 0 0.5em 0;}
h4 {color:#333333;font-size:1.5em;font-weight:bold;margin:4px 0 10px;}
h5 {color:#333333;font-size:1.0em;font-weight:bold;margin:4px 0 0;}



strong {font-weight: bold;}

a {
text-decoration:underline;
color: #B80028;
}

a:hover {
color: #616161;
text-decoration:underline;
}

/* END headers */

/*FLICKR FEED*/
#images {
	padding: 			0px;
	margin: 			0px;
	height: 			315px;
	width: 				315px;
	overflow:			hidden;
}
#images ul {
	list-style:			none;
	float: 				left;
	padding: 			0px;
	margin: 			0px;
}
#images ul li {
	display: 			inline;
}
#images ul li img {
	border: 			none;
	padding: 			0 5px 5px 0;
	width: 				100px;
	height: 			100px;
	opacity: 			0.6;
	-moz-opacity: 		0.6;	
	filter:alpha(opacity=50); 
}
#images ul li img:hover {
	opacity: 			1;
	-moz-opacity: 		1;
	filter:alpha(opacity=100); 
	
/*-moz-opacity:.40; filter:alpha(opacity=40); opacity:.40;		*/	
}
/*END FLICKR FEED*/

/* FOOTER*/
#footer{
background-color: #FFC200;
}
#footer-content{
max-width:92em;
min-width:750px;
width:90%;
color: #313131;
margin: 0 auto;
clear:both;
background-color: #FFC200;
height: 100px;
padding: 20px;
position: relative;
}
.footertxt { float: left; width: 600px; }

#footer #copyright {margin-top: 0px;}
#copy-ack, #copyright{text-align: left}
#ack-text{display: none;text-align: left }


#footer ul {margin-bottom: 1em; float: right; text-align: right; width: 150px;}
#footer ul li { }

#footer a {
text-decoration:none;
color: #313131;
}
#footer a:hover {
color: #616161;
text-decoration:underline;
}
/* end footer*/



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
   }

.clearfix {display: inline-block;}




/***********************
	  LAYOUT
************************/

#content-wrap {
	clear: both;
	/*float: left;*/
	width: 100%;
	padding-bottom: 30px;
	/*background: transparent url('../bg.gif') repeat top left;  */
	background-color: #F2F5ED;
	border-top: solid 6px #FFC200;
	border-bottom: solid 6px #FFC200;

}


#content {
	text-align: left;	
	padding: 0; 
	margin: 30px auto;
	max-width:92em;
	min-width:750px;
	width:90%;
	overflow: auto;
}

p {margin-bottom: 1em; font-size: 110%}


#main-container-wrap {
background:url("../main.png") repeat scroll left top transparent;
overflow:auto;
/*padding:10px 10px;*/
}

#main-container {
background-color: #fff;
margin: 0px auto 0px; 
padding: 20px;
/*width: 100%;
	max-width:92em;
	min-width:750px;
	width:96%;*/

float: left;
overflow: auto;
border: solid 3px #f1f1f1;
}

#left-column {
overflow:auto;
}
#right-column {
width: 320px;
float: right;
margin-left: 30px;
}


#your-questions {
border: 1px solid;
height: 200px;

}
#itinerary {
border: 1px solid;
height: 200px;
margin-top: 30px;
}




#header-content #logo {
	position: absolute;	
	background: transparent url('../pope_header.png') repeat-x left top;
	height: 135px;
	width: 500px;
	padding: 0 0px;
	margin-top: 20px;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 0px; left: 20px;
}

#header-content #pope {
	position: absolute;	
	background: transparent url('../pope.png') repeat-x left top;
	width: 550px ;
	height: 605px;
	padding: 0 0px;
	margin-top: 50px;
	z-index:-100;
	/* change the values of left and top to adjust the position of the logo */
	top: -100px; right: -100px;
}

#header-content, #top-nav-bar-content {

	max-width:92em;
	min-width:750px;
	width:90%;
	margin: 0 auto;
	position: relative;
	text-align: left;	
}

#top-nav-bar-content a {
color: #fff;

}
#top-nav-bar-content {color: #fff; line-height:26px; text-align: right}
/* header */
#header {
	height: 240px;
	text-align: center;	

	background-image:url('../bgm.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
}



/* header menu */
#header-content ul {
	position: absolute;
	/*right: 0px;*/ top: 171px; 
	font: normal 1.4em "helvetica neue",arial,helvetica,sans-serif;
	margin: 0; padding: 0;

}


#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 10px 10px 10px 10px;	
	margin: 0 6px;
	color: #fff; 
	text-decoration: none;
	background: transparent url('../trans_black.png') repeat left bottom;
	/*-moz-opacity:.40; filter:alpha(opacity=40); opacity:.40;		*/
}
#header-content li a:hover {
	color: #fff;
	background-color: black;	
}
#header-content li a#current  {	
	color: #222;
	border-top: solid 1px #FFC200;
	border-right: solid 1px #FFC200;
	border-left: solid 1px #FFC200;	
	font-weight: bold;
	background: #FFC200;
}


#map{height: 500px;}

.facts { background:#eee; list-style:none; padding:0; }
.facts li { padding:10px; }
.facts li:hover { background:#555; color:#fff; /*cursor:pointer; cursor:hand;*/ }

#list {  list-style:none; padding:0; }
#list li { background:#eee; margin-bottom: 10px; padding:10px; }
#list li:hover { background:#555; color:#fff; cursor:pointer; cursor:hand; }
#list li:hover h3, #list li:hover a,#list li:hover a:hover {color: #fff; text-decoration: underline}

#message { position:absolute; padding:10px; background:#555; color:#fff; width:75px; }


.factoid-wrapper {
clear:both;
margin-bottom:10px;
overflow:auto;
width:100%;
}

.factoid-image{
border:0px solid #652D89;
float:left;
margin:0 10px 0 0;
padding:1px;
width:120px;
}

.factoid-text {
float:left
width:500x;
}

.factoid ul { list-style-type: square; list-style-position: inside; } 

#top-nav-bar {
background-color: #313131;
border-bottom: 1px solid #eee;
height: 26px;
}


ol.notes {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 40px;
	font-size: 95%;
	font-family: "helvetica neue",arial,helvetica,sans-serif;
}

blockquote {padding: 0 30px 0 30px;}


/* form elements */

label {
	display:block;
	font-weight:bold;
	font-size: 100%;
	margin:10px 0;
}
input.blog {
	padding: 2px;
	font-size: 140%;
	width: 600px;
	border: 1px solid #cacaca;
	color: #666666;
}
input.comment-name ,input.comment-location, input.comment-email{
	padding: 2px;
	font-size: 140%;
	width: 400px;
	border: 1px solid #cacaca;
	color: #666666;
}

input.captcha {
	padding: 2px;
	font-size: 140%;
	width: 200px;
	border: 1px solid #cacaca;
	color: #666666;
}



select {
	padding: 2px;
	font-size: 120%;
	border: 1px solid #cacaca;
	color: #666666;
}
textarea {
	font-size: 120%;
	padding:2px;
	border: 1px solid #cacaca;
	display:block;		
	color: #666666;
}
textarea.mceNoEditor{width: 600px; height: 200px; font-size: 130%;}

input.button { 
	margin: 15px 4px 15px 0; 
	color: #666;
	display: block;
	font-size: 100%;
	border: 2px solid #ccc;
	padding: 2px 3px 2px;	
	background: #eee;
	float:left;
	cursor: pointer;
}
input.button_status { 
	color: #666666;
	border: 1px solid #cacaca;
}
/* systems classes */

.error ul,li
{
color: red;
}

#guidelines ul,li
{
color: #333;
}


#systems{width: 600px}
#welcome hr {color: #F2F5ED; background-color: #F2F5ED; border: 0; height: 5px; margin: 16px 0 16px 0}
#posts hr {color: #F2F5ED; background-color: #F2F5ED; border: 0; height: 5px; margin: 16px 0 16px 0}
.comments-list  li{border-bottom: 1px solid #F2F5ED; padding: 10px 0 10px 0}
.comments-add h3 {font-size: 1.4em; border-bottom: #84002E solid 3px; margin-top: 30px;}
.user {margin-bottom: 6px;}
.user span {font-size: 1.4em; font-weight: bold;}

.notapproved{color: #bdbdbd;}


/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
   position:relative;
   padding:15px;
   margin:1em 0;
   color:#fff;
   background:#84002E;

   /* css3 */
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   background:-moz-linear-gradient(top, #a94c6c, #84002E);
   background:linear-gradient(top, #a94c6c, #84002E);
}

/* creates triangle */
.triangle-isosceles:after {
   content:"\00a0";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   z-index:1000;
   bottom:-30px;
   left:50px;
   width:0;
   height:0;
   border-width:15px 15px;
   border-style:solid;
   border-color:#84002E transparent transparent;
}

#postNav{ background-color: #eee;
width: 320px;
float: right;
position: relative;
left: 0px;
margin-left: 30px;
padding: 0 10px 10px 10px} 

#postNav h3 {background-color: #84002E; color: #fff; padding: 4px; font-size: 1.6em; }
#posts{overflow:auto;}
.postList {font-size: 1.1em}



#blog{
background-color:transparent;
background-image:url("../faux_column.gif");
background-position:right top;
background-repeat:repeat-y;
}

#button-wrap{overflow: auto; display: inline-block}
#tweet-button{margin-right: 20px; float: left}
#like-button{margin-right: 20px; float: left; }

#rss-feed{margin: 0 0 20px 20px; float: right; }

#showmore, #showless { padding: 6px; text-align: right; font-weight: bold; background-color: #eee; cursor: pointer}