/*
	TITLE:	Church Unique
	DATE:	01-09-2007
*/

/* - Reset - */

h1, h2, h3, h4, h5, h6,
ul, li, div,
p, br, form, body,
img
{margin: 0;	padding: 0;	border: 0;}


body{font: normal 11px 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif; color: #3e3c39; } 


h1{font-size: 2.0em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.6em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h3{font-size: 1.4em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h4{font-size: 1.2em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h5{font-size: 1.0em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h6{font-size: 0.9em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}

p{padding: 5px 0;}
a{color: #b6771b;}


/* - Layout - */

#bg{width: 100%; float: left;  background: url('images/shortBg.png') 0 23px repeat-x;}
body.home #bg{background: url('images/mainBg.png') repeat-x;}

#mastCon{width: 100%; float: left; background: url('images/mastHead.png') center 0 repeat-x;}

#container{width: 796px; margin: 0 auto;}

#header{width: 796px; height: 144px; float: left;}
#header h1#logo{width: 68px; height: 96px; float: left; margin: 0; padding: 0 0 0 2px;}
#header .search{width: 240px; height: 23px; padding: 8px 0 12px 0; float: right; margin: 0 7px 0 0; display: inline; border-top: 5px solid #695d54; background: #fff;}
#header .search label{padding: 8px 3px 8px 10px; float: left; color:#695d54; font-size: 1em;}
#header .search .searchInput{width: 170px; height: 28px; float: right; color:#695d54; margin: 0 10px 0 0; display: inline; padding: 6px 0 0 25px; border: 0; background: url('images/searchTxt.png') no-repeat;}
#header .search .searchButton{display: none;}
#header .topNav{width: 510px; height: 31px; float: right; padding: 17px 0 0 0; text-align: center; margin: 48px 8px 0 0; _margin-top: 36px ; display: inline; background: #fff;}
#header .topNav li{display: inline; list-style: none; padding: 0 10px; background: url('images/topNavSep.gif') right no-repeat;}
#header .topNav li a{font-size: 1.1em; font-weight: bold; color: #5e4f3c; text-decoration: none;}
#header .topNav li.last{background-image: none;}
#header .topNav li a:hover, #header .topNav li a.selectedPage{color: #c37c14;}

#body{width: 796px; float: left;}

#welcome{width: 796px; height: 385px; float: left; position: relative;}
#welcome #display{width: 789px; height: 395px; position: absolute; color: #fff; top: -9px; background: url('images/display.png'); _background: url('images/display.gif');}
#welcome #display #cube{width: 350px; height: 400px; float: left;}
#welcome #display #ccDisplay{width: 390px; padding: 115px 0 0 0; float: right;}
#welcome #display #ccContent{height: 175px; overflow: hidden; color: #fff; line-height: 18px; }
#welcome #display #ccTabs{width: 390px; height: 50px; padding: 0px 0 0 0; float: left;}
#welcome #display #ccTabs li{width: 25px; height: 25px; float: left; padding: 0 40px 0 0px; list-style: none;}
#welcome #display #ccTabs li a{width: 25px; height: 25px; float: left; display: inline; text-indent: -9999px;}

#welcome #display  #ccTabs li#item1 a{background: url('images/tabs/1-0.png'); overflow: hidden;}
#welcome #display  #ccTabs li#item1 a:hover{background: url('images/tabs/1-1.png');}
 
#welcome #display  #ccTabs li#item2 a{background: url('images/tabs/2-0.png'); overflow: hidden;}
#welcome #display  #ccTabs li#item2 a:hover{background: url('images/tabs/2-1.png');}
 
#welcome #display  #ccTabs li#item3 a{background: url('images/tabs/3-0.png'); overflow: hidden;}
#welcome #display  #ccTabs li#item3 a:hover{background: url('images/tabs/3-1.png');}

#welcome #display  #ccTabs li#item4 a{background: url('images/tabs/4-0.png'); overflow: hidden;}
#welcome #display  #ccTabs li#item4 a:hover{background: url('images/tabs/4-1.png');}
 
#welcome #display  #ccTabs li#item5 a{background: url('images/tabs/5-0.png'); overflow: hidden;}
#welcome #display  #ccTabs li#item5 a:hover{background: url('images/tabs/5-1.png');}

#welcome #display  #ccTabs li#item6 a{background: url('images/tabs/6-0.png'); overflow: hidden;}
#welcome #display  #ccTabs li#item6 a:hover{background: url('images/tabs/6-1.png');}

.tab-content{width: 390px; height: 140px;}

#actions{width: 796px; float: left; padding: 30px 0 40px 0; line-height: 20px;}
#actions h1{color: #b6771b; text-transform: Uppercase; font-size: 1.3em; font-weight: normal;}
#actions #leftBox{width: 378px; float: left;}
#actions #leftBox .element{padding: 4px 0 0 60px; float: left; background: url('/wp-content/uploads/2014/11/left-ico.png') 0 15px no-repeat;}
#actions #rightBox{width: 378px; float: right;}
#actions #rightBox .element{padding: 4px 0 0 60px; float: left; background: url('/wp-content/uploads/2014/11/right-ico.png') 0 15px no-repeat;}

#quote{width: 796px; height: 122px; float: left; position: relative; font: italic normal 1.5em 'cambria', 'georgia'; color: #fff; }
#quote #quoteBg{width: 451px; height: 85px; position: absolute; line-height: 1.5em; right: 5px; top: -13px; padding: 50px 0 0 345px; font-size: .9em; background: url('images/quote.png') 0 5px no-repeat;}

#content{width: 540px; float: left; line-height: 20px; padding: 15px 0 25px 0; font-size: 1.1em;}
#content h1{font-size: 1.4em; font-weight: normal; text-transform: Uppercase; color: #b6771b;}
#content h2{font-size: 1.2em; font-weight: normal; text-transform: Uppercase; color: #b6771b;}
#content h3{font-size: 1.1em; font-weight: normal; text-transform: Uppercase; color: #b6771b;}
#content ul{padding: 5px 15px;}
#content li{list-style: none; padding: 0 0 0 20px; background: url('images/arrow.png') 0 6px no-repeat;}
#content .breadCrumb{text-transform: Uppercase; font-size: .9em; padding: 0 0 15px 0;}
#content .breadCrumb a{color: #000;}

#side{width: 200px; float: right; line-height: 20px; padding: 48px 0; font-family: 'Cambria','Georgia';}
#side h1{font-size: 1.2em; padding: 10px 0px 15px 0px; text-align: center; color: #5f5d5b; font-family: Georgia; font-weight: bold; font-style: italic; text-transform: Uppercase; background: url('images/navSep.png') 0 bottom repeat-x;}
#side .element{width: 200px; float: left; padding: 10px 0 15px 0; color: #594939; font-style: italic; background: url('images/navSep.png') 0 bottom repeat-x;}
#side .sideNav{width: 200px; float: left; padding: 2px 0 30px 0; background: url('images/navSep.png') 0 top repeat-x;}
#side .sideNav li{width: 200px; float: left; list-style: none; background: url('images/navSep.png') 0 bottom repeat-x;}
#side .sideNav li a{width: 155px; float: left; text-decoration: none; padding: 8px 15px 10px 30px; background: url('images/sideArrow.png') 10px 15px no-repeat;}

#oneCol{width: 796px; float: left;}

#footer{width: 796px; float: left; font-size: 0.95em; padding: 10px 0 0 0; color: #b6771b; background: url('images/footer.png') 0 0 no-repeat;}
#footer p.legal{width: 600px; float: left;}
#footer p.cu{width: 144px; height: 50px; margin: 8px 0 0 0; float: right; text-indent: -9999px; background: url('images/cc-logo.png') no-repeat;}