/* Somerville Road Church of Christ */

/**  GLOBAL ELEMENT STYLES  **/

body {
   background:  #732626 url(/img/bg_body.gif) center repeat-y;
	color:       #FFF;
	font-family: Arial, Helvetica, sans-serif;
	padding:     0;
	margin:      0;
}

a {
   color: #FFF;
}

abbr, acronym {
   cursor:        help;
   border-bottom: 1px dotted #066;
}

img {
   border: 1px solid #630;
}

.hide {
   display: none;
}

em.super {
   font-style:     normal;
   text-transform: uppercase;
}

.churchElem, .worshipElem {
   text-transform: uppercase;
}


/**  LAYOUT  **/

#PageWrapper {
   text-align: center;  /* IE5-Win hack */
	width:      100%;
	padding:    1.5em 0;
	margin:     0;
}

#ContentWrapper {
   background:   #FFFCF6 url(/img/bg_sidebar.gif) left repeat-y;
	color:        #000;
	text-align:   left;
	width:        730px;
	padding:      0;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #024;
	border-color: #400;
	margin:       0 auto;
}

#Header {
   background:    #900 url(/img/bg_header.gif) top;
   width:         730px;
	height:        120px;
	padding:       0;
	border-top:    1em solid #09C;
	border-top:    1em solid #C24B4B;
	border-top:    1em solid #066;
	margin:        0;
}

#QuickInfo {
	background:  #099;
	color:       #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   x-small;
	padding:     1ex;
}

#NavMenu {
   clear:       left;
   float:       left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   small;
	text-align:  right;
	width:       200px;
	padding:     0;
	border:      0;
	margin:      0;
}

#Breadcrumbs {
   background:     #EEE;
   font-family:    Arial, Helvetica, sans-serif;
	font-size:      xx-small;
	text-transform: uppercase;
	padding:        1ex 10px;
	border-bottom:  1px solid #CCC;
	margin:         0 0 0 200px;
}

#Content {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size:   medium;
   padding:     0 10px;
   padding:     0 1em;
	margin-left: 200px;
}

#Footer {
   clear:       both;
	background:  #066;
	color:       #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   xx-small;
	text-align:  center;
	padding:     1em;
	border:      0;
	margin:      2em 0 0;
}


/**  HEADER ELEMENTS  **/

#Header h1 {
   text-indent: -9999px;
   padding:     0;
	border:      0;
	margin:      0;
}

#HomeLink {
	display:         block;
	text-decoration: none;
   width:           730px;
	height:          120px;
	padding:         0;
	margin:          0;
}


/**  QUICKINFO ELEMENTS  **/

#QuickInfo dl {
	width: 45%;
   padding: 0;
	border:  0;
	margin:  0;
}

#QuickInfo #Services {
	margin-right: 50%;
}

#QuickInfo #Contact {
   float: right;
}

#QuickInfo dt, #QuickInfo dd {
	padding: 0;
	border:  0;
	margin:  0;
}

#QuickInfo dt {
   float:       left;
   font-weight: bold;
}

#QuickInfo dd {
   font-weight: normal;
	margin-left: 12ex;
}


/**  NAVMENU ELEMENTS  **/

#NavMenu ul {
   list-style: none;
   background: transparent url(../img/bg_navmenu.gif) right repeat-y;
	padding:    0;
	margin:     0;
}

#NavMenu a, #NavMenu a:link, #NavMenu a:visited {
   display:         block;
	color:           #000;
	text-decoration: none;
   padding:         7px 21px 7px 6px;
   border:          1px;
	margin:          1px;
	
	/* IE-Win 5 Box Model Hack */
	width:           200px;
	voice-family:    "\"}\"";
	voice-family:    inherit;
   width:           171px;
}

#NavMenu a:hover, #NavMenu a:active, #NavMenu a:focus {
   background: #CDD;
   padding:    6px 20px 6px 5px;
   border:     1px solid #630;
}

#NavMenu li.here a {
   background: url(/img/bg_filter.gif);
}


/**  BREADCRUMBS ELEMENTS  **/

#Breadcrumbs ul {
   list-style: none;
	padding:    0;
	margin:     0;
}

#Breadcrumbs li {
   display:        inline;
	white-space:    nowrap;
	padding:        0;
	margin:         0;
}

#Breadcrumbs a, #Breadcrumbs a:link {
	color: #900;
}

#Breadcrumbs a:visited {
	color: #600;
}

#Breadcrumbs a:hover, #Breadcrumbs a:active, #Breadcrumbs a:focus {
	text-decoration: none;
}


/**  CONTENT ELEMENTS  **/

#Content a, #Content a:link {
	color: #900;
}

#Content a:visited {
	color: #600;
}

#Content a:hover {
	color:           #C00;
	text-decoration: none;
}

#Content a:active, #Content a:focus {
	text-decoration: none;
}

#Content a img, #Content a:link img {
	border: 2px solid #900;
}

#Content a:visited img {
	border-color: #600;
}

#Content a:hover img {
	border-color: #C00;
}

#Content h2, #Content h3, #Content h4, #Content h5, #Content h6 {
	color:       #066;
   font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:      1em 0 0;
}

#Content h2 {
	color:          #066;
   font-size:      1.4em;
	text-transform: uppercase;
	text-align:     left;
	padding:        0.5ex 0.25ex;
	margin:         0 -10px 1em;
	margin:         0 -0.7em 1em;
}

#Content h3 {
   font-size: 1.6em;
}

#Content h4 {
   font-size: 1.4em;
}

#Content h5 {
   font-size: 1.2em;
}

#Content h6 {
   font-size:   1em;
	font-weight: normal
}

#Content p {
   font-size:  1em;
   text-align: justify;
   margin:     0 0 1em;
}

#Content h2+p:first-line {
   font-variant: small-caps;
}

#Content blockquote, #Content .pullLeft, #Content .pullRight {
   background:  #FFECC4;
	color:       #630;
	font-family: Arial, Helvetica, sans-serif;
	font-size:   0.9em;
	text-align:  left;
	padding:     0.5em;
	border:      1px solid;
	margin:      1em inherit;
}

#Content .pullLeft, #Content .pullRight {
	width:        25%;
	border-width: 2px 0;
	margin:       1em;
}

#Content .pullLeft {
   float:       left;
   margin-left: 0;
}

#Content .pullRight {
   float:        right;
   margin-right: 0;
}

#Content dl {
   margin: 1em;
}

#Content dt {
   padding-bottom: 0.25ex;
   border-bottom:  1px solid #960;
   margin-top:     1em;
}

#Content dd {
   padding:     0.25ex 0 0.25ex 1em;
   border-left: 1px solid #960;
	margin:      0;
}

#Content ol, #Content ul {
   margin-top:    1em;
	margin-bottom: 1em;
}

#Content ol ol, #Content ul ul, #Content ol ul, #Content ul ol {
   margin-top:    0;
	margin-bottom: 0.5em;
}

#Content table {
   font:            0.9em Arial, Helvetica, sans-serif;
   padding:         0;
   border:          solid #630;
   border-width:    2px 0;
	border-collapse: collapse;
   margin:          1em auto;
}

#Content caption {
   padding:    0;
}

#Content caption label {
   font-variant: small-caps;
}

#Content tr.odd {
   background: #FFF8EA;
}

#Content td, #Content th {
   text-align:     left;
	vertical-align: top;
	padding:        0.25ex 0.75ex;
}

#Content thead th, #Content tfoot th {
   background:    #FFECC4;
   text-align:    center;
   border:        solid #630;
	border-width:  1px 0;
}

#Content tbody th[scope="col"] {
   text-align:    center;
   border:        solid #630;
	border-width:  1px 0;
}

#Content tbody th.col {      /* accommodate IE */
   text-align:    center;
   border:        solid #630;
	border-width:  1px 0;
}

#Content p.bldgpic {
   text-align: center;
}

#Content p.bldgpic img {
   margin-left:  1em;
   margin-right: 1em;
}

#Content .thumbnail {
   display:    inline;
   float:      left;
	clear:      left;
	text-align: center;
   margin:     1ex;
}

#Content .thumbnail img, #Content .thumbnail label {
   display: block;
}


/**  SPECIFIC CONTENT ELEMENTS  **/

#Content ul#Elders, #Content ul#Deacons, #Content ul#Evangelists {
   list-style:   none;
   text-align:   center;
   font-style:   italic;
	padding-left: 0;
	margin-left:  0;
}