body {   
   background: #f0f0f0 url(http://yam.stceciliacathedral.org/images/public/page_bg.gif) repeat-y top left;
   margin: 0; 
   padding: 0;
   font-size: 10pt; 
   font-family: Arial, Verdana, Helvetica;
}

a:link, a:visited {
  color: #386088;
  text-decoration: underline;
}
a:hover, a:active {
  color: #386088;
  text-decoration: none;
}

h1 {
  color: #5c8727;
  font-size: 14pt; 
  font-family: Georgia;
  font-weight: bold;
  width: auto;
}

h2 {
	color: #5c8727;
	font-size: 12.5pt; 
	font-family: Georgia;
	font-weight: bold;
	width: auto;
}

h3 {
  color: #5c8727;
  font-size: 10pt; 
  font-family: Georgia;
  font-weight: bold;
  width: auto;
}

#slideshow {
	width: 500px; 
	height: 152px; 
	padding: 0; 
	margin: auto;
}

#theader_table {
	background: transparent url('http://yam.stceciliacathedral.org/images/public/header_bottom_border.png') repeat-x bottom left;
	width: 100%;
	padding: 0;
	margin: 10px 75px 0 0;
}

#theader_logo {
	background: transparent url('http://yam.stceciliacathedral.org/images/public/header_middle_border.png') no-repeat bottom right;
	padding: 0 10px 5px 41px;
	width: 231px;
	vertical-align: bottom;
}

#theader_menu {
	margin: 0 0 0 0; 
	padding: 0px 0 0 0;
	color: #000;
	white-space: nowrap;
	vertical-align: bottom;
}

#theader_menu ul {
	float: left;
	width: auto;
	list-style: none;
	line-height: 12pt;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0px 0;
}

#theader_menu li {
        float: left;
        position: relative;
        width: 6em;
        text-align: center;
        padding: 1px 0 1px 0;
        background: transparent url('http://yam.stceciliacathedral.org/images/public/header_middle_border.png') no-repeat bottom right;
}

#header_menu li:hover {
        background: #E5E9DA url('http://yam.stceciliacathedral.org/images/public/header_middle_border.png') no-repeat bottom right;
}

#theader_menu li.header_menu_last_item {
        float: left;
        position: relative;
        width: 6em;
        text-align: center;
        padding: 1px 0 1px 0;
}
#theader_menu li.header_menu_last_item:hover {
        background: #E5E9DA;
}

#theader_menu a {
	display: block;
	text-decoration: none;
        font-size: 8pt;
        font-weight: bold;
}

#theader_menu a:link, #theader_menu a:visited {
  text-decoration: none;
}
#theader_menu a:hover, #theader_menu a:active {
  text-decoration: underline;
}


/* Contain Styles */

#container {
	margin: 0;
	padding: 0;
	width: 100%;
}

#container_left_pane {
	margin: 0;
	padding: 0;
	width: 285px;
}

#container_right_pane {
	margin: 0;
	padding: 0px;
}

#left-navigation {
   background: transparent url('http://yam.stceciliacathedral.org/images/public/left_navigation_bg.png') repeat-y top left;
   margin-left: 0px;
   float: left;
   width: 282px;
}

#left-navigation h3 a:link, #left-navigation h3 a:visited, 
#left-yam-calendar h3 a:link, #left-yam-calendar h3 a:visited {
  color: #5c8727;
  font-size: 10pt; 
  font-family: Georgia;
  font-weight: bold;
  width: auto;
  text-decoration: none;
}
#left-navigation h3 a:hover, #left-navigation h3 a:active,
#left-yam-calendar h3 a:hover, #left-yam-calendar h3 a:active {
  color: #5c8727;
  font-size: 10pt; 
  font-family: Georgia;
  font-weight: bold;
  width: auto;
  text-decoration: underline;
}

#left-yam-calendar {
   margin: 10px 0 0 55px;
    float: left;
   width: 282px;
}

#left-spacer {
   background: transparent url('http://yam.stceciliacathedral.org/images/public/header_bottom_border.png') repeat-x bottom left;
   margin-left: 0px;
   clear: both;
   float: left;
   width: 282px;
   height: 5px;
}

#left-buttons {
   background: transparent url('http://yam.stceciliacathedral.org/images/public/left_button_bg.gif') repeat-y top right;
   padding: 15px 0 0 0;
   width: 282px;
}

.side_button_list {
        padding: 0px 0 20px 0;
        margin: 0 0 0 50px;
}

.side_button_item {
        color: #FFF;
        list-style-type: none;
        background: transparent url('http://yam.stceciliacathedral.org/images/public/side_button.png') no-repeat top left;
        margin: 0 0 5px 0;
        padding: 2px 0 0 8px;
        width: 180px;
        height: 25px;
	font-weight: normal;
	font-size: 9pt;
}

.side_button_item a, .side_button_item a:visited {
   text-decoration: none;
   color: #FFF;
}

.side_button_item a:hover, .side_button_item a:active {
   color: yellow;
   text-decoration: underline;
}


#left-message {
   width: 220px;
   padding: 0px 0 0px 0;
   margin: 0 auto 0 40px;
   font-size: 8pt;
}

#content {
   margin: 0;
   padding: 5px 0 0 10px;
   max-width: 44em;
   width: expression(
	document.body.clientWidth > 800 ? "450px":"auto");
}


#content h2 {
	color: #5c8727;
	font-size: 12.5pt; 
	font-family: Georgia;
	font-weight: bold;
	width: auto;
	/* background: transparent url(http://yam.stceciliacathedral.org/images/public/header-underline.png) bottom repeat-x; */
	border-bottom: 1px solid #5c8727;
	padding: 0 0 0pt 0;
}

#footer {
	width: 75%;
	margin: 15px auto 0 auto;
	padding: 10px 0 15px 0;
	line-height: 1.2em;
	font-size: 0.85em;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;
	color: #94a65a;
	background: transparent url(http://yam.stceciliacathedral.org/images/public/header_bottom_border.png) top repeat-x;
}

#footer a:link, #footer a:visited {
  color: #94a65a;
  text-decoration: none;
}
#footer a:hover, #footer a:active {
  color: #94a65a;
  text-decoration: underline;
}


/* Blog Post Styles */

.post {
	margin: 0;
}

.post-info {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 0.85em;
	font-family: Verdana, Arial, Sans-Serif;
	color: #333;
	background: transparent url(http://yam.stceciliacathedral.org/images/public/header_bottom_border.png) bottom repeat-x;
}

.post-info a { color: #990000; }
.post-info a:hover { color: #000; }

.post-title {
	font-size: 1.6em;
	font-weight: normal;
	display: block;
}

.post-title a, .post-title a:visited {
	text-decoration: none;
	color: #676e04;
}
.post-title a:hover, .post-title a:active{
	text-decoration: none;
        color: #4a659c;
}

.post-date {
	float: left;
	color: #94a65a;
	font-family: Georgia, 'Lucida sans ms', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
	margin: 0px 10px 0 0;
	padding: 5px 3px;
	width: 55px;
	background: #e7ebde;
	line-height: 1em;
}

.post-content {
	margin: 3px 0;
	padding: 10px 0;
	font-size: 12px;
	font-family: Georgia, Verdana, Arial, serif;
}


/* Event Box */

#upcoming_event_box {
	float: right;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	width: 201px;
	background: transparent url(http://yam.stceciliacathedral.org/images/public/yam_event_box_r2_c1.gif) repeat-y top left;
}

#upcoming_event_list {
	margin: 0;
	padding: 0;
	width: 201;
}

#upcoming_event_list ul {
	list-style: none;
        font-size: 8pt;
	color: #fff;
        margin: 0 0 0 30px;
	padding: 0 3px 0 0px;
}

#upcoming_event_list li {
	padding: 0 0 5px 0;
	list-style-image: url('http://yam.stceciliacathedral.org/images/public/upcoming_event_bullet.gif');
}

#upcoming_event_list li a:link, #upcoming_event_list li a:visited {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 10pt;
}
#upcoming_event_list li a:hover, #upcoming_event_list li a:active {
  color: #f0f0f0;
  text-decoration: underline;
}

#upcoming_event_more {
	background: transparent url(http://yam.stceciliacathedral.org/images/public/yam_event_box_r2_c1.gif) repeat-y top left;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: right;
}

#upcoming_event_more a.more:link, #upcoming_event_more a.more:visited {
	color: #FFF;
	padding-left: 5px;
	text-decoration: none;
}

#upcoming_event_more a.more:hover, #upcoming_event_more a.more:active {
	text-decoration: underline;
}

/* News Box */

#news_box {
   background: #F5F5E8; 
   border: 1px solid #94a65a; 
   float: right;
   clear: right;
   width: 225px;
   height: auto;
   padding: 0 0 5px 0;
   margin: 10px 10px 10px 10px;
}

#news_box h2 {
   text-align: center;
   width: auto;
   height: auto;
   padding: 0 0 5px 0;
}

#news_box ul {
	width: auto;
	list-style: none;
        font-size: 8pt;
	line-height: 10pt;
        margin-left: 0;
	padding: 0 8px 0 8px;
}

#news_box li {
	padding: 0 0 15px 0;
}

#news_box a.more_news {
   color: blue;
   padding-left: 5px;
}

/* Side Menu */

#side_image {
   padding: 8px 0 0 8px;
   margin: 0;
}

h2.side_title {
   padding: 3px 0 0 0;
   margin: 0px;
   color: #369;
   font: 14pt verdana, arial;
}

.side_links {
   width: 160px;
   padding: 0px 0 20px 0;
   margin: 0 auto 0 auto;
}

.side_links ul {
   padding: 0;
   margin: 0;
}

.side_links ul a#current {
   color: #fff;
   background: #A26B6B;
}

.side_links li { 
   margin: 0;
   padding: 1em 0 1em 0;
   background: transparent url('http://yam.stceciliacathedral.org/images/public/header_bottom_border.png') repeat-x bottom left;
}

.side_links ul > li { 
   list-style-image: url('http://yam.stceciliacathedral.org/images/public/bullet.gif');
   list-style-type: circle;
}

.side_links ul > li:hover { 
   list-style-image: url('http://yam.stceciliacathedral.org/images/public/bullet-anim.gif');
}

.side_links a {
   width: 155px;
   text-decoration: none;
   color: #4a659c;
}

.side_links a:hover {
   color: #94a65a;
   text-decoration: none;
}

/* Form Settings */

.custom_form_box {
        width: 100%;
}

.custom_form_header {
        font-weight: bold;
        font-size: 10pt;
}

.custom_form_field {
        padding: 4px 0 4px 25px;
}

.custom_form_required {
        color: #FF0000;
        font-size: 8pt;
}

.custom_form_submit_area {
        text-align: center;
        padding: 8px 0 0 0;
}

.custom_form_field input, .custom_form_field select, .custom_form_field textarea {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
    background-color: #FFF;
    border: 1px solid #4a659c;
}

.custom_form_field input:focus, .custom_form_field textarea:focus {
    background-color: #FFE;
    border: 1px solid #94a65a;
}

.custom_form_field input.basic_input {
        font-size: 1.0em;
        width: 89%;
        margin-top: 1px;
	padding: 2px;
}

.custom_form_field textarea.basic_textarea {
        font-size: 1.0em;
        width: 89%;
        height: 110px;
        margin-top: 1px;
	padding: 2px;
}