/*
	King's Community Church
	08 April 2008
	
	main styles
*/

/*-----------------------------------------------{   common elements   }----------*/

body {
	margin:0;
	padding:0;
	background:url(../images/layout/page_bg.gif) repeat-x top #363636;
	text-align:center;
	font-size:80%;
	font-family:Arial, helvetica, sans-serif;
	color:#363636;
}

h1, h2, h3, h4, h5, h6  {
	margin:0;
	padding:7px 0;
	line-height:140%;
	font-weight:normal;
}

h1 {
	font-size:200%;
	color:#002469;
}

h2 {
	font-size:160%;
	color:#d56c1b;
	border-bottom:1px solid #e2bca5;
}

h3 {
	font-size:140%;
	color:#555;
}

h4 {
	font-size:130%;
}

h5 {
	font-size:120%;
}

h6 {
	font-size:100%;
}
h7 {font-size:135%;
	color:#110093;
	font-style:oblique;
        text-indent:50px;
        margin:15px 15px;
        text-align:center;
        line-height:140%;
}
p {
	margin:0;
	padding:10px 0;
	line-height:150%;
}

a {
	text-decoration:none;
	border-bottom:1px dotted #e27928;
	color:#e27928;
}

a:hover {
	border-bottom:1px solid #e27928;
}

a.no_border,
a.no_border:hover {
	border:none;
}

a:focus {
	outline:none;
}

blockquote {
	margin:5px 30px 10px;
	line-height:150%;
	font-style:italic;
}

ul {
	margin:0;
	padding:5px 30px;
}

li {
	line-height:140%;
	padding:5px;
}

img {
	border:none;
}

/*-----------------------------------------------{   layout   }----------*/

#container {
	width:758px;
	margin:0px auto;
	text-align:left;
}

#header {
	float:left;
	position:relative;
	width:758px;
	height:161px;
	background:url(../images/layout/header_bg.gif) no-repeat bottom center;
}

#logo {
	position:relative;
	width:320px;
	height:98px;
	top:46px;
	left:32px;
	background:url(../images/layout/logo.gif) no-repeat;
}

#logo a {
	border:none;
}

#services {
	position:absolute;
	width:200px;
	height:70px;
	right:40px;
	top:80px;
	text-align:right;
	font-size:80%;
	color:#002469;
}

#content_container {
	float:left;
	width:758px;
	background:url(../images/layout/content_bg.gif) repeat-y center;
}

#content_shadow_left {
	float:left;
	width:758px;
	background:url(../images/layout/content_shadow_left.gif) no-repeat top left;
}

#content_shadow_right {
	float:left;
	width:758px;
	background:url(../images/layout/content_shadow_right.gif) no-repeat top right;
}

#content {
	float:left;
	width:698px;
	padding:6px 30px;
	overflow:hidden;
}

#right_column {
	float:right;
	margin:0;
	padding:10px;
	width:179px;
	background-color:#f7f7f7;
	font-size:90%;
}

#footer {
	float:left;
	height:32px;
	width:758px;
	background:url(../images/layout/footer_bg2.gif) no-repeat top center;
}

#footer_address {
	padding:0 30px 0 0;
	text-align:center;
	font-size:x-small;
	color:#9EA3AC;
}

/*-----------------------------------------------{   misc divs   }----------*/

#admin_float {
	position:absolute;
	top:17px;
	right:0;
	padding:5px 10px;
	background:#efefef;
	border:1px solid #e27928;
	text-align:right;
	z-index:100;
}

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

#map_container {
	width:425px;
	height:350px;
	padding:0 0 17px 0;
	background:url(../images/layout/map_shadow.gif) no-repeat bottom;
}

#map {
	margin:0;
	padding:0;
}

#calendar_iframe body {
	background:#000;
}

/*-----------------------------------------------{   menu   }----------*/

#menu {
	float:left;
	width:696px;
	padding:0 0 0 62px;
	background:url(../images/layout/menu_bg.gif) no-repeat center;
	font-family:Arial, helvetica, sans-serif;
	text-transform:uppercase;
	color:#ddd;
	
}

#menu_shadow {
	float:left;
	width:758px;
	height:6px;
	line-height:1px;
	font-size:1px;
	background:url(../images/layout/menu_shadow.gif) no-repeat top center;
}

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

#nav a {
	display: block;
	width:96px;
	padding:4px 20px 5px;
	color:#fff;
	text-decoration:none;
	border:none;
}

#nav a:hover {
	color:#002469;
}

#nav li#menu_1,
#nav li#menu_2,
#nav li#menu_3,
#nav li#menu_4,
#nav li#menu_5 {
	float:left;
	padding:0;
	line-height:normal;
}

#nav li ul { 
	position: absolute;
	left: -999em;
	z-index:100;
}

#nav ul li {
	padding:0;
	line-height:normal;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
	margin:0 0 0 5px;
}

#nav li#menu_1 a {
	width:39px;
	padding:5px 27px 4px;
}

#nav li#menu_2 a {
	width:64px;
	padding:5px 27px 4px;
}

#nav li#menu_3 a {
	width:96px;
	padding:5px 27px 4px;
}

#nav li#menu_4 a {
	width:78px;
	padding:5px 27px 4px;
}

#nav li#menu_5 a {
	width:82px;
	padding:5px 27px 4px;
}

#nav li#menu_6 a {
	width:39px;
	padding:5px 27px 4px;
}

#nav li#menu_1 ul li a,
#nav li#menu_2 ul li a,
#nav li#menu_3 ul li a,
#nav li#menu_4 ul li a,
#nav li#menu_5 ul li a {
	display:block;
	width:130px;
	padding:4px 10px 5px;
	background:#f88f3e;
	border-top:1px solid #fccba7;
	border-bottom:1px solid #d56c1b;
	font-size:x-small;
}

#nav li#menu_1 ul li a:hover,
#nav li#menu_2 ul li a:hover,
#nav li#menu_3 ul li a:hover,
#nav li#menu_4 ul li a:hover,
#nav li#menu_5 ul li a:hover {
	background:#f1ad7a;
}

/*-----------------------------------------------{   class styles   }----------*/

.small {
	font-size:70%;
}

img.photae {
	margin:0 5px 5px;
	padding:5px;
	border:1px solid #ddd;
}

.arrow {
	font-size:140%;
	line-height:1px;
	color:#e27928;
}

.hidden {
	display:none;
}

table.styled {
	border-top:1px solid #bebebe;
	border-left:1px solid #bebebe;
}

table.styled th{
	border-bottom:1px solid #bebebe;
	border-right:1px solid #bebebe;
	text-align:right;
}

table.styled td{
	border-bottom:1px solid #bebebe;
	border-right:1px solid #bebebe;
}

table.noborder th {
	text-align:right;
}


/* these are added because of the google map incorporation*/
h4.hotspot {
  font-size : 100%;
  font-weight : normal;
  color : rgb(9, 122, 182);
  margin-left : 8px;
  margin-top : 0px;
  margin-bottom : 2px;
  font-style : normal;
  cursor : pointer;
}

h4.hotspot:hover {
  color : rgb(237, 92, 11);
  text-decoration : underline;
}

#mapsearch {
  width : 680px;
  margin : 10px;
  padding : 4px;
  border : 1px solid #d56c1b;
}
    
    /* set height of idle state map */
#mapsearch .gsmsc-idleMapDiv { height : 200px; }

/* set height of active state map */
#mapsearch .gsmsc-mapDiv { height : 500px; }