/* Start of CMSMS style sheet 'styles' */
/* CSS Document */

/*borders around the content cells*/
th,td.bottom_content {border-style: inset; border-width: 2px; }

/*position the search box in the upper-right corner of the page, set the width of the text input, and set the width and alignment of the search button image */
#search {position: absolute; margin-top: -15px; margin-left: 730px; }
input.search-input {width: 120px; }
input.searchbutton {width: 29px; vertical-align: -10px; }

/*make sure the menu dropdowns are on top of everything else (not hidden/behind)*/
#menu {z-index: 3; }

/*style the Staff Home ministry list*/
#ministryList li {list-style-type: disc; padding: 0px; }

/*style the get_template_vars link (debug only)*/
#get_template_vars a {color: blue; }

/*style the random image rotator class*/
.multiple_random_image {float: left; margin-right: 10px; margin-bottom: 10px; }

/*remove the underline from a link*/
a.nounderline {text-decoration: none; }

* {margin: 0; padding: 0; }

.clear {clear: both; }

html, body {height: 100%; }
body {font-size: 100%; line-height: 1em; text-align: center; background-color:#000000; }
html, input, textarea {font-family: arial; color:#909CA4; }  

p {font-size: 10pt; color: #B0ACAC; text-align: left; font-family: 'arial'; }

.w {width: 100%; background: url(images/cms/bg.gif) top center; }

.col1, .col2, .col3, .col4{float: left; }
/*======= width =======*/
.site_center {margin: 0 auto; text-align: left; width: 940px; }

/*======= header =======*/
#header {height: 354px; background: url(images/cms/top.jpg) no-repeat top center; }
/*.bg_left1 {width: 49%; height: 253px; float: left; background: url(images/cms/bg-left.gif) top left repeat-x; }
.bg_right1 {width: 51%; height: 242px; float: right; background: url(images/cms/bg-right.gif) top left repeat-x; }*/


/*======= content =======*/
#content .col1 {width: 287px; }
#content .col2 {width: 287px; }
#content .col3 {width: 278px; }

.vam {vertical-align: middle; }
.fl {float: left ;}
.fr {float: right; }
.tac {text-align: center; }
.width {width: 100%; }
.photoleftmargin15 {float: left; margin-right: 15px; margin-bottom: 15px;}
.photorightmargin15 {float: right; margin-left: 15px; margin-bottom: 15px;}

a img {border: 0px; }
img {vertical-align: top; }

b {color: #B0ACAC; }
span {color: #B0ACAC; } 

a {color: #B0ACAC; text-decoration: underline; } 
a:hover {text-decoration: none; }
.a1 {color: #B0ACAC; background: url(images/cms/arrow.gif) no-repeat top right; padding-right: 8px; } 
.a2 {color: #B0ACAC; font-size: 0.9em; } 
h3 {color: #B0ACAC; font-size: 1.2em; font-weight: bold; margin: 0px 0px 17px 0px; }
.a4 {color: #B0ACAC; font-size: 1em; } 
.a5 {color: #B0ACAC; font-size: 1em; } 

.a6 {color: #B0ACAC; background: url(images/cms/arrow.gif) no-repeat top right; padding-right: 8px; display: block; float: left; margin: 0px 0px 17px 0px; } 

ul {margin: 0; padding: 0; list-style: none; }
ul li {/*background: url(images/cms/bot_bg.gif) bottom left repeat-x;*/ padding: 23px 0 23px 0; }
ul .li {padding: 0 0 23px 0; }
ul .li1 {padding: 13px 0 23px 0; }
ul .li2 {background: none; padding: 13px 0 31px 0; }
ul li a {background: none; padding: 0px 0px 10px 53px; }
ul li b {color: #B0ACAC; text-decoration: none; font-weight: bold; line-height: 1.5em; font-size: 1.1em; margin-bottom: 7px; display: block; background: url(images/cms/icon1.gif) top left no-repeat; background-position: 0 5px; margin: 0px; padding: 0px 0px 10px 53px; } 
ul li b a:hover {text-decoration: underline; }

.ul {margin: 0; padding: 0 0 21px 0; list-style: none; }
.ul li {background: none; padding: 0; }
.ul li a {background: none; padding: 0px; color:#B0ACAC; font-size: 1em; }

.ul1 {margin: 0; padding: 0; list-style: none; }
.ul1 li {background: none; padding: 0px; margin: 0px; }
.ul1 li a {color: #B0ACAC; background: url(images/cms/arrow.gif) no-repeat top right; padding: 0 8px 0 0; line-height: 1.9em; }

.ind_ul {padding: 5px 0 25px 0; }
.ind_ul1 {padding: 0px 0 70px 0; }

.bg_position {position: absolute; width: 100%; }
.bg_position1 {position: relative; text-align: center; }

/*header*/
#header {padding: 7px 0px 0px 35px; font-size: 0.75em; color: #FFFFFF; }
#header .logo {margin: 60px 0px 112px 0px; }
#header .word {margin: 80px 0px 92px 338px; }

/*menu*/
#menu {position: relative; margin-top: -50px; height: 1%; }

/*content*/
#content {position: relative; margin-top: -20px; }
#content {font-size: 0.75em; width: 100%; text-align: left; }
#content .indent_main {padding: 0px 34px 0px 36px; }
#content .indent {padding: 1px 15px 0px 25px; }
#content .indent1 {padding: 39px 25px 0px 19px; }
#content .indent_col {padding: 0px 9px 0px 0px; }
#content .title {margin-bottom: 18px; }
#content .title1 {margin: 14px 0px 0px 23px; }
#content .pic_left {float: left; margin: 0px 14px 16px 0px; }
#content .pic_left1 {float: left; margin: 0px 14px 10px 0px; }
#content .pic_right {float: right; margin: 0px 0px 16px 10px; }
#content .pic {margin: 0px 0px 16px 0px; }
#content .calendar {margin: 29px 0px 86px 13px; }
#content p {margin: 0px 0px 17px 0px; }
/*added float and width parameters to row1 to make CGUserDirectory expand the div correctly.  Don't know why this is required, but it works.  JKM 7/15/09*/
#content .row1 {background: url(images/cms/bg_1.gif) top left; padding: 15px 13px 17px 15px; float: left; width: 98%; *width: 96%; }
#content .row2 {background: url(images/cms/bg_1.gif) top left; padding: 15px 0px 17px 10px; }
#content .row3 {background: url(images/cms/bg_1.gif) top left; padding: 0px 0px 57px 0px; }
#content .bot {background: url(images/cms/bot_bg.gif) repeat-x top left; margin: 0px 19px 0px 14px; padding: 13px 0px 12px 0px; text-align: center; vertical-align: bottom; }
#content .bot a {color: #61686C; }
#content .txt {color: #B0ACAC; font-size: 0.9em; }

/*index-1.html*/
#page2 #content .indent {padding: 20px 35px 0px 20px; }
/*index-4.html*/
#page5 #content .indent3 {padding: 37px 25px 0px 20px; }
/*index-6.html*/
#page7 #content .row3 {width: 100%; padding: 0px 0px 47px 0px; }
#page7 #content .row3 .indent1 {margin: 0px 10px 0px 10px; }

/*block*/
.block {background: url(images/cms/bg_center.gif); width: 100%; }
.block .bg_top {background: url(images/cms/bg_top.gif) repeat-x top; }
.block .bg_bottom {background: url(images/cms/bg_bottom.gif) repeat-x bottom; }
.block .bg_left {background: url(images/cms/bg_left.gif) repeat-y left; }
.block .bg_right {background: url(images/cms/bg_right.gif) repeat-y right; }
.block .bg_top_left {background: url(images/cms/bg_top_left.gif) no-repeat top left; }
.block .bg_top_right {background: url(images/cms/bg_top_right.gif) no-repeat top right; }
.block .bg_bottom_left {background: url(images/cms/bg_bottom_left.gif) no-repeat bottom left; }
.block .bg_bottom_right {background: url(images/cms/bg_bottom_right.gif) no-repeat bottom right; width: 100%; }

/*block1*/
.block1 {background: url(images/cms/bg_center1.gif); width:100%; }
.block1 .bg_top {background: url(images/cms/bg_top1.gif) repeat-x top; }
.block1 .bg_bottom {background: url(images/cms/bg_bottom1.gif) repeat-x bottom; }
.block1 .bg_left {background: url(images/cms/bg_left1.gif) repeat-y left; }
.block1 .bg_right {background: url(images/cms/bg_right1.gif) repeat-y right; }
.block1 .bg_top_left {background: url(images/cms/bg_top_left1.gif) no-repeat top left; }
.block1 .bg_top_right {background: url(images/cms/bg_top_right1.gif) no-repeat top right; }
.block1 .bg_bottom_left {background: url(images/cms/bg_bottom_left1.gif) no-repeat bottom left; }
.block1 .bg_bottom_right {background: url(images/cms/bg_bottom_right1.gif) no-repeat bottom right; width: 100%; }

/*footer*/
#footer {color: #717F8C; font-size:0.75em; background: url(images/cms/bot.gif) repeat-x top; padding: 10px; /*54px 25px 60px 59px;*/}
#footer a {color: #B0ACAC; text-decoration: underline; }  
#footer a:hover {text-decoration: none; }

.input {border:1px solid #FFFFFF; background: #FFFFFF; width: 170px; height: 19px; font-size: 1em; margin: 0 5px 0 437px; font-family: arial; padding-left: 10px; }
input {width: 245px; height: 18px; font-size: 1em; padding-left: 5px; margin-bottom: 6px; font-family: arial; }
textarea {width: 245px; height: 213px; font-size: 1em; padding-left: 5px; margin-bottom: 25px;  font-family: arial; overflow: auto; }
input[type=submit] {width: 80px; height: 25px; padding: none; margin: none; font-size: 10pt; color: #0F0F0F; }
.rowinput input {color: #0F0F0F; }

/* End of 'styles' */