/* general styles */

* {
border:0px solid black;
margin:0px;
padding:0px;
}

html {
font-size:100%;
}

body {
background-color:#fff;
height:100%;
text-align:center;
font-family:arial;
}

a, a:visited {
color:#17237a;
}

a:hover {
text-decoration:none;
background:rgb(235, 239, 249);
}

#total-page {
display:block;
background:url(./images/page-shadow.gif) repeat-y;
margin:0px auto;
width:980px;
/*width:790px;*/
}

#wrapper {
position:relative;
background-color:#fff;
margin:0px auto;
text-align:left;
width:960px;
/*width:770px;*/
}

#inside-wrapper {
position:relative;
clear:both;
width:100%;
}

img {
}

h2 {
color:#171d6c;
font-size:1.5em;
}

h3 {
color:#171d6c;
font-size:1.1em;
}

h4 {
color:#171d6c;
font-size:1em;
}

p {
margin:0px 0px 15px 0px;
font-size:0.9em;
}

table {
font-size:0.9em;
}

ul {
font-size:0.9em;
}



/* header styles */

#header {
clear:both;
width:100%;
margin-bottom:15px;
height:100px;
background:#171d6c url(./images/header.jpg);
color:#fff;
}

#header > h1, #header > hr, #header > h2 {
display:none;
}

#header > h1 {
padding:20px 0px 0px 14px;
}

#header > hr {
color:#fff;
background:#fff;
height:1px;
width:510px;
margin:0px 0px 0px 16px;
}

#header > h3 {
padding:6px 0px 0px 14px;
font-weight:normal;
}



/* nav styles */

#nav {
float:left;
width:170px;
margin:0px 30px 15px 15px;
font-size:1em;
}

#nav hr {
display:none;
}

#nav ul {
list-style:none;
border-top:1px solid #ddd;
margin:0px 0px 15px 0px;
}

.level-1 li {
border-bottom:1px solid #ddd;
}

.level-1 li a, .level-1 li a:visited {
background:url(./images/arrow.gif) no-repeat;
padding:4px 0px 4px 12px;
display:block;
}

.level-1 li.on a, .level-1 li.on a:visited {
background:rgb(235, 239, 249) url(./images/arrow.gif) no-repeat;
}

.level-1 li a:hover {
background:rgb(235, 239, 249) url(./images/arrow.gif) no-repeat;
}

#breadcrumb {
float:left;
margin-bottom:15px;
font-size:1em;
}



/* content styles */

#content {
float:left;
width:730px;
margin-bottom:15px;
}

#content h3 {
margin:0px 0px 5px 0px;
}

#content-thin {
width:540px;
}

#content-banner {
width:700px;
padding:10px 15px;
margin-bottom:15px;
border-top:1px solid #ddd;
/*color:#171d6c;*/
color:#17237a;
/*background:#171d6c;*/
/*background:rgb(235, 239, 249);*/
background:rgb(219, 230, 248);
}

#content-left {
float:left;
width:500px;
margin-right:30px;
}

.full-width {
width:100% !important;
clear:both;
}

#content-left .left {
float:left;
padding:0px 15px 15px 0px;
}

#content-left .right {
float:right;
padding:0px 0px 15px 15px;
}

#content-right {
float:left;
width:200px;
font-size:1em;
}

#content-right h3 {
border-bottom:1px solid #ddd;
font-size:1em;
}

#content-right li {
list-style:none;
}

/*for google maps*/
.map-container {
height:300px;
width:100%;
margin-bottom:20px;
}

/*for texts*/
.ref {
font-size:0.8em;
color:#666;
}

/*for calendar*/
#agenda {
margin:0px 0px 15px 0px;
color:#666;
}

#agenda li.sub-item {
margin-left:10px;
}

/*for sermons*/
.sermons-section-header {
border-top:1px solid #ddd;
background:url(./images/arrow.gif) no-repeat;
padding:4px 0px 4px 12px;
display:block;
color:#171d6c;
cursor:pointer;
}

.sermons-full {
border-collapse:collapse;
width:640px;
}

.sermons-full td, th {
padding:1px 15px 1px 15px;
}

.sermons-section-header th {
background:rgb(219, 230, 248);
}

.sermons-header th {
color:#171d6c;
background:rgb(219, 230, 248);
}


/* footer styles */

#footer {
position:relative;
clear:both;
width:100%;
padding:15px 0px 30px 0px;
background-color:#eee;
text-align:left;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
color:#666;
font-size:0.8em;
}

#footer > hr{
display:none;
}

#footer > ul {
float:left;
padding-left:15px;
list-style:none;
}

#footer > ul > li {
display:inline;
}

#footer > p {
padding-right:15px;
float:right;
}