/* Church Square - January 2007 */

body { margin: 0px; padding: 0px;  background-color: #AD4219; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/bg4.gif); background-repeat: no-repeat; }

a:link {  color: #E7C7BD; text-decoration: none; font-weight: bold;}
a:visited { color: #E7C7BD;  text-decoration: none;}
a:hover {  text-decoration: underline; background-color: #B56142; }

/* LAYOUT */

#wrapper {margin: 0 auto; width: 700px;}

#branding {width: 100%; height: 130px;  }

#strap {width: 100%; background-color:#732100; text-align: left; font-size: 1.3em; word-spacing: 0.15em; font-weight: bold; text-indent: 5px; height: 20px; text-transform: uppercase; color: white; }

#bodyblock {  position:relative; padding:0px; width:100%; background-image: url(../images/bg5.gif); background-repeat: no-repeat; }

#l-col {  float:left; background: transparent; color: #333333; width:145px; margin-right: 5px}

#cont {  width: 535px; background: transparent; font-size: 1.4em;	line-height: 140%; color: #FFFFFF;	 text-align:left; padding-top:5px; }

#cont li {list-style: circle; margin-bottom:6px;}

/* NAVIGATION */

#navmenu { text-align: right; width: 100%; margin: 74px 0 10px 0;padding: 0; }

#navmenu ul { list-style: none; margin: 0 0 10px 0; padding: 0; font-size: 1.4em;}	
#navmenu li {margin-bottom: 4px;}

#navmenu li a {font-weight: bold; height: 20px; text-decoration: none; color: #AD4221; display: block;
padding: 4px 6px 0 8px;background-color:#E7C7BD; border-left: 4px solid #732100; border-bottom: 1px solid#C27159; border-right: 1 px solid #C27159; }	
	
#navmenu li a:hover {background: #C27159;color: #732100; border-left: 4px solid #C27159;}

#navmenu li.on { font-weight: bold; height: 20px; text-decoration: none;  display: block;
padding: 4px 6px 0 8px; background: #C27159; color: #732100; border-left: 4px solid #C27159; border-bottom: 1px solid#C27159; border-right: 1 px solid #C27159;}


.announce { margin: 10px 0 10px 0;padding: 5px;width: auto;color: #AD4221;background-color: #E7C7BD;
line-height: 1.3em; border: 3px solid #C27159; font-size: 1.3em; text-align: center;}

.announce a:link {color: #732100; font-weight: normal; text-decoration: underline;}
.announce a:visited {color: #732100; font-weight: normal; text-decoration: underline;}
.announce a:hover {color: #732100; font-weight: normal; text-decoration: none; background: #C27159;}

/* FOOTER */

#siteinfo {width:100%; font-size: 1.0em; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; border-top: 1px solid #C27159; padding-top:5px;}

.clear {clear:both;}

/**************************************************************
   Form Elements
 **************************************************************/

form {   padding: 3px;  margin: 0; background-color: #C27159; width: 75%;}

/* If you're finding the input elements get pushed down, increase the width */
label {   float: left;  width: 25%;  vertical-align: top;}

input, textarea, select {  padding: 1px;  font: 400 1em verdana, sans-serif;  color: #999;
  background: #EEE;  border: 1px solid #CCC;}

input:focus, input:hover,textarea:focus,textarea:hover,select:focus,select:hover {  color: #000;
  background: #E7F1F3;  border: 1px solid #888;}

input.noBorder,input:focus.noBorder,input:hover.noBorder {  padding: 0;  border: 0;}
input.button {  padding: 2px 5px;  font: 400 0.9em verdana, serif;  cursor: pointer;
  color: #732100;  background: #E7C7BD;  border-width: 1px;  border-style: solid;  border-color: #732100;}

input.radio {  background: none;  border: 0px;}

/* gallery */

#pics {text-align: center; width: 90%; background-color: #B56142; }

#pics img {border: 1px solid #E7C7BD; padding: 4px; margin: 6px;}

/* DECOR */

h1 { font-size: 1.3em; font-weight: normal;	color: #E7C7BD; margin: 10px 0px 20px 0px; line-height: 110%; letter-spacing: 1px;}

h2 { font-size: 1.4em; font-weight: normal;	color: #FFFFFF;  margin-bottom: 10px; }

.intro {font-size: 110%;}


#spec {float:right; margin:15px; width: 250px; background-color: #B56142; padding: 10px; border: 3px double #C27159; }

#spec2 {float:left; margin:15px; width: 250px; background-color: #B56142; padding: 10px; border: 3px double #C27159; }

#spec3 {float:left; margin:15px; width: 80%; background-color: #B56142; padding: 10px; border: 3px double #C27159; }


.left {float:left;margin-right: 15px; border: 0px; border-right:2px solid  #732100  ; border-bottom:2px solid #732100;}
.right {float:right; margin-left:15px; border:0px; border-right:2px solid #732100  ; border-bottom:2px solid #732100;
}

.border {border: 1px solid #C27159; }
strong {font-weight: bold;}
.caps {text-transform: uppercase;}
.bolder {font-weight: bold; font-size: 120%;}