/*********************************************************************************************
Global application styles.
@author j. flores, Elliance Inc.
@contact jflores@elliance.com
@client Appalachian Bible College

 * CONTENTS:
 * =DEFAULTS=     Default styles for global selectors
 * =GENERICA=     Classes with some generic modifications (font-family, for example) that could apply to many different dom elements
 * =MAIN=         Defines structure of primary content containers
 * =HEADER=       Application header, including primary navigation
 * =FOOTER=       Styles the copyright notice, etc.
 * =BGSWITCHER=   Not really part of the footer, here's the styles for the background changing widget.
**********************************************************************************************/

/*********************************************************************************************
=DEFAULTS=
**********************************************************************************************/
body {
	background: #efefef url(/_images/photos/bgSwitcher/1.jpg) no-repeat center bottom;
  color: #4c4c4c;
  margin-bottom: 455px;
}

h1, h2, h3, h4, h5, h6 {
  color: #7b0900;
  font-family: "Times New Roman", "Times Roman", Times, serif;
}

a {
  color: #4d5c6c;
  text-decoration: underline;
}

/*********************************************************************************************
=GENERICA=
**********************************************************************************************/
.serif {
  font-family: "Times New Roman", "Times Roman", Times, serif;
}

.sanserif {
  font-family: Arial, sans-serif;
}

.red {
  color: #620d15;
}

div#copy div.content a.dl, div#copy div.content .pdf {
  background: url(/_images/interface/backgrounds/dl.png) no-repeat right center;
  color: #4c4c4c;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 33px;
  margin: 5px 25px 0 0;
  padding: 0 36px 0 0;
  text-decoration: none;
}

div#copy div.content a.dl:hover, div#copy div.content a.pdf:hover {
  color: #7B0900;
}

a.dl:hover {
  text-decoration: underline;
}

a#vtButton {
  display: block;
  float: right;
  height: 124px;
  margin: 5px 5px 10px 10px;
  width: 225px;
}

div#copy img#president {
  display: block;
  float: right;
  margin: 5px 60px 10px 20px;
}

/*********************************************************************************************
=MAIN=
**********************************************************************************************/
div#mainContent {
  margin: 20px auto 0;
  overflow: auto;
  width: 964px;
}

/*********************************************************************************************
=HEADER=
**********************************************************************************************/
div#wideHead {
  background: #12273e url(/_images/interface/backgrounds/headerBG.jpg) repeat-x left top;
}

div#header {
  color: #fff;
  height: 210px;
  margin: 0 auto;
  position: relative;
  width: 960px;
}

.logo a {
  background: url(/_images/interface/backgrounds/headerH1BG.png) no-repeat left top;
  display: block;
  height: 133px;
  left: 10px;
  position: absolute;
  text-indent: -9999em;
  top: 15px;
  width: 424px;
}

/**********
=HEADER=secondary navigation
**********/
div#header div#topNav {
  position: absolute;
  right: 0;
  top: 0;
}

div#header div#topNav a {
  background: url(/_images/interface/backgrounds/topNav_sprite.png) no-repeat;
  display: block;
  float: left;
  height: 34px;
  text-indent: -9999em;
}

div#header div#topNav a#topNav_parents {
  background-position: 0px 0px;
  width: 73px;
}

div#header div#topNav a#topNav_parents:hover {
  background-position: 0px -34px;
}

div#header div#topNav a#topNav_parents:active {
  background-position: 0px -68px;  
}

div#header div#topNav a#topNav_parents.selected {
  background-position: 0px -102px;
}

div#header div#topNav a#topNav_current {
  background-position: -73px 0px;
  width: 129px;
}

div#header div#topNav a#topNav_current:hover {
  background-position: -73px -34px;
}

div#header div#topNav a#topNav_current:active {
  background-position: -73px -68px;
}

div#header div#topNav a#topNav_current.selected {
  background-position: -73px -102px;
}

div#header div#topNav a#topNav_alumni {
  background-position: -202px 0px;
  width: 67px;
}

div#header div#topNav a#topNav_alumni:hover {
  background-position: -202px -34px;
}

div#header div#topNav a#topNav_alumni:active {
  background-position: -202px -68px;
}

div#header div#topNav a#topNav_alumni.selected {
  background-position: -202px -102px;
}

div#header div#topNav a#topNav_churches {
  background-position: -269px 0px;
  width: 131px;
}

div#header div#topNav a#topNav_churches:hover {
  background-position: -269px -34px;
}

div#header div#topNav a#topNav_churches:active {
  background-position: -269px -68px;
}

div#header div#topNav a#topNav_churches.selected {
  background-position: -269px -102px;
}

div#header div#topNav a#topNav_friends {
  background-position: -400px 0px;
  width: 158px;
}

div#header div#topNav a#topNav_friends:hover {
  background-position: -400px -34px;
}

div#header div#topNav a#topNav_friends:active {
  background-position: -400px -68px;
}

div#header div#topNav a#topNav_friends.selected {
  background-position: -400px -102px;
}

/**********
=HEADER=other links
**********/
div#header div#otherLinks {
  position: absolute;
  right: 0;
  top: 37px;
}

div#header div#otherLinks a {
  color: #bac0c7;
  font-size: 13px;
  font-weight: bold;
  margin: 0 20px 0 7px;
  text-decoration: none;
}

div#header div#otherLinks a:hover,
div#header div#otherLinks a.selected {
  color: #fff;
}

/**********
=HEADER=buttons, apply-now & request info
**********/
div#header div#buttonBar {
  bottom: 60px;
  position: absolute;
  right: 2px;
}

div#header div#buttonBar a {
  background: url(/_images/interface/backgrounds/buttonBar.png) no-repeat left top;
  color: #bac0c7;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 31px;
  line-height: 28px;
  margin: 0 0 0 8px;
  text-align: center;
  text-decoration: none;
  text-shadow: #000 1px 1px 3px;
  width: 103px;
}

div#header div#buttonBar a:hover {
  background-position: left -31px;
  color: #fff;
}

div#header div#buttonBar a:active {
  background-position: left -62px;
}

div#header div#buttonBar a.selected {
  background-position: left -94px;
  color: #fff;
}

/**********
=HEADER=primary nav
**********/
div#header div#primaryNav {
  background: #12273e;
  bottom: 0;
  height: 47px;
  left: 12px;
  line-height: 47px;
  position: absolute;
}

div#header div#primaryNav ul li {
  background: url(/_images/interface/backgrounds/primaryNav_border.png) repeat-x left top;
  display: block;
  float: left;
  height: 47px;
  zoom: 1;
}

div#header div#primaryNav a {
  background: url(/_images/interface/backgrounds/primaryNav_skinnySprite.png) repeat-x;
  color: #b8bfc5;
  display: block;
  font-size: 17px;
  font-weight: bold;
  height: 47px;
  letter-spacing: .025em;
  padding: 0 35px;
  margin: 0 2px 0 0;
  text-align: center;
  text-decoration: none;
}

div#header div#primaryNav li.first a {
  margin: 0 2px;
}

div#header div#primaryNav li.last a {
  margin: 0 2px 0 0;
}

div#header div#primaryNav li a {
  background-position: 0 0;
}

div#header div#primaryNav li a:hover {
  background-position: 0 -47px;
  color: #fff;
}

div#header div#primaryNav li a:active {
  background-position: 0 -94px;
}

div#header div#primaryNav li.selected a {
  background-position: 0 -141px;
  color: #fff;
}

div#header div#primaryNav li#academicsIndex { _width: 156px; }
div#header div#primaryNav li#admissionsIndex { _width: 287px; }
div#header div#primaryNav li#aboutIndex { _width: 144px; }
div#header div#primaryNav li#lifeIndex { _width: 167px; }

/*********************************************************************************************
=FOOTER=
**********************************************************************************************/
div#footer {
  background: url(/_images/interface/backgrounds/interiorFooter.png) no-repeat left bottom;
  float: right;
  font-family: "Times New Roman", "Times Roman", Times, serif;
  font-size: 12px;
  padding: 67px 0 0;
  width: 724px;
}

div#footer p {
  padding: 0 0 20px 20px;
}

div#footer a {
  background: url(/_images/interface/backgrounds/footerLink.gif) repeat-y right top;
  padding: 0 10px;
  text-decoration: none;
}

div#footer a.last {
  background: none;
}

/*********************************************************************************************
=BGSWITCHER=
**********************************************************************************************/
div#bgSwitcher {
  float: right;
  margin: -2px auto 0;
  width: 724px;
}

div#bgSwitcher div#switchBox {
  background: #12273e;
  margin: 0 auto;
  width: 685px;
}

div#bgSwitcher h4 {
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
  background: #12273e url(/_images/interface/backgrounds/bgSwitcher.gif) repeat-x left top;
  color: #fff;
  cursor: pointer;
  font: italic normal 15px/25px "Times New Roman", "Times Roman", Times, serif;
  margin: 0 auto;
  text-align: center;
  width: 685px;
}

div#bgSwitcher div#switchBox div.thumbs {
  padding: 10px 0;
  margin: 0 auto;
  width: 620px;
}

div#bgSwitcher div#switchBox div.thumbs img {
  cursor: pointer;
  width: 120px;
}

div#bgSwitcher img#switchTab {
  cursor: pointer;
  display: block;
  margin: 0 auto;
}