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

/* - Reset - */

h1, h2, h3, h4, h5, h6,
ul, li, div,
p, br, form, body, label,
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: #666;}


/* - 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 #e3a856; background: #fff;}
#header .search label{padding: 8px 3px 8px 10px; float: left; color:#af5e00; font-size: 1em;}
#header .search .searchInput{width: 144px; height: 28px; float: right; color:#af5e00; 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;  _height: 30px ; text-align: center; margin: 48px 8px 0 0; _margin: 38px 8px 0 0; 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.last{background-image: none;}
#header .topNav li a{font-size: 1.1em; font-weight: bold; color: #345986; text-decoration: none;}
#header .topNav li a:hover, #header .topNav li a.selectedPage{color: #d89639;}

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

#welcome{width: 796px; height: 385px; 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 h1#buyBook{width: 280px; height: 360px; float: left; margin: 0; padding: 0; }
#welcome #display h1#buyBook a{width: 280px; height: 360px; float: left; margin: 0; padding: 0; text-indent: -9999px;}
#welcome #display #elVision{width: 378px; float: right; margin: 0 1px 0 0; padding: 24px 0 0 0; display: inline;}
#welcome #display #elVision li{width: 378px; height: 72px; list-style: none; float: left;}
#welcome #display #elVision li#recast{padding: 10px 0 0 0;}
#welcome #display #elVision li#recast a{width: 378px; height: 72px; float: left; text-indent: -9999px; background: url('images/recast-0.jpg') no-repeat;}
#welcome #display #elVision li#recast a:hover{background: url('images/recast-1.jpg') no-repeat;}
#welcome #display #elVision li#discover{padding: 17px 0 0 0;}
#welcome #display #elVision li#discover a{width: 378px; height: 72px; float: left; text-indent: -9999px; background: url('images/discover-0.jpg') no-repeat;}
#welcome #display #elVision li#discover a:hover{background: url('images/discover-1.jpg') no-repeat;}
#welcome #display #elVision li#develop{padding: 16px 0 0 0;}
#welcome #display #elVision li#develop a{width: 378px; height: 72px; float: left; text-indent: -9999px; background: url('images/develop-0.jpg') no-repeat;}
#welcome #display #elVision li#develop a:hover{background: url('images/develop-1.jpg') no-repeat;}
#welcome #display #elVision li#deliver{padding: 16px 0 0 0;}
#welcome #display #elVision li#deliver a{width: 378px; height: 72px; float: left; text-indent: -9999px; background: url('images/deliver-0.jpg') no-repeat;}
#welcome #display #elVision li#deliver a:hover{background: url('images/deliver-1.jpg') no-repeat;}



#actions{width: 796px; float: left; padding: 30px 0 40px 0; line-height: 20px;}
#actions a{color: #cb8b37;}
#actions h1{color: #cb892d; 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/churchunique/images/vd-ico.png') 0 15px no-repeat;}
#actions #rightBox{width: 378px; float: right;}
#actions #rightBox .element{ padding: 4px 0 0 10px /* 60px */; float: left; /* background: url('/Websites/churchunique/images/ax-ico.png') 0 15px no-repeat; */ }

#quote{width: 500px; height: 83px; padding: 39px 250px 0 46px; float: left; position: relative; font: italic normal 1.5em 'cambria', 'georgia'; color: #fff; background: url('images/quote.png') 0 5px no-repeat;}
#quote #buyNow a{width: 87px; height: 87px; position: absolute; right: 5px; top: 75px; background: url('images/buyNow.png') 0 0 no-repeat; _background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/churchunique/templates/cu/images/buyNow.png', sizingMethod='crop');}

#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: #335986;}
#content h2{font-size: 1.2em; font-weight: normal; text-transform: Uppercase; color: #af5f00;}
#content ul{padding: 5px 15px;}
#content a{color: #cb8b37;}
#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;}
#side h1{font-size: 1.2em; padding: 10px 5px 12px 5px; text-align: center; color: #5f5d5b; font-family: Georgia; font-weight: normal; text-transform: Uppercase;}
#side .sideNav{width: 200px; float: left; padding: 2px 0 0 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: #163558; background: url('images/footer.png') 0 0 no-repeat;}
#footer p.legal{width: 700px; float: left;}
#footer p.cu{width: 88px; height: 38px; margin: 8px 0 0 0; float: right; text-indent: -9999px; background: url('images/cuLogo.png') no-repeat;}
#footer a{color: #cb8b37;}