/* style order:
margin
padding
width
height
position
left
background stuff
border stuff
font stuff
*/

/* generic
--------------------------------------------------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  background: #D0C7B1 url(../images/bg.gif) top left repeat-y;
}

img { border: 0; }

strong,  #content-main strong, #content-main li strong, #content-main p, #content-sidebar .sidebar-box2 strong {
  font-weight: bold;
}


/* links
--------------------------------------------------------------------------------------------- */
#header a {
  text-decoration: none; color: #721419}

#content-main a, #content-main a:link, #content-main a:visited {
  font-weight: bold;
  color: #83191F;
  text-decoration: none;
  border-bottom: 0px ;
}

#content-main a:hover, #content-sidebar a:hover, #content-sidebar .sidebar-box2 a:hover {
  color: #83191F; border-bottom: 1px solid #83191F; }

#content-sidebar a, #content-sidebar a:link, #content-sidebar a:visited {
  color: #83191F;
  text-decoration: none;
  border-bottom: 1px  }

.more a:after, a.more:after {
  content: url(../images/bullet_more.gif);
  padding-left: 2px;
}


/* container
--------------------------------------------------------------------------------------------- */
#container {
  margin: 0 0 0 21px;
  padding: 0;
  width: 708px;
  text-align: center;
}


/* header
--------------------------------------------------------------------------------------------- */
#header {
  width: 708px;
  height: 192px;
  background: url(../images/bg_header.gif) top left no-repeat;
  position: relative;   /* douglas bowman: "making the absolute, relative" */
}



#header #hpOverlay2{background: transparent top left no-repeat;  color: #721419; font-size: 10px;  font-weight: normal;  padding: 10px;  position: absolute;  top: 135px; left: 50px; width: 300px;}


#header #header-branding {
  width: 328px;  height: 100px;
  top: 0;
  left: 38px;
  position: absolute;   /* douglas bowman: "making the absolute, relative" */
  background: url(../images/bg_header-branding4.gif) top left no-repeat;
  text-indent: -3000px;
}


#header #hpOverlay{background: transparent top left no-repeat;  color: #721419; font-size: 10px;  font-weight: normal;  padding: 10px;  position: absolute;  top: 0px; left: 30px;  width: 400px; }

#header #header-nav {
  width: 207px;
  height: 49px;
  top: 36px;
  left: 473px;
  position: absolute;   /* douglas bowman: "making the absolute, relative" */
  background: url(../images/bg_header-nav.gif) top left no-repeat;
  text-indent: -3000px;
}


/* navigation
---------------------------------------------------------------------------------------------
*/
#nav {
  margin: 0;
  padding: 0;
  width: 632px;
  height: 34px;
  list-style: none;
  overflow: hidden;
  background: url(../images/bg_nav.jpg) top left no-repeat;
}

#nav li {
  margin: 0; 
  padding: 0;
  list-style: none;
  display: inline;
}

#nav a {
  float: left;
  padding: 34px 0 0 0;
  overflow: hidden;
  height: 0px !important; 
  height /**/:34px; /* for IE5/Win only */
}
        
#nav a:hover {
  background-position: 0 -34px;
}

#nav a.selected {
  background-position: 0 -34px;
}

#design a  {
  width: 80px;
  background: url(../images/design.jpg) top left no-repeat;
}

#hosting a  {
  width: 80px;
  background: url(../images/hosting.jpg) top left no-repeat;
}

#seo a  {
  width:80px;
  background: url(../images/seo-services.jpg) top left no-repeat;
}

#sem a  {
  width: 80px;
  background: url(../images/sem-services.jpg) top left no-repeat;
}

#identity a  {
  width: 80px;
  background: url(../images/identity.jpg) top left no-repeat;
}


/* subnav
--------------------------------------------------------------------------------------------- */
#subnav {
  margin: 0;
  padding: 0;
  width: 92px;
  height: 68px;
  top: 30px;
  left: 484px;
  position: absolute;   /* douglas bowman: "making the absolute, relative" */
  list-style: none;
  overflow: hidden;
}

#subnav li {
  margin: 0; 
  padding: 0;
  list-style: none;
  display: inline;
}

#subnav li a {
  display: block;
  overflow: hidden;
  padding: 17px 0 0 0;
  height: 17px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 0;
}
        
#subnav a:hover {
  background-position: -92px 0;
}

#subnav a.selected {
  background-position: -92px 0;
}


#about a  {
  width: 92px;
  background: url(../images/btn_about.gif) top left no-repeat;
}


#clients a  {
  width: 92px;
  background: url(../images/btn_clients.gif) top left no-repeat;
}


#sitemap a  {
  width: 92px;
  background: url(../images/btn_site-map.gif) top left no-repeat;
}


#contact a  {
  width: 92px;
  background: url(../images/btn_contact.gif) top left no-repeat;
}


/* content
--------------------------------------------------------------------------------------------- */
#content {  margin: 0 38px;  width: 632px;  position: relative;  text-align:left;}
#content-title {
  width: 632px;
  height: 98px;
  background: url(../images/bg_content-title.gif) top left no-repeat;
  position: relative;  /* douglas bowman: "making the absolute, relative" */
}

h1 {	line-height:2.4em;
	font: 10px tahoma, verdana, "lucida sans", sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#content-title h1.swap {
  margin: 0;
  padding: 0;
  width: 440px;
  height: 47px;
  top: 51px;
  left: 3px;
  position: absolute;   /* douglas bowman: "making the absolute, relative" */
}

#content-title h1.swap span {
  text-indent: -3000px;
  display: block;
}



#content-title #content-title h1#portfolio {background: url(../images/title_portfolio.gif) top left no-repeat;}


#content-title #hpOverlay3{background: transparent top left no-repeat;  color: #5A4D37; 
font-size: 30px;  font-weight: bold; position: absolute;  top: 50px; left: 20px;  width: 500px; }

#content .content-hr {
  clear: both;
  height: 47px;
  background: url(../images/bg_content-hr.gif) top left no-repeat;
}

#content .content-hr hr {
  display: none;
}





/* content-main
--------------------------------------------------------------------------------------------- */
#content-main {
  margin: 0 0 0 15px;
  padding: 0; 
  width: 330px;
  float: left;
  display: inline;
  font: 11px/16px tahoma, verdana, "lucida sans", sans-serif;
  color: #5A4D37;
}

#content-main h2.swap {
  margin: 20px 0 0 0;
  padding: 0;
  height: 40px;
}

#content-main h2.swap span {
  text-indent: -3000px;
  display: block;
}

#content-main h2#welcome {background: url(../images/title_content-main-welcome2.gif) top left no-repeat;}
#content-main h2
#upcoming {background: url(../images/title_content-main-upcoming.gif) top left no-repeat;}


#content-main h2 {
  margin: 0 0 8px 0;
  font: bold 18px Georgia, "Times New Roman", serif;
  color: #5A4D37;
}


#content-main h3 {
  margin: 0 0 8px 0;
  font: bold 12px Georgia, "Times New Roman", serif;
  color: #83191F;
}

#content-main h4 {
  margin: 0 0 8px 0;
  font: bold 15px Georgia, "Times New Roman", serif;
  color: #713304;
}
#content-main p {
  margin: 0 0 10px 0;
  padding: 0;
}

#content-main ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}

#content-main ul.loose li {
  margin: 0 0 7px 0;
  padding: 0;
}

#content-main ul.tight li {
  margin: 0;
  padding: 0 0 0 12px;
  background: url(../images/bullet_content-main.gif) no-repeat;
  background-position: 0 5px;
}

#content-main .dotted-hr {
  margin-bottom: 10px;
  padding: 0;
  height: 1px;
  border-bottom: 0px  #CBBFAB;
}

#content-main .dotted-hr hr {
  display: none;
}

#content-main img.pic-left, #content-main div.pic-left {
  margin: 0 10px 15px 0;
  float: left;}


#controlSection {
position:absolute;
width: auto;
height: auto;
top: 50px;
left: 10px;
visibility:visible;
font-size: 12pt;
background: Silver;
color : Maroon; 
border : 1px solid;
}


#divtag1 { visibility:visible; 
position:absolute; 
top:120px; 
left:10px;
visibility:hidden;
height:auto;
width:300px;
font-size: 10pt;
background:silver;
border : thin dotted Black; 
}


#inputbox {
position: absolute;
top: 25px;
left: 120px;
}

.heading { font-size: 14pt;

}


/* content-sidebar
--------------------------------------------------------------------------------------------- */
#content-sidebar {
  margin: 0;
  padding: 0;
  width: 262px;
  float: right;
  /* top: 179px;
  left: 370px;
  position: absolute;  /* douglas bowman: "making the absolute, relative" */
  font: 11px tahoma, verdana, "lucida sans", sans-serif;
  color: #5A4D37;
}

#content-sidebar h2.swap {
  margin: 0;
  padding: 0;
  height: 44px;
}

#content-sidebar h2.swap span {
  text-indent: -3000px;
  display: block;
}

#content-sidebar h2#sidebar-media {background: url(../images/title_sidebar-media.gif) top left no-repeat;}
#content-sidebar h2#sidebar-giving {background: url(../images/title_sidebar-giving.gif) top left no-repeat;}
#content-sidebar h2#sidebar-getconnected {background: url(../images/title_sidebar-getconnected.gif) top left no-repeat;}
#content-sidebar h2#sidebar-staff {background: url(../images/title_sidebar-staff.gif) top left no-repeat;}
#content-sidebar h2#sidebar-listen {background: url(../images/title_sidebar-listen.gif) top left no-repeat;}

#content-sidebar .sidebar-box {
  padding: 0 0 20px 0;
  width: 262px;
  background: #E0D8C5 url(../images/sidebar_box-bot.gif) bottom left no-repeat;
}

#content-sidebar .sidebar-box2 {
  padding: 10px 0 0 0;
  background: url(../images/sidebar_box-top.gif) top left no-repeat;
}


 
#content-sidebar .sidebar-box2 ul {
  margin: 0;
  padding: 0 0 18px 0;
  list-style-type: none;
}

#content-sidebar .sidebar-box2 ul.last {
  padding: 0 0 3px 0;
}

#content-sidebar .sidebar-box2 ul.loose li {
  margin: 0 0 7px 0;
}



#content-sidebar .sidebar-box2 li {
  margin: 0;
  padding: 0 0 4px 25px;
  /* _padding: 0 0 0 25px; /* hack for IE6/Win */
  background: url(../images/bullet_sidebar1.gif) no-repeat;
  background-position: 13px 3px;
  /* _background-position: 13px 7px;  /* hack for bullet position within IE6/Win */
  font: 11px tahoma, verdana, "lucida sans", sans-serif;
  color: #83191F;
}

#content-sidebar .sidebar-box2 h4 {
   margin: 0 0 8px 13px;
  /* _margin: 0 0 3px 13px; /* hack for IE6/Win */
  padding: 0;
   font: 11px tahoma, verdana, "lucida sans", sans-serif;
  color: #83191F;
}

#content-sidebar .sidebar-box2 h3 {
  margin: 0 0 8px 13px;
  /* _margin: 0 0 3px 13px; /* hack for IE6/Win */
  padding: 0;
  font: 12px/12px Georgia, "Times New Roman", serif;
  color: #5A4D37;
}#content-sidebar .sidebar-box2 p {
  margin: 0 13px 10px 13px;
}


/* footer
--------------------------------------------------------------------------------------------- */
#footer {  padding-top: 10px;   width: 232px;
  height: 25px;
  clear: both;
  position: relative;   /* douglas bowman: "making the absolute, relative" */
}

#footer #footer-credit {
  width: 632px;
  height: 25px;
  position: absolute;   /* douglas bowman: "making the absolute, relative" */
  background: url(../images/bg_footer2.gif) bottom left no-repeat;
  text-indent: -3000px; text-decoration: none;}/* forms 
--------------------------------------------------------------------------------------------- */
label {
  display: block;
  margin: 0 0 3px 11px;
  font: 11px tahoma, verdana, "lucida sans", sans-serif;
  color: #999;
}

label span {
  color: #99CC00;
}

input, select, textarea {
  display: block;
  margin: 0 0 10px 11px;
  padding: 0;
  border: 1px solid #ccc;
  font: 11px tahoma, verdana, "lucida sans", sans-serif;
  color: #999;
}

input#fname { width: 207px; }
input#lname { width: 207px; }
input#email { width: 207px; }
select#subject { width: 207px; }
textarea#message {
  width: 207px;
  height: 150px;
}

form img.submit { margin: 0 0 0 11px; }


/* tables 
--------------------------------------------------------------------------------------------- */
table {

}

table.cal {
  margin-left: 25px;
  width: 200px;
  font: 11px tahoma, verdana, "lucida sans", sans-serif;
}

.cal th {
  padding-bottom: 4px;
  font: 12px Georgia,Sans-serif;
  color: #aa9;
  text-transform: lowercase;
  text-align: center;
}

.cal td {
  padding: 2px 4px;
  text-align: center;
  color: #887;
  line-height: 1.2em;
}

.cal .selected {
  padding: 1px 3px;
  border: solid #bb9;
  border-width: 1px;
  font-weight: bold;
  color: #b93;
}

.cal .today {
  padding: 1px 4px 2px 3px;
  background: #ccb;
  color: #eed;
  border: solid #998;
  border-width: 1px 0 0 1px;
}

.cal th.month {
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  border: 1px dotted #706047;
  background-color: #B4AC98;
 }

table.list {
  width: 100%;
}

.list tr.dark {
  background-color: #B3AB97;font-size: 18px;
  font-weight: bold;

}

.list td {
  padding: 5px 0;
}

.list td.day {
  padding: 5px 10px;
  width: 20px;
  font-weight: bold;
  color: #5A4D37;
}


/* online giving 
--------------------------------------------------------------------------------------------- */
body#giving {
  margin: 90px 20px;
  padding: 0;
  background: #EBE6DB url(../images/bg_giving.gif) top left repeat-x;
  font: 11px/16px tahoma, verdana, "lucida sans", sans-serif;
  color: #5A4D37;
}

#giving h2.swap {
  margin: 20px 0 0 0;
  padding: 0;
  height: 40px;
}

#giving h2.swap span {
  text-indent: -3000px;
  display: block;
}

#giving h2#giving-title {background: url(../images/title_giving.gif) top left no-repeat;}

#giving ol, #giving ul {
  margin: 0 20px;
  padding: 0;
}

#giving .dotted-hr {
  margin-bottom: 10px;
  padding: 0;
  height: 1px;
  border-bottom: 0px #CBBFAB;
}

#giving .dotted-hr hr {
  display: none;
}

/* online giving forms 
--------------------------------------------------------------------------------------------- */
#giving label {
  margin: 0 0 3px 11px;
  font: 11px tahoma, verdana, "lucida sans", sans-serif;
  color: #5A4D37;
  display: inline;
}

input.radio {
  display: inline;
}

#giving input#fname { width: 207px; }

#giving form div.amount, #giving form div.type {
  margin: 0 0 10px 0;
  padding: 15px;
  background-color: #DEDAD0;
}

#giving form div.submit {
  margin: 0 0 10px 0;
  padding: 5px 10px;
  background-color: #DEDAD0;
}

#giving form div.submit img {
  border: 1px dotted #5A4D37;
}