/* =Global
------------------------------------------------------- */
* { padding:0; margin:0; }
body { background:url(resource/images/background.jpg) no-repeat top left rgb(67,147,184); color:white; overflow:hidden; }
body>div { position:absolute; left:0; right:0; }
a,a:visited { color:white; text-decoration:none; }
a:hover { color:#f2d121; }
hr { color:white; }
pre { color:black; background:white; }
h3,h4 { text-decoration:underline; }
h3 { font-variant:small-caps; }
p { padding-bottom:20px; }


/* =Structure
------------------------------------------------------- */
#overlayTop,#gradientLeft { top:0; right:30px; height:140px; background:url(resource/images/overlay_top.jpg) top left no-repeat rgb(67,147,184); }
#underlayRight { top:140px; height:260px; right:30px; left:600px; background:url(resource/images/underlay_right.jpg) repeat-x top; }
#gradientLeft { top:140px; height:50px; width:600px; background:url(resource/images/gradient_left.png) no-repeat; }
#gradientRight { left:600px; right:30px; top:140px; height:50px; background:url(resource/images/gradient_right.png) repeat-x top; }
#gradientBottom { bottom:0; height:50px; right:30px; background:url(resource/images/gradient_bottom.png) repeat-x bottom; }
#content { padding:190px 45px 75px; top:0; bottom:0; overflow:auto; background:url(resource/images/grass.jpg) no-repeat bottom right; }
#grass,#flower { bottom:0; height:25px; background:url(resource/images/grass.png) repeat-x bottom; }
#grass { right:15px; }
#flower { height:125px; width:125px; left:auto; background:url(resource/images/flower.png) no-repeat top right; }
#footer { bottom:0; height:15px; font-size:11px; text-align:center; }
#title div { position:absolute; left:0; right:0; padding-left:25px; }
 

/* =Shared
------------------------------------------------------- */
#location,#times { left:647px; left:610px!ie; top:15px; letter-spacing:.5px; }
#times { left:500px; font-size:12px; text-align:right; right:auto; padding-right:10px; border-right:1px solid white; }
#title { height:35px; left:30px; right:30px; top:140px; line-height:35px; }
#title #pageTitle { font-size:17px; color:#4c463d; }
#title #pageTitle a { color:#625A50; letter-spacing:1.5px; }
#title #pageTitle a:hover { color:#c0ed5f; }
#toolbar,#sermon { left:auto; right:30px; font-size:12px; font-weight:bold; top:123px; letter-spacing:2px; font-variant:small-caps; }
#sermon { top:145px; right:40px; display:none; }
#loading { top:145px; right:50px; left:auto; }


/* =Navigation
------------------------------------------------------- */
#navigation { left:30px; top:115px; height:25px; right:30px; font-size:17px; }
#navigation a { dipslay:block; float:left; height:25px; width:auto; padding:3px 10px 0; color:#c0ed5f; font-variant:small-caps; }
#navigation .active,#navigation a:hover { background:url(resource/images/nav_back.png) repeat-x; color:#4c463d; }
#navigation ul li { display:inline; }
#subnav { width:auto; margin:0 auto; }
#subnav ul { display:none; height:50px; }
#subnav ul li { display:inline; }
#subnav ul li a { padding:0 10px; display:block; text-decoration:none; float:left; font-variant:small-caps; }
#subnav ul li a:hover { color:#f2d121; text-decoration:underline; }


/* =Content
------------------------------------------------------- */
#content { font-size:14px; color:#4c463d; line-height:20px; letter-spacing:.5px; }
#content .sub { background:url(resource/images/gradient_small.png) repeat-x top; padding:5px; min-height:150px; }
#content a,#content a:visited { border-bottom:1px dotted; color:#4c463d; }
#content a:hover { border-bottom:1px solid; }
#content div.left { float:left; width:60%; margin-right:10px; }
#content div.right { left:60%; width:35%; height:auto!important; min-height:50px; border-left:1px solid #4c463d; padding:10px; position:fixed }
#content ul { padding-left:15px; }
.letterCap { display:inline; float:left; font-size:72px; font-weight:400; line-height:48px; margin:.09em .14em 0 -3px; padding-left:4px; padding-top:6px!ie; text-transform:uppercase; }
.spacer { width:100%; height:35px; clear:both; }


/* =Forms
------------------------------------------------------- */
ul.forms { list-style:none; }
ul.forms li { clear:both; line-height:1.5em; margin-bottom:.5em; padding-left:5px; }
ul.forms label { float:left; cursor:pointer; display:block; padding-right:10px; text-align:right; width:75px; color:#4c463d; }
ul.forms input { float:left; width:250px; }
ul.forms input,ul.forms textarea,ul.forms button { font:Tahoma, sans-serif; }
ul.forms textarea { width:240px; height:100px; padding:5px; }
ul.forms li.buttons { width:89%; width:95%!ie; }


/* =Tables
------------------------------------------------------- */

table.tablesorter { font-family:arial; background-color:#CDCDCD; margin:10px 0 15px; font-size:8pt; width:100%; text-align:left; }
table.tablesorter thead tr th,table.tablesorter tfoot tr th { background-color:#e6EEEE; border:1px solid #FFF; font-size:8pt; padding:4px; }
table.tablesorter thead tr .header { background-image:url(resource/images/table_bg.gif); background-repeat:no-repeat; background-position:center right; cursor:pointer; }
table.tablesorter tbody td { color:#3D3D3D; padding:4px; background-color:#FFF; vertical-align:top; }
table.tablesorter tbody tr.odd td { background-color:#F0F0F6; }
table.tablesorter thead tr .headerSortUp { background-image:url(resource/images/table_asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image:url(resource/images/table_desc.gif); }
table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp { background-color:#8dbdd8; }


/* =Effects
------------------------------------------------------- */

 /* =ModalEffect	*/
#modal { display:none; color:#4c463d; padding:5px; }
#simplemodal-overlay { background:#000; cursor:wait; }
#simplemodal-container { min-height:305px; width:400px; background:#fff; border:3px solid #ccc; }
#simplemodal-container a.modalCloseImg { background:url(resource/images/close.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-14px; right:-18px; cursor:pointer; }

/* =AccordianEffect	*/
* { overflow-y:hidden!ie }
#accordian { overflow-y:visiblea!ie }
#accordian h3 { cursor:pointer; line-height:36px; }
#accordian h5 { line-height:32px; }
#accordian div { letter-spacing:0; line-height:16px; }
#accordian .references { font-size:12px; font-style:italic; }

/* =AlbumEffect	*/
.thumbnail { float:left; padding:5px; width:275px; height: 175px; line-height:18px; }
.thumbnail:hover a { text-decoration:none; }
.thumbnail img { border:1px solid #727272; padding:2px; margin:5px; background:white; float:left; }
.hide { opacity:0; filter:alpha(opacity=0); }

/* =Galleria */
#photoAlbum {list-style: none;width:200px}
#photoAlbum li {display: block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
#photoAlbum li a {display: none}
#photoAlbum li div {position: absolute;display:none;top:0;left:180px}
#photoAlbum li div img {cursor: pointer;}
#photoAlbum li.active div img,.galleria li.active div {display: block}
#photoAlbum li img.thumb {cursor: pointer;top:auto;left:auto;width:auto;height:auto;border: 1px solid #4C463D;}
#photoAlbum li .caption {display: block; padding-top:.5em}
.galleria_wrapper {margin-left: 225px; position: fixed}
.replaced { position:absolute; border: 1px solid #4C463D;}
* html #photoAlbum li div span {width: 400px} /* MSIE bug */

/* =BlockList */
#blockList div { width:125px; float:left; margin:10px; height:40px; padding:35px 0 0 75px; line-height:18px; }
#blockList div.pdf { background:url(resource/images/adobe-pdf.png) no-repeat top left; }
#blockList div.mp3 { background:url(resource/images/microphone.png) no-repeat top left; }
#blockList a div { cursor:pointer }

/* =FloatBox */
.floatBox { float:left; }
.floatBox div { float:left; padding:0 35px 25px; }

/* =PhotoRotator */
#slidesLoading { background: url(resource/images/loading_bar.gif) no-repeat center; width:45%; top:50%; position:absolute }
#photoRotator img { border: 1px solid #4c463d; display:none; z-index:0!important; }