/*		
	Title:	  global.css
	Author:	  Jeannine Caracciolo and Elbert Bakker
	For:	  Seeker's Church
	Version:  September 21, 2007
*/



/*	Zero everything.

---------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,
p,a,pre,code,address,
form,label,input,select,textarea,
img,:visited img,:active img,:link img,caption,
table, tbody, tr, td { 

	font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 100%;
	font-style: normal;
	text-decoration: none;
	border: none;
	outline: none;
	vertical-align: baseline;
}

body,html,
ul,ol,li,
dl,dt,dd,
h1,h2,h3,h4,h5,h6,
p,pre,
form,fieldset,input,button {
	margin: 0;
	border: 0; border: none;
	padding: 0;
	vertical-align: baseline;
}

input,select,textarea { font-family: inherit; }

ul,ol { list-style:square; 
        font-family: inherit;
        font-size: 80%;
}


/*	GLOBAL SETTINGS
---------------------------------------------------------------------------- */

div.clear { clear: both; }


img.right {
	float: right;
	margin: 0 0 0 15px;
}
img.left {
	float: left;
	margin: 0 15px 0 0;
}
a:link { text-decoration: none; color: #ab4732; }
a:visited {text-decoration: none; color: #0e5fb2; }
a:hover { text-decoration: underline; color: #5d5d75; }

blockquote { margin-left: 18px; }

h1{
	font-size: 15px;
	margin-bottom: 4px;	
        color: #996633;
	padding-top: 4px;

}

h2{
	font-size: 13px;
	margin-bottom: 4px;	
        color: #663300;
	padding-top: 4px;

}

h3{
       font-size: 12px;
       margin-bottom: 3px;
       color: #224A7C;
       padding-top: 3px;
}

h4{
	font-size: 11px;
	margin-bottom: 3px;	
        color: #996600;
	padding-top: 3px;

}

h5{
	font-size: 11px;
        color: #224A7C;
}

h6{
	font-size: 10px;
        color: #224A7C;
}

/*		
	Title:	  default.css
	Author:	  Jeannine Caracciolo and Elbert Bakker
	For:	  Seekers Church
	Version:  September 21, 2007
*/



/*	MAIN LAYOUT
---------------------------------------------------------------------------- */

body {
	background: #F8F2D8;
}

#wrapper {
	margin: 10px auto;
	width: 90%;
	min-width: 800px;
width: 890px;
}

/*      -MENU
---------------------------------------------------------------------------- */

.ddmx58{
border:0px solid #FFFFFF !important ; 
}
.ddmx58 a.item1,
.ddmx58 a.item1:hover,
.ddmx58 a.item1-active,
.ddmx58 a.item1-active:hover {
 padding: 10px 10px 7px 10px  !important ; 
 top: 0px !important ; 
 left: 0px; 
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: center !important ; 
 font-weight: bold !important ; 
 color: #fff2AB !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 position: relative; 
 width:126px; 
}
.ddmx58 td.item11 {
 background-color: #00285c !important ; 
 padding:0 !important ; 
 border-top: 1px solid #031833 !important ; 
 border-left: 1px solid #031833 !important ; 
 border-bottom: 1px solid #031833;
 border-right: 0 !important ; 
 white-space: nowrap !important ; 
 width:126px; 
}
.ddmx58 td.item11-last {
 background-color: #00285c !important ; 
 padding:0 !important ; 
 border: 1px solid #031833 !important ; 
 white-space: nowrap; 
 width:126px; 
}
.ddmx58 td.item11-acton {
 padding:0 !important ; 
 border-top: 1px solid #031833 !important ; 
 border-left: 1px solid #031833 !important ; 
 white-space: nowrap; 
 border-bottom: 1px solid #031833;
}
.ddmx58 td.item11-acton-last {
 border: 1px solid #031833 !important ; 
}
.ddmx58 .item11-acton-last a.item1,
.ddmx58 .item11-acton a.item1,
.ddmx58 .item11-acton-last a:hover,
.ddmx58 .item11-acton a:hover,
.ddmx58 .item11 a:hover,
.ddmx58 .item11-last a:hover,
.ddmx58 a.item1-active,
.ddmx58 a.item1-active:hover {
 color: #064263 !important ; 
 background-color: #abd4ff !important ; 
}
.ddmx58 a.item2,
.ddmx58 a.item2:hover,
.ddmx58 a.item2-active,
.ddmx58 a.item2-active:hover {
 padding: 6px 6px 6px 6px  !important ; 
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: bold !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 opacity:0.85; 
}
.ddmx58 a.item2 {
 background-color: #61C7FF !important ; 
 color: #072872 !important ; 
 border-top: 1px solid #031833 !important ; 
 border-left: 1px solid #031833 !important ; 
 border-right: 1px solid #031833 !important ; 
}
.ddmx58 a.item2-last {
 background-color: #61C7FF !important ; 
 color: #072872 !important ; 
 border-bottom: 1px solid #031833 !important ; 
 z-index:500; 
}
.ddmx58 a.item2:hover,
.ddmx58 a.item2-active,
.ddmx58 a.item2-active:hover {
 background-color: #0CB0CB !important ; 
 color: #FFFFAC !important ; 
 border-top: 1px solid #031833 !important ; 
 border-left: 1px solid #031833 !important ; 
 border-right: 1px solid #031833 !important ; 
}
.ddmx58 .section {
 border: 0px solid #FFFFFF !important ; 
 position: absolute; 
 visibility: hidden; 
 display: block; 
 z-index: -1; 
}
.ddmx58frame {
 border: 0px solid #FFFFFF !important ; 
}
.ddmx58 .item11-acton .item1 img.seq2,
.ddmx58 img.seq1
{
 display:    inline; 
}
.ddmx58 a.item1:hover img.seq2,
.ddmx58 a.item1-active img.seq2,
.ddmx58 a.item1-active:hover img.seq2,
.ddmx58 a.item2:hover img.seq2,
.ddmx58 a.item2-active img.seq2,
.ddmx58 a.item2-active:hover img.seq2
{
 display:    inline; 
}
.ddmx58 img.seq2,
.ddmx58 .item11-acton .item1 img.seq1,
.ddmx58 a.item2:hover img.seq1,
.ddmx58 a.item2-active img.seq1,
.ddmx58 a.item2-active:hover img.seq1,
.ddmx58 a.item1:hover img.seq1,
.ddmx58 a.item1-active img.seq1,
.ddmx58 a.item1-active:hover img.seq1
{
 display:   none; 
}
* html .ddmx58 td { position: relative; } /* ie 5.0 fix */

/*	HEADER
---------------------------------------------------------------------------- */

#header {
	height: 180px;
	position: relative;
	overflow: hidden;
}
#header h1 {
	width: 890px;
	height: 180px;
	text-indent: -33000px;
	background: url(../images/h1_seekerschurch.png) repeat-x top left;
}


/*	MENU
---------------------------------------------------------------------------- */

#mainlevel {
	border-bottom: 1px solid #40577e;
	overflow: hidden;
	background: #00285c url(../images/menu_li_bg.jpg) repeat-x top left;
	color: #fff;
}
#mainlevel li {
	display: block;
	float: left;
	padding: 10px 10px 7px 10px;
	border-right: 1px solid #00285c;
	background: url(../images/menu_bg_li.jpg) repeat-x top left;

}
#mainlevel li:hover {
	color: #abd4ff;
	background: url(../images/menu_li_bg_hover.jpg) repeat-x top left;
}
#mainlevel a {
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
}
#mainlevel a:hover {
	color: #ffffcc;
}

/*	CONTENT
---------------------------------------------------------------------------- */

#container {
	background: #fff;
}

#container #content {
	width: 640px;
	float: left;
}

#content #info {
	padding: 20px 20px 10px 20px;
	background: #eee;
	margin: 20px 20px 0 20px;
	background: #fff;
	border: 1px solid #cbb676
}
#content #info p {
	padding: 0 30px 5px 210px;
	line-height: 120%;
}
#content #info blockquote { color: #4c7ca1; margin-left: 15px; }

#content .contentpaneopen {
	padding: 0px 20px 0 20px;
	line-height: 115%;
}
#content .contentpaneopen .contentheading {
	font-size: 90%;
	color: #00285c;
	font-weight: bold;
	padding-top: 20px;
}
#content .contentpaneopen p {
	font-size: 80%;
}
#content .contentpaneopen .createdate {
	text-transform: uppercase;
	color: #00285c;
	font-size: 70%;
}
#content .contentpaneopen .readon {
	padding: 10px 0;
        font-size: 90%;
	display: block;
	color: #00285c;
}

/*	-CONTACTS
---------------------------------------------------------------------------- */

#contacts  {
	background: #606060;
	padding: 20px 20px 10px 20px;
}

/*	SIDEBAR
---------------------------------------------------------------------------- */

#sidebar {
	width: 250px;
	float: right;
	background: url(../images/sidebar_bg.jpg) repeat-y top left;
}

#sidebar div.search {
	margin: 20px 20px 20px 30px;
}
#sidebar div.search input {
	width: 190px;
	border: 1px solid #b39437;
	padding: 5px 0 3px 5px;
	font-size: 90%;
	font-weight: bold;
	color: #4c7ca1;
}
#sidebar #submit_button {display: none;
}

#sidebar .moduletable-cb-mod h3 {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #b39437;
}

#sidebar div.moduletable-cb-mod {
	margin: 20px 20px 20px 20px;
	padding: 10px 10px 10px 10px;
	background: url(../images/sidebar_item_bg.jpg) no-repeat top left;
	font-size: 90%;
	color: #fff;
	border-bottom: 1px solid #b39437;
}

#sidebar .moduletable-right {
	margin: 20px 20px 20px 25px;
	background: url(../images/sidebar_item_bg.jpg) no-repeat top left;
	color: #fff;
}

#sidebar .moduletable-right h1 {
	padding: 10px 10px 5px 10px;
	font-size: 90%;
}

#sidebar .moduletable-right h3 {
	margin: 0 0 5px 0;
	padding: 10px 10px 5px 10px;
	border-bottom: 1px solid #b39437;
	font-size: 90%;
}

#sidebar .moduletable-right p {
	padding: 0px 10px 10px 10px;
	font-size: 80%;
	line-height: 120%;
}

#sidebar .moduletable-right h1 {
	padding: 0px 10px 10px 10px;
	font-size: 80%;
	line-height: 120%;
}

#sidebar .readon {
	border: 1px solid #b39437;
	padding: 5px 5px 2px 5px;
	background: url(../images/sidebar_readmore_bg.jpg) repeat-x top left;
	font-size: 80%;
	color: #fff;
}

/*	FOOTER
---------------------------------------------------------------------------- */

#footer {
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 90%;
	color: #b5973c;
        font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
}

input, textarea { border: 1px solid #b39437; background: #eeeeee; }