/***** Master Classes *****/
html,body {
  background:#CCC url(../images/bg.jpg) repeat-y top center;
  font-family:Arial, Helvetica, sans-serif;;
  color:#666;
	font-size:87.5%;
	line-height:1.15em;
	font-weight:normal;
	text-align:left;
}

h1 {
  letter-spacing:0;
  color:#600;
  padding:0 0 0.1em 0;
}
h2 {letter-spacing:0;}

.wrapper {
  width:960px;
  margin:0 auto;
}

#header {
  width:100%;
  height:90px;
  background:#000 url(../images/header.gif) no-repeat top center;
}

#KingdomCome {
  width:468px;
  height:90px;
  padding:0;
  margin:0 auto;
}
#KingdomCome a {
  width:468px;
  height:90px;
  background:transparent url(../images/KingdomCome.gif) no-repeat center center;
  color:#FFFFCC;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  font-size:2em;
  line-height:90px;
  text-indent:-9999em;
  float:left;
}

#splash {
  width:100%;
  height:354px;
  padding:0;
  background:#000 url(../images/splash.bg.gif) no-repeat top center;
  list-style:none;
  position:relative;
  overflow:hidden;
}

#splash-canvas {
  width:960px;
  margin:0 auto;
  padding:0;
  list-style:none;
}

#splash li {
  width:960px;
  height:300px;
  margin:12px 0 0 0;
}
#splash li.transparent {background:transparent;}
#splash li.alpha {display:block;}
#splash li object {
  margin:-6px 0 0 160px;
}

#main {
  width:960px;
  padding:0 0 24px 18px;
  margin:0 auto;
  background:#FFF url(../images/main.bg.gif) no-repeat bottom center;
}

#main .cell {
  width:298px;
  margin:8px 0;
  padding:4px 8px;
  float:left;
}
#main .cell.alpha {border-left:0;}

#main .divider {
  width:0;
  margin:6px 0 0 0;
  border-left:solid 1px #DDD;
  border-right:solid 1px #DDD;
  height:180px;
  float:left;
}

#main h1 {
  display:inline;
  text-transform:uppercase;
  letter-spacing:0;
}
#main .h1-tag {
  color:#333;
  text-transform:uppercase;
  font-size:8px;
  font-weight:bold;
  letter-spacing:-0.015em;
}
#main .clear {padding-bottom:0.3em;}

#main ul.linkList {
  width:290px;
  margin:0 0 1em 0;
  padding:0;
  list-style:none;
  float:left;
}

#main ul.linkList strong {
  width:38px;
  height:100%;
  float:left;
}
#main ul.linkList a {
  width:100%;
  padding:0.5em 4px 0.6em;
  color:#555;
  text-decoration:none;
  float:left;
}
#main ul.linkList a:hover {color:#C00;}
#main ul.linkList li.even a {background:#EEE;}

#giveNow,
#loginAndGive {
  width:293px;
  height:63px;
  margin:3px 0 8px;
  background:#600 url(../images/giveNow.gif) no-repeat top left;
  color:#FFFFCC;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  text-indent:-9999em;
  line-height:63px;
  vertical-align:middle;
  font-size:2.5em;
  font-weight:bold;
  float:left;
}
#loginAndGive {background-image:url(../images/loginAndGive.gif);}

.button,.button-left {
  height:15px;
  padding:0 0 0 8px;
  background:#CCC url(../images/button.bg.gif) no-repeat top left;
  color:#000;
  line-height:15px;
  text-decoration:none;
  text-transform:uppercase;
  font-size:9px;
  position:absolute;
  right:0;
}
.button span,.button-left span {
  width:14px;
  height:15px;
  margin-left:4px;
  background:transparent url(../images/button.span.gif) no-repeat top right;
  float:right;
}
.button:hover,.button-left:hover {
  color:#111;
  background-position:left bottom;
}
.button-left:hover {background-position:right bottom;}
.button:hover span,.button-left:hover span {background-position:right bottom;}
.button-left {
  padding:0 8px 0 0;
  background:transparent url(../images/button-left.bg.gif) no-repeat top right;
  left:0;
  right:auto;
}
.button-left span {
  margin:0 4px 0 0;
  background:transparent url(../images/button-left.span.gif) no-repeat top left;
  float:left;
}

#footer {
  margin-top:-4px;
  font-size:10px;
}

#footer a {
  color:#555;
  text-decoration:none;
}
#footer a:hover {
  color:#333;
  text-decoration:underline;
}

#footer ul {
  padding:1px 0 0 0;
  list-style:none;
}
#footer ul li {
  border-left:solid 1px #DDD;
  padding-left:5px;
  margin-left:2px;
  display:inline;
}
#footer ul li.alpha {border:0;}

#copyright {
  height:20px;
  color:#999;
  position:absolute;
  right:10px;
  top:0;
}
#copyright span {
  width:auto;
  height:24px;
  margin-right:6px;
  vertical-align:middle;
  line-height:20px;
  float:left;
}
