/*
*  NOTE: Each class (or class set) will list the PUBLIC pages that are effected
*  Admin pages are of no real concern for style (they just follow the public look and feel)
*/


/*
*	S  T  A  R  T    L  I  N  K  S
*/

/*
*  basic link and hover class
*  this class effects: contact, front page, map, staff
*/

A {
	color : #00134B;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	text-decoration: none;
}

A:HOVER {
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;	
	text-decoration: none;
	background: #00134B;
}


/*
* the dataLink and dataLink:HOVER IDs are used just like the dataLink and dataLinkHover classes except they are used
* when an actual href tag (for file download purposes) is needed 
* these IDs effect: sermon series
*/
A#dataLink {
	color : #00134B;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-decoration: none;
}

A#dataLink:HOVER {
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;	
	text-decoration: none;
	background: #00134B;
}




/*
* the navArrow IDs define the style of navigational arrows (forward, backward, etc.)
* these IDs effect: calendar
*/

A#navArrow {
	color : white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	background-color: #90A8CA;
}

A#navArrow:HOVER {
	color : white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	background-color : #00134B;
}


/*
* the footerLink IDs define the style for the footer
* this ID effects: footer
*/

A#footerLink {
	color : #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : bold;
}

A#footerLink:HOVER {
	color : #FFFFFF;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : bold;
	background-color : #009ddc;
}


/*
*	E  N  D    L  I  N  K  S
*/


/*
*   S  T  A  R  T    T  A  B  S
*/

/*
* the 'tab' series classes (6 in all) define the left/center/right style of each dynamic tab (title of the tab is dynamically written)
* to make the center section increase/decrease with the length of text, the left corner and right corners of the tab are images on a white background
* and the center section is simply a background color (matched to image color)
* these classes will effect: downloads, links, front page, sermon series
*/


.tabActiveMain{
	background-color: #90A8CA;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: white;
}

.tabActiveLeftMain{
	background-image: url('images/tabActiveLeftMain.png');
	background-image-border: 0;
	background-repeat: no-repeat;
	background-position: right;
}

.tabActiveRightMain{
	background-image: url('images/tabActiveRightMain.png');
	background-repeat: no-repeat;
	background-position: left;
}


.tabInActiveMain{
	background-color: #C7D3E4;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: white;
}

.tabInActiveLeftMain{
	background-image: url('images/tabInActiveLeftMain.png');
	background-repeat: no-repeat;
	background-position: right;
}

.tabInActiveRightMain{
	background-image: url('images/tabInActiveRightMain.png');
	background-repeat: no-repeat;
	background-position: left;
}




.tabActive{
	background-color: #F58025;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: white;
	cursor: pointer;
}

.tabActiveLeft{
	background-image: url('images/tabActiveLeftSermon.png');
	background-image-border: 0;
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

.tabActiveRight{
	background-image: url('images/tabActiveRightSermon.png');
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
}

.tabInActive{
	background-color: #20558B;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: white;
	cursor: pointer;
}

.tabInActiveLeft{
	background-image: url('images/tabInActiveLeftSermon.png');
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}

.tabInActiveRight{
	background-image: url('images/tabInActiveRightSermon.png');
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
}


/*
* the active/inActive tab classes are used to define non-dynamic tabs (text is written in statically and is of a fixed size)
* these classes effect: calendar
*/
.activeTab{
	background-image: url('images/activeTab.png');	
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
}

.inActiveTab{
	background-image: url('images/inActiveTab.png');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
}

/*
*   E  N  D   T  A  B  S
*/





/*
*   S  T  A  R  T    T  E  X  T    A  N  D    D  A  T  A
*/


/*
* the title class is used extensively throughout the site
* this class effects: about, account success, calendar, calendar pop-up, classes and programs, downloads, feedback, login, front page, map, photo gallery, calendar search, sermon series, statement of faith
*/

.title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : bold;
	color : #00134B;
	letter-spacing : 2px;
}

/*
* the subTitle class defines the style for all sub titles
* this class effects: map, new account, photo gallery
*/

.subTitle {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	text-decoration : none;
	color : #00134B;
}


/*
* the mainText class defines the style for all simple text
* this class effects: calendar, classes and programs, contact, feedback, front page, map, ministries, new account, photo gallery, calendar search, sermon series, staff, worship
*/
.mainText{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #00134B;
	line-height: 20px;
}

/*
* the dataHighLite/dataNoHighLite classes are used on every table of data that has alternating row highlites
* these classes will effect: calendar, contact, downloads, links, front page, ministries, missions, sermon series
*/

.dataHighLite{
	background: #E0EBF4;
	color: #00134B;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

.dataNoHighLite{
	background: #FFFFFF;
	color: #00134B;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}


/*
* the dataHeader class defines data table headers and is used very closely with the dataNoHighLite/dataHighLite classes
* this class will effect: calendar, calendar pop-up, classes and programs, contact, downloads, links, ministries, missions, sermon series
*/
.dataHeader{
	background: #90A8CA;
	color: white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	}
	
.dataHeaderLink{
	background: #90A8CA;
	color: white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
	}
	
.dataHeaderLink:HOVER{
	background: white;
	color: #90A8CA;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	}
/*
* dataLink and dataLinkHover are closely linked; they define the style of 'psuedo links' in the data tables 
* pseudo links are links defined using style vice the href tag (more control)
* these classes will effect: calendar, classes and programs, contact, downloads, links, front page, ministries, missions, sermon series
*/
.dataLink{
	color : #00134B;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	text-decoration: none;
}

.dataLinkHover {
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;	
	text-decoration: none;
	background: #00134B;
	cursor: pointer;
}


/*
* the calendar classes (5 in all) define the text(s), link(s), and hover(s) styles for the calendar
* these classes effect: calendar
*/
.calendarTodayText {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : bold;
	font-size : 11px;
	color : white;
}

.calendarDayText {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : bold;
	font-size : 11px;
	color : white;
}

.calendarFirstDayText {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : bold;
	font-size : 11px;
	color : #00134B;
}

.calendarLinkText {
	color : #00134B;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : bold;
	text-decoration: none;
}

.calendarHoverText {
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : bold;	
	text-decoration: none;
	background: #00134B;
}


/*
* this class is used exclusively on the calendar pop-up
*/
.data {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #666666;
}


/*
* the footer classes define the style of the text in the footer (and the border)
* these classes effect: The footer (and therefore are viewable on every page)
*/


TR.footer{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #FFFFFF;
	border-right: thin solid #FFFFFF;
	background: #20558B;
	/*FFFBD6 005295*/
}




/*
*   E  N  D    T  E  X  T    A  N  D    D  A  T  A
*/



/*
*   S  T  A  R  T    A  D  M  I  N
*/


/*
* the form classes define a form label and the form data (respectively)
* these classes effect: every administrative form (not for public use)
*/
.formLbl{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #00134B;
	line-height: 20px;
}

.formTxt{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-weight: normal;
}


/*
* the calForm classes are used exclusively by the Calendar Recurrence pop-up form (admin)
*/
.table.calForm {
	border: solid 1px #00134B;
}

.table.calForm td {
	border: solid 1px #00134B;
}


/*
*   E  N  D    A  D  M  I  N
*/


/*
*   S  T  A  R  T    M  E  N  U
*/


/*
* the menu IDs and class (4 in all) define the style of the menu items
* NOTE: these are integrated with A#menuNav and A#menuNav:HOVER link tags to create the menu
* these IDs and class effect: menu

menuItems defines the style of items in the menu div tag for each menu item (other than the headers)
*/



#menuItems{
position:absolute;
border:1px solid #BBBCBE;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#menuItems a{
width: 100%;
display: block;/*THIS IS THE MAGIC; this div obj is populated with a string of CSVs (via innerHTML) and will display in block format*/
text-indent: 3px;
border-bottom: 1px solid #BBBCBE;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background-color: #20558B;
}

/*
menuHeader defines the style of the menu headers
*/

.menuHeader {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #FFFFFF;/*FFFBD6header text color*/
	font-weight : bold;
	text-decoration : none;
	/*background-color: #295D21;*/
	cursor: pointer;
}


/* 
* Dynamic Menu
* the menuNav IDs are used on the dynamic menu
* NOTE: these are integrated with menuDiv, menuDiv a, and menuDiv a:hover classes to create the menu
* these IDs effect: menu (items)
menuNav and menuNav:HOVER define the menu link style
*/

A#menuNav {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #FFFFFF;
	font-weight : normal;
	text-decoration : none;
}

A#menuNav:HOVER {
	text-decoration : none;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #009DDC;
}



/*
*   E  N  D    M  E  N  U
*/



/*
*   S  T  A  R  T    M  I  S  C  E  L  L  A  N  E  O  U  S
*/


/*
* the crsr class simply causes a pointer effect for images and text boxes
* this class effects: calendar, downloads, front page, 
*/
.crsr{
	cursor: pointer;
}


/*
* travelingDropDown defines the style of the traveling drop down menus
* this class will effect: about, statement of faith
*/
.travelingDropDown{background: #90A8CA; color: white; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px;text-align: left;border: 0px}


/*
* the mainBackGroundBottom class is used exclusively on the index page and places the bottom shadow on the site
* this class effects: index (and therefore is displayed on every page)
*/
.mainBackGroundBottom{
	background-image: url('images/bottomshadow2.png');
	background-position: bottom center;
	font-size: 8px;
	/*FFFBD6*/
}

/*
*   E  N  D    M  I  S  C  E  L  L  A  N  E  O  U  S
*/