@charset "utf-8";
/* CSS Document */

/* PREVIEW PAGE CSS */

* {margin: 0; padding: 0;}

body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #514A2C; margin: 0 auto; background: #F2F2DA}

/* These style rules are copied from tinymce.css file located in admin */
h1 				{font-weight: bold; font-size: 14px; margin: 0 0 10px 0}
h2 				{font-weight: normal; font-size: 14px; margin: 0 0 10px 0}
p				{font-weight: normal; font-size: 12px; padding: 0 0 10px 0}
ul				{font-weight: normal; font-size: 12px; margin: 0 0 0 10px; padding: 0 0 0 10px; list-style-position:inside}
li				{margin-bottom: 5px}
blockquote		{margin: 20px}
table			{font-size: 12px}

.hr				{position: relative; padding: 0; margin: 0 10px 0 10px; height: 15px; background: url(../images/hr_separator.gif) no-repeat center;}
hr				{position: relative; color: #CCC; background: #CCC; padding: 0; margin: 0 10px 0 10px}
.returntotop    {margin: 2px 0 2px 0; padding: 0; background: url(../images/icon_return_to_top.gif) no-repeat left top}
/* END TINYMCE.CSS COPY */

a 				{text-decoration: underline; color: #444;}
a:hover			{text-decoration: none; color: #C64F00}

a.home 			{text-decoration: none; color: #514A2C;}
a.home:hover	{color: #C64F00}

.returntotop a	{margin-left: 20px; color: #009; text-decoration: underline}
.returntotop a:hover	{text-decoration: none}

.hidden 		{display: none}


.form {position: relative; clear: both; padding: 20px 0 20px 3%}
.form_error {background-color: #FFFFCC}
.form_callback {position: relative; float: left; clear: left; font-weight: bold; margin-top: 5px}
.form_loader {position: relative; float: left; clear: right; display: none}
.form_button {position: relative; float: left; margin-right: 10px}
.failure {color: red}
.success {color: green}

input,textarea,select {padding: 1px; font-family: "Lucida Sans Unicode", "Lucida Grande"}

#audioPlayerSm, #audioPlayerLg {position: relative; margin: 0; display: none}
#audioPlayerSm {font-size: 26px; color: #009}
#audioPlayerSm .audioPlayerDetails {font-size: 12px; color: #009; margin: 10px 0 10px 10px}
#audioPlayerSm .subscribe {font-size: 14px; color: #444; margin: 20px 0 10px 10px}
#audioPlayerSm .subscribe .inst {margin: 5px 10px 0 0; font-size: 12px}
#audioPlayerSm .subscribe ul {margin: 20px 0 0 10px; list-style: none}
#audioPlayerSm .subscribe li {margin: 0 0 5px 0}

.column_container { position: relative; width: 950px; height: auto; min-height: 700px; margin: 0 auto; background: #E4E4E9; border-left: 1px solid #CCC; border-right: 1px solid #CCC }

.column {position: relative}
.c_left	  { width: 188px; float: left; height: auto; z-index: 10}
.c_middle { position: relative; float: left; height: auto; width: 520px; background:url(../images/bgpagetest.png) no-repeat -11px 0px }
.c_middle_content { height: auto; min-height: 700px; margin: 0 10px 0 10px; padding: 5px 10px 0 10px; width: 480px; background: white }
.c_right  { width: 240px; float: right; height: auto;}
.c_right, .c_left {min-height: 400px; margin: 0 0 10px 0; padding-top: 20px}


.container {position: relative; width: 950px; margin: 0 auto}
#header1 { position: relative; width: 100%; height: 75px; background: #F6F4DD url(../images/marble.jpg) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; z-index: 11 }
#header2 { position: relative; width: 100%; height: 215px; background: #95C6FF url(../images/clouds.jpg) repeat-x; border-top: 5px solid #7E8D96; border-bottom: 5px solid #7E8D96; z-index: 10 }
#header1 .container {height: 70px; padding: 5px 0 0 0}
#header1 h1 { position: relative; font-size: 26px; font-style: normal; letter-spacing: 1px; font-weight: normal; width: 630px; margin: 5px 0 1px 85px; float: left; font-variant: small-caps }
#header1 ul { list-style: none; position: relative; width: 830px; margin: 10px 0 0 115px; padding: 0; float: left; z-index: 3 }
#header1 ul li {position: relative; width: auto; margin: 0 15px 0 0; float: left; font-size: 16px}
#header1 ul li a {text-decoration: none; color: #514A2C}
#header1 ul li a:hover {text-decoration: none; color: #C64F00}
#header1 .church_logo { position: absolute; width: 55px; height: 55px; top: 9px; left: 11px; z-index: 2 }
#header1 .icon { position: absolute; width: 164px; top: 33px; left: 9px; height: 260px; z-index: 1 }
#header1 .church_cross { position: absolute; width: 31px; height: 55px; top: 9px; left: 670px; z-index: 2 }
#header1 .search { position: absolute; width: 225px; height: 24px; top: 12px; left: 723px; padding: 0; background: #FFF; border: 1px solid #CCC }
#header1 .search input {float: left; width: 195px; border: 1px solid #FFF; color: #666; margin: 2px 0 0 5px}
#header1 .search img {float: right}


#header2 .banner {position: relative; width: 540px; background: url(../images/bgtest.png) no-repeat top left; height: 190px; left: -24px; margin: 30px auto 0 auto}
#header2 .banner_container { position: absolute; width: 500px; background: #FFF; height: 169px; top: 22px; left: 17px }
#header2 .banner_container .level1 { position: relative; height: 120px; margin: 0 0 5px 5px; width: 490px; }
#header2 .banner_container .level2 { position: relative; height: 35px; margin: 0 0 0 5px }
#header2 .banner_container .level2 a {color:#444;text-decoration:none}
#header2 .banner_container .level2 a:hover {color:#000;text-decoration:none}

/* Should match admin.css and tinymce_mini.css */
#header2 .bannerText {position: absolute; width: 250px; height: 200px; top: 20px; left: 209px; color: #312C17; overflow: hidden; font-family: Arial, sans-serif; font-size: 12px}
#header2 .bannerText ul {list-style: none; margin: 0 0 0 10px; padding: 0}
#header2 .bannerText li {margin: 0 0 5px 0; padding: 0}
#header2 .bannersText p {margin: 0 0 5px 0; padding: 0 0 5px 0}

/* CSS FOR RIGHT-HAND COLUMN NAVIGATION */
#rgt_navigation .parent {position: relative; margin: 0 10px 0 10px; padding: 0 0 5px 0; border-bottom: 1px solid #8B8B8B; font-size: 18px}
#rgt_navigation .parent a {font-weight: bold; color: #444}
#rgt_navigation .children {position: relative; margin: 1px 10px 0 10px; padding: 10px 0 0 5px; border-top: 1px solid #FFF}
#rgt_navigation li.active a, #rgt_navigation li span.active a {color: #C64F00}
#rgt_navigation ul {list-style: none; margin: 0; padding: 0; font-size: 12px}
#rgt_navigation li {margin: 0 0 10px 0}
#rgt_navigation li ul {margin: 10px 0 10px 0}
#rgt_navigation a {text-decoration: none}
#rgt_navigation ul li a {color: #444}
#rgt_navigation ul li a:hover {color: #C64F00; text-decoration: underline}

.separator_top {position: relative; margin: 10px 10px 0 10px; padding: 0; border-bottom: 1px solid #8B8B8B}
.separator_bottom {position: relative; margin: 1px 10px 10px 10px; padding: 0; border-top: 1px solid #F2F2F2}


/* CSS FOR IMAGE BORDERS */
.img_border_float_left, .img_border {padding: 2px; border: 1px solid #444; float: left; margin: 0 15px 0 0}
.img_border_float_right {padding: 2px; border: 1px solid #444; float: right; margin: 0 0 0 10px}
.img_border_float_center {padding: 2px; border: 1px solid #444; text-align: center}
.img_no_border_float_left {padding: 2px; border: none; float: left; margin: 0 15px 0 0}
.img_no_border_float_right {padding: 2px; border: none; float: right; margin: 0 0 0 10px}
.img_no_border_float_center {padding: 2px; border: none; text-align: center}
table.img_border_float_center, table.imb_border {font-size: 11px}

.graphic {position: relative; float: left; margin: 10px 10px 0 0}

/* PHOTO BORDER */
.standard_border {padding: 2px; border: 1px solid #444;}

/* MIDDLE COLUMN CONTAINERS */
.middle_container {position: relative; height: auto; clear: both; padding: 0; /*10px 0 10px 0;*/ margin: 0 auto}
.middle_container a {text-decoration: none; color: #444}
.middle_container a:hover {color: #C64F00}
.w400 {width: 400px}
.w460 {width: 460px}
.w480 {width: 480px}
.w250 {width: 250px; float: left; clear: none}
.background {background: #F2F2F2 url(../images/insert_bkg.jpg) no-repeat top left; border: 1px solid #CCC}

/* RIGHT COLUMN CONTAINERS */
.right_container {position: relative; height: auto; clear: both; width: auto; margin: 20px 0 0 0}
.right_container ul {list-style: none}
.right_container li {margin: 0 0 10px 0; font-size: 12px}
.right_container .parent {position: relative; margin: 10px 10px 0 10px; padding: 0 0 5px 0; border-bottom: 1px solid #8B8B8B; font-size: 18px; color: #444; font-weight: bold}
.right_container .children {position: relative; margin: 1px 10px 0 10px; padding: 10px 0 0 5px; border-top: 1px solid #FFF}
.right_container a {color: #444; text-decoration: none}
.right_container a:hover {color: #C64F00; text-decoration: underline}


/*
.image_container, .video_container, .sermon_container, .podcast_container, .document_container, .database_container {position: relative; height: auto; clear: both; padding: 0; margin: 0 auto}
.graphic_container {position: relative; width: auto; height: auto; margin: 20px 0 0 0}
.image_container a, .video_container a, .sermon_container a, .podcast_container a, .document_container a, .database_container a {text-decoration: none; color: #444}
.image_container a:hover, .video_container a:hover, .sermon_container a:hover, .podcast_container a:hover, .document_container a:hover, .database_container a:hover {color: blue}
.image_container {width: 480px}
.video_container {width: 400px}
.sermon_container, .podcast_container, .document_container, .database_container {width: 460px; background: #F2F2F2 url(../images/insert_bkg.jpg) no-repeat top left; border: 1px solid #CCC}
*/

/* MIDDLE COLUMN INNER-CONTAINERS (SERMONS, PODCASTS, DATABASE, DOCUMENTS) */
.cont {position: relative; margin: 20px 10px 20px 10px; font-family: Arial; min-height: 20px;}
.cont .level1, .cont .level2, .cont .level3 {position: relative; min-height: 10px; clear: both}
.cont_title {position: relative; font-size: 24px; text-indent: 10px; margin-top: 10px}
.cont_group {position: relative; font-size: 12px; text-indent: 10px; margin-top: 10px}
.cont_pages {position: absolute; width: auto; right: 5px; top: 10px; height: 25px}
.cont .level1 .title {position: absolute; font-weight: bold; width: 250px}
.cont .level1 .media {position: absolute; left: 215px; font-weight: bold}
.cont .level1 .media img {border: none; vertical-align: text-bottom}
.cont .level1 .date  {position: absolute; right: 0px; width: 140px; text-align: right}
.cont .level1 {margin-top: 0px}
.cont .level2 {margin-top: 10px; font-style:italic}
.cont .level3 {margin-top: 5px}


.photo_frame_120x90	{position: relative; width: 140px; height: 130px; padding: 10px 0 0 15px; margin-right: 1px; background: url(../images/photo_frame_120x90.jpg) no-repeat top left}

.photo_frame_180x135	{position: relative; width: 205px; height: 205px; padding: 18px 0 0 27px; margin-right: 5px; background: url(../images/photo_frame_180x135.jpg) no-repeat top left; float: left}
.photo_frame_180x135 .title {position: absolute; top: 160px; left: 27px; width: 180px; overflow: none}

#pages404 ul {list-style: none; float: left; margin: 10px 10px 0 10px}

.footer {color: #CCC}
.noflash {display: none; color: #CCC; font-family: Arial; font-size: 16px; font-weight: bold; text-align:center}
.noflash a {color: green}
.white {color: white}
.black {color: black}