/*
	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: #7499c6;}


/* - Layout - */

#bg{width: 100%; float: left; background: url('images/mainBg.png') repeat-x;}
body#internal #bg{background: url('images/shortBg.png') 0 23px 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 #5e4f3c; background: #fff;}
#header .search label{padding: 8px 3px 8px 10px; float: left; color:#5e4f3c; font-size: 1em;}
#header .search .searchInput{width: 144px; height: 28px; float: right; color:#5e4f3c; 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: #7399c6;}

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

#welcome{width: 796px; height: 385px; display: block; float: left; position: relative;}
#welcome #display{width: 789px; height: 395px; position: absolute; top: -9px;  background: url('images/display.png'); _background: url('images/display.gif');}
#welcome #display #vd_img{width: 350px; height: 392px; float: left;}
#welcome #display #vd_anim{width: 430px; float: right;}
#welcome #display #vd_desc{width: 425px; height: 135px; padding: 115px 0 10px 5px; float: left; color: #fff; line-height: 18px;}
#welcome #display #vd_nav{width: 430px;}
#welcome #display #vd_nav li{list-style: none; float: left;}
#welcome #display #vd_slideLeft{width: 35px; height: 82px; float: left; text-indent: -9999px; overflow: hidden;}
#welcome #display #vd_slideRight{width: 35px; height: 82px; float: left; text-indent: -9999px; overflow: hidden;}
#welcome #display #slide_hider{width: 360px;  float: left; position: relative; height: 82px; overflow: hidden;}
#welcome #display #items {position: absolute; margin: 0; left: 0;}
#welcome #display #items li a{width: 60px; height: 82px; float: left; margin: 0 6px; display: inline; text-indent: -9999px; list-style: none;}
#welcome #display #items #item1 a{background: url('images/cards/item1.png') no-repeat;}
#welcome #display #items #item2 a{background: url('images/cards/item2.png') no-repeat;}
#welcome #display #items #item3 a{background: url('images/cards/item3.png') no-repeat;}
#welcome #display #items #item4 a{background: url('images/cards/item4.png') no-repeat;}
#welcome #display #items #item5 a{background: url('images/cards/item5.png') no-repeat;}
#welcome #display #items #item6 a{background: url('images/cards/item6.png') no-repeat;}
#welcome #display #items #item7 a{background: url('images/cards/item7.png') no-repeat;}
#welcome #display #items #item8 a{background: url('images/cards/item8.png') no-repeat;}
#welcome #display #items #item9 a{background: url('images/cards/item9.png') no-repeat;}
#welcome #display #items #item10 a{background: url('images/cards/item10.png') no-repeat;}
#welcome #display #items #item11 a{background: url('images/cards/item11.png') no-repeat;}
#welcome #display #items #item12 a{background: url('images/cards/item12.png') no-repeat;}
#welcome #display #items #item13 a{background: url('images/cards/item13.png') no-repeat;}
#welcome #display #items #item14 a{background: url('images/cards/item14.png') no-repeat;}	
#welcome #display #items #item15 a{background: url('images/cards/item15.png') no-repeat;}
#bigImages{width: 100%; float: left; position: relative; background: #ccc;}
#big_item1, #big_item2, #big_item3, #big_item4, #big_item5, #big_item6, #big_item7, 
#big_item8, #big_item9, #big_item10, #big_item11, 
#big_item12, #big_item13, #big_item14, #big_item15{ width: 290px; height: 410px; position: absolute; z-index: 999999; bottom: -62px; left: 73px; cursor: pointer; display: none; }

#actions{width: 796px; float: left; padding: 30px 0 40px 0; line-height: 20px;}
#actions h1{color: #7499c6; 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('/Websites/visiondeck/images/cu-ico.png') 0 15px no-repeat;}
#actions #rightBox{width: 378px; float: right;}
#actions #rightBox .element{padding: 4px 0 0 60px; float: left; background: url('/Websites/visiondeck/images/people-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; _top: -8px; padding: 50px 0 0 345px; font-size: .9em; background: url('images/quote.png') 0 5px no-repeat; _background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Websites/visiondeck/templates/VD/images/quote.png', sizingMethod='image');}

#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: #5e4f3c;}
#content h2{font-size: 1.2em; font-weight: normal; text-transform: Uppercase; color: #a9a196;}
#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;}

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

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