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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body {
  background-color: #2e2011;
  font-family: Tahoma, Arial, sans-serif;
}
#container {
  width: 965px;
  padding: 0 15px 5px 15px;
  background-color: #fff;
  margin: 0 auto;  
  position: relative;
}
#header {
  width: 494px;
  height: 472px;
  float: left;
  background: transparent url(/shared/images/lady-of-guadalupe.jpg) no-repeat center center;
  position: relative;
}
#header h1.org-name {
  text-indent: -9999px;
  position: absolute;
  display: block;
  width: 494px;
  height: 200px;
  left: 0;
  bottom: 0;
}
#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
}
#header a.koc {
	display: block;
	float: left;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 200px;
	height: 55px;
	text-indent: -9999px;
}

#header a.mex {
	display: block;
	float: left;
	position: absolute;
	left: 200px;
	bottom: 0px;
	width: 50px;
	height: 55px;
	text-indent: -9999px;
}

#header a.in {
	display: block;
	float: left;
	position: absolute;
	left: 250px;
	bottom: 0px;
	width: 55px;
	height: 55px;
	text-indent: -9999px;
}

#header a.ph {
	display: block;
	float: left;
	position: absolute;
	left: 305px;
	bottom: 0px;
	width: 45px;
	height: 55px;
	text-indent: -9999px;
}

#header h2.site-name {
 text-indent: -9999px;
  position: absolute;
  display: block;
  width: 253px;
  height: 62px;
  left: 15px;
  top: 10px;
}
#header h2 a {
  display: block;
  width: 100%;
  height: 100%;
}
#internationalization {
  display: block;
  position: absolute;
  top:5px;
  right: -450px;  
  text-align: right;
	height: 20px;
}

#internationalization li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #f5f3e6;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
}

#internationalization li.last,
#internationalization li:last-child {
  border: none;
}
#internationalization li a {
  color: #f5f3e6;
  text-decoration: none;
}
#congress-highlights {
  width: 471px;
  height: 472px;
  float: right;
  background: transparent url(/shared/images/congress-highlights-bg.gif) no-repeat center center;
}

#congress-agenda {
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
  font-size: .95em;
  letter-spacing: .15em;
  line-height: 2em;
  margin: 15px 0 35px 25px;
}

#congress-agenda li {
  background: transparent url(/shared/images/headerbullet.png) no-repeat center left; 
  padding: 0 0 0 28px;
}

#congress-agenda li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

#congress-agenda li a:hover {
  color: #e8e4d2;
}

/* "speakers" were replaced by a flash object */
#speakers {
  position: relative;
}

#speakers h3 {
  color: #fff;
  font-size: .7em;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
  padding: 0 0 0 25px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  letter-spacing: .12em;
}

#speakers #speaker-list li {
  padding: 0 10px 0 25px;  
}

#speakers #speaker-list h3 {
  margin: 0 0 0 110px;
  padding: 0;
}

#speakers #speaker-list p {
  font-size: .75em;
  margin: 0 0 10px 110px;
  letter-spacing: .05em;
  color: #fff;
}


#speakers #speaker-list p {
  line-height: 1.3em;
}

#speakers #speaker-list li img {
  float: left;
}
#speakers #speaker-list h3 {
  text-transform: none;
  color: #edd39b;
}

#speakers #speaker-list h3 span {
  font-weight: normal;
  clear: right;
  display: block;
  margin: 0;
  padding: 0;
}

#speakers #speaker-list a.readmore {
  display:block;
  height:34px;
  left:46px;
  text-indent: -9999px;
  position:absolute;
  top:140px;
  width:60px;
  padding: 0;
  background: transparent url(../images/readmore.gif) no-repeat center center;
}

#speakers .controls {
  position: absolute;
  height:15px;
  left:56px;
  top:140px;
  width: 36px;
}
#speakers .control {
  padding: 0 3px 0 0;
  text-indent: -9999px;
  display: block;
  width: 15px;
  height: 15px;
  float: left;
}
#next {
  background: transparent url(../images/next.gif) no-repeat center center;
}
#prev {
  background: transparent url(../images/prev.gif) no-repeat center center;
}
/* "speakers" replaced by flash object */


#appearance {
  margin-left: 18px;
  margin-right: 50px;
}

#appearance img {
  float: left;
  margin-right: 10px;
}

#appearance h2 {
  color: white;
  text-transform: uppercase;
  font-size: 93%;
  margin-bottom: 5px;
}

#appearance .name  {
  font-weight: bold;
}

#appearance .more {
  color: white;
  font-weight: bold;
}


#content {
  clear: both;
  position: relative;
  background: #f0ebd1;
}
#primary-links {
  height: 44px;
  width: 965px;
  display: block;
  background: transparent  url(/shared/images/nav-bg.gif) repeat-x center center;
}

#primary-links li {
  display: inline;
}

#primary-links li a {
  display:block;
  float:left;
  height:12px;
  padding:16px 26px;
  font-size: .8em;
  color: #f3edde;
  text-decoration: none;
  font-family: Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

#primary-links li a:hover {
  background-color: #f3edde;
  color: #660000;
}



#search {
  display: block;
  position: absolute;
  top:10px;
  right: 25px;
}

#search .search-input {
  float:left;
  margin: 0 5px 0 0;
}

#right-sidebar {
  float: right;
  width: 270px;
  padding: 20px 15px;
}

#right-sidebar a,
#right-sidebar a img {
  display: block;
  margin: 0 auto 50px auto;
  padding: 0;
}
#right-sidebar .books {
  width: 275px;
  height: 151px;
}
#right-sidebar .truths {
  width: 200px;
  height: 79px;
}
#right-sidebar .guadalupe-festival {
  width: 261px;
  height: 222px;
}
#right-sidebar .guadalupe-story {
  width: 256px;
  height: 145px;
}
#main-content {
  margin: 0 310px 0 0;
  border-right: 1px solid #c8c3bd;
  padding: 20px 0;
}

#main-content h3, 
#right-sidebar h3 {
  color: #4e3417;
  font-size: 1.6em;
  margin: 3px 0 10px 25px;
  text-transform: uppercase;
}

#right-sidebar h3 {
  font-size: 1.3em;
  text-align: left;
  margin: 3px 0 10px 0;
}

#main-content p {
  color: #816b4e;
  font-size: .8em; 
  margin: 5px 0 10px 0;
  line-height: 1.5em; 
}
body#interior .content {
  width: 625px;
  margin: 3px 310px 10px 25px;
}

body#interior .content h3 {
  margin: 3px 0 10px 0px;
}

#main-content blockquote {
  border: 1px solid #c8c3bd;
  margin: 10px 25px;
  padding: 10px;
  background: #f6f4e3;
  color: #816b4e;
}

#main-content em {
  font-style: italic;
}
#main-content strong {
  font-weight: bold;
}

#main-content a {
  color: #660000;
}
#main-content a:hover {
  color: #623c09;
}

#main-content code {
  font-size: .9em;
  font-family: monospace;
  background: #efefef;
  padding: 10px;
  margin: 10px 25px;
  display: block;
  border: 1px solid #000; 
}

#main-content ul,
#main-content ol {
  margin: 5px 10px 5px 5px;
  padding: 5px 25px;
}

#main-content ul li,
#main-content ol li {
  display: list-item;
  padding: 3px 5px 5px 15px;
  list-style-type: disc;
  font-size: .9em;
  color: #816b4e;
}

#main-content ol li {
  list-style-type: decimal-leading-zero;
}
#featured-event {
  float: left;
}
#featured-event,
#gaudalupe-story,
#events {
  border-bottom: 1px solid #c8c3bd;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
}
#featured-event .event,
#events .days {
  background: #f6f4e3;
  width: 585px;
  height: 350px;
  margin: 10px 25px;
  padding: 10px 10px;
}

#featured-event .event img {
  float: left;
  margin-right: 15px;
}

#featured-event .event h4 {
  color: #770000;
  font-size: 1.2em;
}

#events {
  height: 400px;
}

#events .event-days {
  display: block;
  height: 38px;
  padding-left: 25px;
  border-bottom: 1px solid #c8c3bd;
  position: relative;
margin:0;
padding-bottom:0;
width:605px;
}

#events .event-days li,
#events .event-days li a 
{
  display: block;
  float: left;
  text-align: center;
  width: 148px;
  height: 33px;
  background: transparent url(/shared/images/tab-bg.gif) no-repeat center center;
  margin: 0 5px 0 0;
  padding: 5px 0 0 0;
  text-transform: uppercase;
  font-size: .90em;
  color: #ba8086;
  font-weight: bold;
}

#events .event-days li.active {
  color: #fff;
}

#events .event-days li span {
  float: left;
  clear: left;
  display: block;
  text-align: center;
  width: 148px;
  font-size: .8em;
  font-weight: normal;
}

#events .event-days li .days {
  height: 320px;
  width: 550px;
  padding: 10px 10px 10px 50px;
  display: none;
  overflow-y: auto;
  list-style-type: none;
}

#events .event-days li.active .days {
  display: block;
  position: absolute;
  top:34px;
  left:0px;
}
#events .event-days li .days li,
#events .event-days li .days li a {
  font-weight: bold;
  line-height: 2.5em;
  color: #660000;
  text-decoration: none;
  background: none;
  display: list-item;
  float: none;
  width: auto;
  height: auto;
  text-align: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#events .event-days li .days li span {
  margin-left: 25px;
  font-weight: normal;
  clear: none;
  display: inline;
  float: none;
  font-size: 1em;
  text-align: left;
  width: auto;
}
#events .event-days li .days li a {
  font-size: 1em;
}

#events .event-days li .days li a span {
  color: #4e3417;
}

#guadalupe-story {
  padding: 0 10px 0 25px;
}
#guadalupe-story img {
  display: block;
  margin: 0 auto;
}

#footer ul {
  margin: 0 0 10px 0;
}
#footer ul li {
  display: inline;
  margin: 0;
  padding: 0;
} 
#footer ul li a {
  color: #623c09;
  background: transparent url(../images/footerbullet.gif) no-repeat center right;
  text-decoration: none;
  padding: 0 25px 0 15px; 
  margin: 0;
}
#footer ul li a:hover {
  color: #4e3417;
}
#footer ul li.last a,
#footer ul li:last-child a {
  background: none;
}
#footer {
  text-align: center;
  padding: 35px 0;
}
#footer .copyright {
  font-size: .65em;
  text-transform: uppercase;
  color: #a99773;
  letter-spacing: .15em;
}

/*added by Stephen Walther = book ad in top nav */

#book_ad table
	{
	margin-top: -2em;
	margin-bottom: 0em;
	margin-left: 1em;
	}
	

#book_ad td p 
	{
	color: #FFFFFF;
	font-size: 100%;
	padding: 1em;
	}
	
#book_ad img
	{
	float: right;
	}
	
#book_ad a
	{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	}
	
#book_ad .pre_order
	{
	text-align: center;
	}
	
#artrelic td a
	{
	color: #660000;
	font-size: 100%;
	}
	
#artrelic td 
	{
	text-align: center;
	vertical-align: middle;
	}
