/* CSS Document */

/*
OSC COLORS

red: #B00000
blue: #0075BF

LINKS

*/

* { margin: 0; padding: 0; }

body { margin: 0px; background: #e5e5e5 url(http://www.oursaviorschurch.com/img/bg2.jpg) top center repeat-x; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; font-weight: normal; }

a img { border: 0px none; background: none; padding: 0px; }

td { vertical-align: top; }

.img { border: #AAAAAA 1px solid; }

p { margin: 17px 0; }

.red { color: #B00000; }

.biglinkdown { font-size: 17px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #AAAAAA; display: block; margin-top: 10px; text-decoration: none; }

b { color: #000000; }
strong { color: #000000; }

/* OLD LINK STYLE
a:link { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0099FA; padding: 2px; text-decoration: none; }
a:visited { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0099FA; padding: 2px; text-decoration: none; }
a:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; padding: 2px; background: #0099FA; text-decoration: none; }
a:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background: #004673; padding: 2px; text-decoration: none; }
*/

a:link { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0075BF; text-decoration: underline; }
a:visited { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0099FA; text-decoration: underline; }
a:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline; }
a:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #004673; text-decoration: underline; }

a.smp { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #0075BF; text-decoration: underline; }
a.smp:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: underline; }

a.redlink:link { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #B00000; text-decoration: underline; }
a.redlink:visited { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #B00000; text-decoration: underline; }
a.redlink:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: underline; }
a.redlink:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #B00000; text-decoration: underline; }

a.biglink:link { font-size: 17px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #0075BF; display: block; margin-top: 10px; text-decoration: none; }
a.biglink:visited { font-size: 17px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #0075BF; display: block; margin-top: 10px; text-decoration: none; }
a.biglink:hover { font-size: 17px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #000000; display: block; margin-top: 10px; text-decoration: none; }
a.biglink:active { font-size: 17px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #000000; display: block; margin-top: 10px; text-decoration: none; }

a.capslink:link { font-size: 12px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #0075BF; display: block; text-decoration: none; text-transform: uppercase; }
a.capslink:visited { font-size: 12px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #0075BF; display: block; text-decoration: none; text-transform: uppercase; }
a.capslink:hover { font-size: 12px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #000000; display: block; text-decoration: none; text-transform: uppercase; }
a.capslink:active { font-size: 12px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #0075BF; display: block; text-decoration: none; text-transform: uppercase; }


a.blocknavL { float: left; display: block; font: normal 18px Tahoma; color: #0075BF; text-decoration: none; padding: 5px 10px; background-color: #EDEDED; width: 175px; }
a.blocknavL:hover { color: #EDEDED; background-color: #0075BF; }

a.blocknavR { float: right; display: block; font: normal 18px Tahoma; color: #0075BF; text-decoration: none; padding: 5px 10px; background-color: #EDEDED; width: 175px; text-align: right; }
a.blocknavR:hover { color: #EDEDED; background-color: #0075BF; }

a.accordian { font-family: Tahoma, Helvetica, sans-serif; font-size: 18px; text-transform: lowercase; color: #B00000; padding: 0px; font-weight: normal; text-decoration: none; }
a.accordian:hover { color: #000000; }

#container { width: 900px; }

.clear { clear: both; }

.gray { font-size: 10px; color: #EDEDED; font-family: Verdana; }
.lite { color: #999999; }



/*==========================================================================================

						HEADERS

==========================================================================================*/

/*h3 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; height: 19px; background: url(img/h3bg.jpg) top left no-repeat #B00000; text-transform: lowercase; color: #FFFFFF; margin: 0px; padding: 0px 0px 0px 25px; font-weight: normal; }*/

h3 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 28px; text-transform: lowercase; letter-spacing: -.05em; color: #B00000; margin-bottom: 7px; padding: 0; font-weight: normal; }

h4 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; text-transform: lowercase; font-weight: normal; color: #000000; margin: 0; padding: 0px; }

h5 { font-family: Tahoma, Arial, Sans-Serif; font-size: 14px; font-weight: normal; line-height: 18px; color: #777777; margin: 0px; padding: 2px 0px 4px 0px; }

h3.top { padding-top: 8px; }
h4.top { padding-top: 8px; }

/*==========================================================================================

						TOP HEADER

==========================================================================================*/

#header { width: 900px; height: 90px; }
#logobox { width: 670px; float: left; text-align: left; }
#newbox { width: 230px; float: right; text-align: left; }
#newbox a { background: none; padding: 0px; }
#TextLogo { display: none; }



/*==========================================================================================

						NAVIGATION

==========================================================================================*/

#nav { width: 900px; height: 30px; margin-bottom: 5px; }
#nav-search { float: left; text-align: left; margin-top: 4px; margin-left: 10px; }
#nav-main { text-align: right; float: right; }
#nav-main img { margin-right: 20px; }
#nav-sub { height: 30px; }


/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul { overflow: hidden; list-style-type: none; /*margin-left: 500px;*/ }
.tabsmenuclass li { float: left; }

.tabsmenuclass a { display: block; background: none; padding: 0px; }

.selectedanchor { /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/ background: none; }


/* ######### Default class for drop down menus ######### */

.anylinkcss { position: absolute; left: 0; top: 0; visibility: hidden; z-index: 100; /* zIndex should be greater than that of shadow's below */ background: url(http://www.oursaviorschurch.com/img/menu/dropdownbg.jpg) bottom center repeat-x #FFFFFF; width: 150px; /* default width for menu */ padding: 15px; font-size: 12px; /*border-bottom: 1px #BBBBBB solid;*/ }

.anylinkcss ul { margin: 0; padding: 0; list-style-type: none; }
.anylinkcss ul li a { width: 100%; display: block; text-indent: 3px; color: #0075BF; padding: 3px 0; text-decoration: none; font-weight: bold; font-size: 11px; text-indent: 5px; text-transform: uppercase; }

.anylinkcss a:hover { /*hover background color*/ background: #EDEDED; color: #333333; }

/* ######### Alternate multi-column class for drop down menus ######### */

.anylinkcsscols { position: absolute; left: 0; top: 0; visibility: hidden; z-index: 100; /* zIndex should be greater than that of shadow's below */ background: url(http://www.oursaviorschurch.com/img/menu/dropdownbg.jpg) bottom center repeat-x #FFFFFF; padding: 15px; font: 12px; z-index: 100; /*zIndex should be greater than that of shadow's below*/ }

.anylinkcsscols .column { float: left; font-size: 14px; }
.anylinkcsscols .column b a { font-weight: bold; font-size: 14px; text-decoration: none; }
.anylinkcsscols .column b a:hover { text-decoration: none; background: transparent; }
.anylinkcsscols .column ul { margin: 0 20px 0 0; padding: 0; list-style-type: none; }

.anylinkcsscols ul li a { width: 100%; display: block; color: #0075BF; padding: 3px; text-decoration: none; font-weight: bold; font-size: 11px; text-indent: 5px; text-transform: uppercase; }

.anylinkcsscols a:hover { /*hover background color*/ background: #EDEDED; color: #333333; }

/* ######### class for shadow DIV ######### */

.anylinkshadow { /*CSS for shadow. Keep this as is */ position: absolute; left: 0; top: 0; z-index: 99; /*zIndex for shadow*/ background: black; visibility: hidden; }

#location { width: 870px; text-align: left; font-size: 11px; /*padding: 3px 20px;     background: #FFFFFF;     float: left;     border: 1px solid #AAAAAA;*/ }



/*==========================================================================================

						FEATURE BOX

==========================================================================================*/

#feature { width: 900px; height: 310px; background: url(http://www.oursaviorschurch.com/img/featbg.png) top left no-repeat; }
#feature-img { width: 650px; float: left; padding: 20px 0px 0px 10px; }
#feature-text { width: 240px; float: left; }

.sliderwrapper { position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ width: 650px; /*width of featured content slider*/ height: 300px; float: left; }
.sliderwrapper .contentdiv { visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ width: 650px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height: 100%; padding: 20px 0px 0px 10px; filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.pagination { width: 230px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ float: left; text-align: left; padding: 20px 0px 0px 10px; }
.pagination a { text-decoration: none; text-transform: uppercase; font-size: 15px; font-weight: bold; color: #a6a6a6; background: url(http://www.oursaviorschurch.com/img/feattextbg_v2.png) top left no-repeat; display: block; width: 220px; height: 42px; padding: 3px 0px 0px 10px; }
.pagination a:hover, .pagination a.selected { color: #FFFFFF; }

.black { color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 25px; text-transform: none; }



/*==========================================================================================

						CONTENT

==========================================================================================*/

#content { width: 880px; margin: 5px 10px; padding: 0px; }
#content-left { width: 608px; padding: 20px; background: #FFFFFF; float: left; text-align: left; border: 1px solid #CCCCCC; color: #444; }

.featcontent { padding: 0px 10px 5px 10px; background: #FFFFFF; /*border-bottom: 1px solid #CCCCCC;     border-right: 1px solid #CCCCCC;     border-left: 1px solid #CCCCCC;*/ }
.featcontent:hover { padding: 0px 10px 5px 10px; background: #EDEDED; /*border-bottom: 1px solid #CCCCCC;     border-right: 1px solid #CCCCCC;     border-left: 1px solid #CCCCCC;*/ }
.featcontent ol { margin-left: 25px; }

#content-right { width: 190px; float: left; text-align: left; font-size: 11px; margin: 20px 10px; padding: 10px; background: url(http://www.oursaviorschurch.com/img/rtbg.jpg) top left repeat-x #6a0000; color: #EDEDED; }
#content-right p { padding-left: 5px; }
#content-right h4 { font-family: Tahoma, Arial, Sans-Serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #DDDDDD; margin: 0px 0px 7px 0px; padding: 0px; }
#content-right h5 { font-family: Tahoma, Arial, Sans-Serif; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #EDEDED; margin: 0px 0px 2px 0px; padding: 0px; }
#content-right a { color: #FFFFFF; font-weight: bold; font-size: 11px; text-decoration: none; display: block; padding: 0px 5px; }
#content-right a:hover { text-decoration: underline; }
#content-right h5 a { font-family: Tahoma, Arial, Sans-Serif; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #EDEDED; margin: 0px 0px 2px 0px; padding: 0; }
#content-right h5 a:hover { text-decoration: underline; }

.pagecontent { margin: 10px 10px 5px 10px; background: #FFFFFF; text-align: justify; /*border-bottom: 1px solid #CCCCCC;     border-right: 1px solid #CCCCCC;     border-left: 1px solid #CCCCCC;*/ }
.pagecontent h3 { font-family: Tahoma, Helvetica, sans-serif; font-size: 20px; text-transform: lowercase; color: #000; margin: 0px 0px 5px 0px; padding: 0px; font-weight: normal; letter-spacing: normal; }
.pagecontent h3.top { padding-top: 12px; }
.pagecontent h3.bottom { padding-bottom: 8px; }
.pagecontent img { border: #d0d0d0 5px solid; }
.pagecontent ul { margin-left: 25px; }
.pagecontent ol { margin-left: 25px; }
div.left { float: left; width: 50%; text-align: left; }
div.right { float: left; width: 50%; text-align: left; }

.gtlogo { float: right; margin: -30px 0 10px 20px; }

.AccordianHeader { cursor: pointer; font-size: 14px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, Sans-Serif; color: #0075BF; display: block; margin: 2px 0 0 0; padding: 5px; text-decoration: none; }
.AccordianHeader:hover { background: #0075BF; color: #FFFFFF; }
.AccordianHeader-Selected { background: #0099FA; color: #FFFFFF; cursor: pointer; font-size: 14px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, Sans-Serif; display: block; margin: 2px 0 0 0; padding: 5px; text-decoration: none; }
.AccordianContent { background: #EFEFEF; color: #555; padding: 10px; margin-bottom: 5px; }

.date { background: url(http://www.oursaviorschurch.com/img/datebg.jpg) top left no-repeat; width: 60px; height: 60px; float: left; text-align: center; display: block; }
.datetext { background: transparent; width: 60px; float: left; text-align: center; display: block; }
.date span { color: #FFFFFF; font-size: 15px; text-transform: uppercase; padding: 5px 0 7px 0; display: block; }
.date strong { color: #555555; font-size: 27px; font-weight: normal; }
.eventInfo { float: left; border-left: 1px solid #DDDDDD; margin-left: 15px; margin-bottom: 35px; padding-left: 15px; width: 510px; }



/*==========================================================================================

						Tabs

==========================================================================================*/

.campustabs { padding: 0; background: transparent; voice-family: "\"}\""; voice-family: inherit; }

.campustabs ul { margin: 0; margin-left: 0px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
.campustabs li { display: inline; margin: 0 2px 0 0; padding: 0; text-transform: uppercase; }

.campustabs a { float: left; display: block; font: normal 18px Tahoma; color: #0075BF; text-decoration: none; margin: 0 10px 0 0; /*Margin between each menu item*/ padding: 5px 10px; background-color: #EDEDED; }
.campustabs a:hover { background-color: #d5d5d5; /*Brown color theme*/ color: #0075BF; }
.campustabs a.selected { /*currently selected tab*/ background-color: #0075BF; /*Brown color theme*/ color: #FFFFFF; font-weight: normal; }

.tabcontent { display: none; }

@media print {
	.tabcontent { display: block !important; }
}



/*==========================================================================================

						FOOTER

==========================================================================================*/

#footer { width: 880px; text-align: left; font-family: Verdana, Arial, Sans-Serif; font-size: 10px; font-weight: normal; line-height: 15px; color: #666666; padding: 50px 0px; }
#footer h3 { font-size: 11px; font-family: Verdana, Arial, Sans-Serif; font-weight: normal; text-transform: none; color: #B00000; padding: 0px; margin: 0px; display: inline; }
#footer a:link { font-family: Verdana, Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #222222; text-decoration: none; }
#footer a:visited { font-family: Verdana, Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #222222; text-decoration: none; }
#footer a:hover { font-family: Verdana, Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #222222; text-decoration: underline; }
#footer a:active { font-family: Verdana, Arial, Sans-Serif; font-size: 10px; font-weight: normal; color: #222222; text-decoration: none; }



/*==========================================================================================

						REQUEST FORMS

==========================================================================================*/

.greybox { background: #EFEFEF; padding: 2px 5px; }
.idleInput { background: #f2f2f2; color: #555555; padding: 5px; font-size: 13px; border: 2px solid #CCCCCC; }

.focusInput { background: #dbeefa; color: #000000; padding: 5px; font-size: 13px; border: 2px solid #61b8ef; }

input.error { background: #fed; border: 2px solid #e00; }
select.error { background: #fed; border: 2px solid #ff0000; }
textarea.error { background: #fed; border: 2px solid #ff0000; }
span.error { margin: 0; padding: 5px; font-weight: bold; color: #fff; background: #ff0000; position: absolute; float: left; }