@import "http://www.huberspace.net/common/global.css";

body
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#692d27;
  background-repeat:no-repeat;
  background-position: 810px 0;
  padding:0;
  margin:0;
}


body, td,th
{
  font-size:small;
}

address { font-style:normal; }

a:hover { text-decoration:none; }

form, fieldset
{
  border:0;
  margin:0;
  padding:0;
}

legend
{
  font-weight:bold;
}

H1 { text-align:center; font-weight:500; font-size:20px; color:#6e1f10 }
H2 { font-weight: bold; font-size:18px; color:#640000 }
H3, .ocTitle { font-weight:bold; font-size:16px; color:#000 }
H4 { font-weight:bold; font-size:13px; color:#000 }

hr
{
  height:1px;
  border:0;
  padding:0;
  clear:both;
  margin:10px 0;
}



/* ******************* G E N E R A L ******************* */



.alert
{
 text-align:center;
 border:#640000 solid 2px;
 background-color:#ffa;
 margin:1em 0;
 padding:1em;
 font-size:115%;
}

.viewall { font-size:85%; text-align:center; }

.photo
{
  display:inline;
  border:1px #640000 solid;
}

.photo img
{
  border:0;
}

.right
{
  float:right;
  margin:0 0 10px 10px;
}

.photo .caption
{
  font-size:85%;
  margin:1em 0;
  font-weight:bold;
  text-align:center;
}

table.people
{
  border:0;
  border-collapse:collapse;
  width:75%;
  margin:1em auto;
}

table.people th,
table.people td
{
  margin:0;
  padding:5px 5px 5px 0;
  vertical-align:top;
}

table.people th
{
  text-align:left;
  font-weight:bold;
  text-transform:uppercase;
  padding-right:1em;
}

table.people col.title,
table.schedule col.date
{
  width:35%;
}

table.people col.name
table.schedule col.details
{
  width:65%;
}


table.schedule
{
  border:0;
  border-collapse:collapse;
  width:100%;
  margin:1em 0;
}

table.schedule th,
table.schedule td
{
  margin:0;
  padding:6px 6px 6px 0;
  vertical-align:top;
}


body#popup
{
  background:#fff;
  margin:0; padding:0;
  text-align:center;
}

body#faqs, body#involved
{ background-image: url(/images/bg1.jpg); }

body#about, body#education, body#contact
{ background-image: url(/images/bg2.jpg); }

body#home, body#library, body#services
{ background-image: url(/images/bg3.jpg); }

body#frosene, body#visiting
{ background-image: url(/images/bg4.jpg); }

body#mailinglist, body#mailinglist
{ background-image: url(/images/bg5.jpg); }

body#membership, body#events
{ background-image: url(/images/bg6.jpg); }

body#organizations, body#news
{ background-image: url(/images/bg7.jpg); }

body#orthodox, body#photogallery
{ background-image: url(/images/bg8.jpg); }


/* .bodytext,.text, #content, TD, th { font-size: 14px; } */

.smalltext { font-size: 10px; }


a.previous
{
  background:url(/images/m_previous.gif) center left no-repeat;
  padding-left:16px;
  height:14px;
  min-height:14px;
}

a.next
{
  background:url(/images/m_next.gif) center right no-repeat;
  padding-right:16px;
  height:14px;
  min-height:14px;
}


hr.blue
{
  background:url(/images/hrblue.gif) top left no-repeat;
  height:21px;
  width:450px;
}

hr.green
{
  background:url(/images/hrgreen.gif) top left no-repeat;
  height:21px;
  width:450px;
}

hr.black
{
  background:url(/images/hrblack.gif) top left no-repeat;
  height:21px;
  width:450px;
}



/* ******************* L A Y O U T ******************* */



#wrapper
{
  background-image:url(/images/borderbg.gif);
  width:810px;
}




/* ******************* H E A D E R ******************* */


#header
{
  padding:7px 7px 3px 7px;
}

#header #symbol
{
  width:156px;
  background:url(/images/mosaicbg4.gif);
  margin:0;
  padding:0;
  float:right;
}


#header #symbol img
{
  margin:9px 16px;
}

#header #title
{
  width:635px;
  padding:0;
  background:#fff url(/images/contact-info.gif) 100% 38px no-repeat;
  float:left;
}

#home #header
{
  background:#fff url(/images/index_headers2/index_innerdome.jpg) top left no-repeat;
  height:210px;
  margin:5px 5px 0 5px;
  padding:0;
}

#home #header h1
{
  background:url(/images/header3.png) top left no-repeat;
  height:210px;
  text-indent:-9999em;
  overflow:hidden;
  margin:0;
  padding:0;
}

#home cite { font-style:normal; }

#container
{
  border-spacing:2px;
  border-collapse:separate;
  background:transparent;
  margin:0 3px;
}



/* ******************* L E F T ******************* */



#left .box
{
  margin-top:2em;
  padding:3px;
}

#left .box p
{
  font-size: 11px;
  margin:.5em 0;
}


#left .box ul,
#left .box li
{
  margin:0 0 0 1em;
  padding:0;
}


td#left
{
  background:url(/images/mosaicbg4.gif);
  width:170px;
}



/* ******************* C O N T E N T ******************* */

#content
{
  padding:10px;
  background:#fff url(/images/parchment.jpg);
  width:630px;
  line-height:1.6;
}


#content li { padding-bottom:.5em }

* html div#content { width:572px }


form#search
{
  text-align:right;
  padding: 6px 10px 6px 0;
  margin:2px 5px 0 5px;
}

#upcoming-events ul,
#quick-links ul,
#liturgical-calendar ul
{
  margin:0;
  padding:0;
  list-style:none;
  font-size:12px;
}

#content dt { padding-bottom:.25em; margin:0; font-weight:bold }
#content dd { padding-bottom:1em; margin:0;  line-height:150% }


#upcoming-events ul li,
#liturgical-calendar li,
#quick-links ul li
{
  margin:0;
  padding:0 0 1em 0;
}



/* photos */
#content div.photo_right, #content div.photo_left, #content .newsphoto
{
  background-color:#FFFFE9;
  padding:5px;
}

#content div.photo_right, #content .newsphoto
{
  margin-left:10px;
  float:right;
  min-width:300px;
}

* html #content div.photo_right, #content .newsphoto
{
  width:300px;
}

#content div.photo_right, #content .newsphoto
{
  margin:0 auto;
}


#content div.photo_left
{
  margin-right:10px;
  float:left;
}

#content div.photo_left p, #content div.photo_right p
{
  font-weight:bold;
  font-size:10px;
  line-height:120%;
}

#content div.photobox
{
  width:200px;
  float:right;
  margin:5px;
}

#content div.photobox p
{
  font-size:80%;
  margin:0;
  padding:0;
  text-align:center;
}

#content #readings a { font-weight:bold; }

/* Frosene Center */

#frosene #content .facility_details,
#frosene #content .rental_fees
{
  clear:both;
  width:100%;
border-collapse:collapse;
border:1px solid #eee;
}

#frosene #content .rental_fees th,
#frosene #content .rental_fees td,
#frosene #content .facility_details th,
#frosene #content .facility_details td
{
  padding:5px;
  vertical-align:middle;
}

#frosene #content .facility_details td
{
  padding:5px;
  vertical-align:middle;
  background-color:#FFFFE9;
  width:70%;
  text-align:left;
  border:1px solid #eee;
}

#frosene #content .facility_details th
{
  text-align:right;
  background-color:#ddd;
  width:30%;
  border:1px solid #eee;
}

#frosene #content .rental_fees tbody th,
#frosene #content .rental_fees tbody td
{
  padding:5px;
  vertical-align:middle;
  text-align:left;
}

#frosene #content .rental_fees thead th
{
  text-align:left;
  background-color:#ddd;
  width:30%;
}

#frosene #content .rental_fees tbody th
{
  background-color:#eee;
}

#frosene #content .rental_fees tbody td
{
  background-color:#FFFFE9;
}

#frosene #content .rental_fees .e
{
  padding-left:2em;
  width:40%;
  border:1px solid #eee;
}

#frosene #content .rental_fees  .f
{
  text-align:center;
  width:30%;
}

#frosene #content .rental_fees tbody .f
{
  text-align:center;
  width:30%;
  border:1px solid #eee;
}


ol#footnotes
{
  font-size:85%;
  list-style:decimal;
}


#library #content ul h2 { font-size:100%; margin-bottom:0; }



/* ******************* R I G H T ******************* */

td#right
{
  width:150px;
  padding:10px;
  font-size:12px;
  background:url(/images/mosaicbg4.gif);
  text-align:center;
}

#home td#right
{
  text-align:left;
}


#right ol
{
  list-style:none;
  margin:0;
  padding:0;
  font-weight:bold;
}

#right ol li
{
  margin:0 0 1em 0;
  padding:0;
}


/* ******************* F O O T E R ******************* */

#footer-wrapper
{
  background:transparent url(/images/indexA2_r11_c1.gif) repeat-x bottom left;
  margin:0;
  padding-bottom:13px;
}

#footer
{
  font-size: 10px;
  background:#fff;
  text-align:center;
  margin:0 5px 3px 5px;
  padding:5px;
  background:url(/images/mosaicbg4.gif);
}


#header:after
{
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

* html #header
{
  height:1%;
}