/* Master ***************************************/

body {
  background-color: #D9EFFC;
  background-image: url(../img/body-bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 118px;
  margin: 0px;
  font-size: 0.81em;
  font-family: "Trebuchet MS", Arial, sans-serif;
}

#header {
  background-image: url(../img/header-bg.jpg);
  background-repeat: repeat-x;
  height: 145px;
}

#container {
  padding: 0px 0px 12px 0px;
}

#footer {
  background-color: #FFFFFF;
  clear: both;
  height: 142px;
}

.interior {
  width: 980px;
  margin: 0px auto 0px auto;
}

a img {
  border: 0px;
}

/* Header ***************************************/

#header #logo {
  margin: 11px 28px 4px 1px;
  float: left;
}

#header #banner {
  float: left;
  width: 468px;
  height: 60px;
  margin: 22px 9px 0px 0px;
}

#header .button {
  float: left;
  display: block;
  background-image: url(../img/button-login.png);
  background-repeat: no-repeat;
  width: 145px;
  height: 49px;
  margin: 29px 0px 0px 0px;
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 108%;
  font-family: Arial;
}

#header .button span {
  margin: 15px 0px 0px 0px;
  text-align: center;
  display: block;
  color: #FFFFFF;
}

#navigation {
  clear: both;
  font-family: Arial;
  height: 42px;
  margin-right: 9px;
  background-image: url(../img/navigation-shadow.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  position: relative;
}

#navigation ul {
  display: block;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  height: 36px;
  background-image: url(../img/navigation-bg.gif);
  background-repeat: repeat-x;
  background-position: top;
}

#navigation li {
  display: block;
  float: left;
  height: 36px;
  margin: 0px;
  padding: 0px;
  background-image: url(../img/navigation-bg.gif);
  background-repeat: repeat-x;
  font-size: 115%;
}

#navigation li a {
  float: left;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 13px 14px 18px 13px;
  line-height: 67%;
  background-image: url(../img/navigation-divide.gif);
  background-repeat: no-repeat;
  background-position: top right;
}

#navigation li a:hover {
  background-image: url(../img/navigation-hover-bg.gif);
  background-repeat: repeat-x;
  background-position: top right;
}

#navigation li.left {
  background-image: url(../img/navigation-left.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

#navigation li.left a {
  padding-left: 14px;
  padding-right: 15px;
}

#navigation li.left a:hover {
  background-image: url(../img/navigation-hover-left.gif);
  background-position: top left;
}

#navigation li.left a:hover span {
  right: 0px !important;
  right: -1px;
}

#navigation li.right, #navigation li.rightLoggedin {
  background-image: url(../img/navigation-right.gif);
  background-repeat: no-repeat;
  background-position: top right;
  float: right;
}
#navigation li.rightLoggedin {
	color: #fff;
	font-size: .9em;
	padding-top: 10px;
	width: 400px;
	text-align: right;
}

#navigation li.right a {
  background-position: top left;
  padding-left: 14px;
  padding-right: 43px;
}
#navigation li.right a:hover {
  background-image: url(../img/navigation-hover-right.gif);
  background-position: top right;
}

#navigation li.rightLoggedin a {
  background-image: none;
  padding: 13px 14px 18px 13px;
  margin: 0;
  background-image: none;
  float: none;
  line-height: 67%;
  display: inline;
   text-decoration: underline;
}

#navigation li.rightLoggedin a:hover {
  background-image: none;
 
}

#navigation li.right a:hover span, #navigation li.rightLoggedin a:hover span {
  left: 0px;
}

#navigation li a span {
  display: none;
}

#navigation li a:hover {
  position: relative;
}

#navigation li a:hover span {
  display: block;
  height: 36px;
  width: 2px;
  position: absolute;
  top: 0px;
  background-image: url(../img/navigation-hover-divide.gif);
  background-repeat: no-repeat;
}

#navigation .badge {
  position: absolute;
  top: -18px;
  right: -12px;
}

/* Middle ***************************************/

#skyscraper {
  width: 120px;
  height: 600px;
  float: right;
  padding: 0px 9px 0px 0px;
}

/* Footer ***************************************/

.footer-left {
  float: left;
  width: 600px;
  padding: 0px 0px 0px 21px;
}

.footer-left ul {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
}

.footer-left ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
  display: inline;
}

.footer-left ul li a {
  color: #000000;
  text-decoration: none;
}

.footer-left ul li a:hover {
  text-decoration: underline;
}

.footer-left p {
  color: #50C1FF;
  font-size: 92%;
}

.footer-left p a {
  text-decoration: underline;
  color: #50C1FF;
}

.footer-right {
  float: left;
  width: 323px;
  text-align: right;
  padding: 0px 30px 0px 0px;
}

.footer-right .smaller {
  font-size: 92%;
}

.footer-right .smaller img {
  margin-bottom: 3px;
}