/* @group Reset
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
  line-height: 1;
  background: white;
  /* Make sure there are no scroll bars displayed */
  overflow: hidden;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

#wrapper {
  width: 768px;
  height: 1360px;
  margin: 0;
  font-family:"Gill Sans", Tahoma, sans-serif;
}

#main {
  width: 768px;
  height: 1300px;
  position: relative;
  background: url(../img/donor_background.png);
}

/* @group Header
 */

#header {
  position:relative;
  width: 768px;
  height: 148px;
  background: #394962;
  color: white;
  border-bottom: 1px solid #001122;
}

#header h1 {
  position:absolute;
  width:160px;
  left:304px;
  top:8px;
  text-align:center;
  font-size:19px;
  line-height:1.4;
  text-transform:uppercase;
  font-weight:normal;
  letter-spacing:3px;
}

/* @group Switch Campaign List */

#switchCampaign {
  position: absolute;
  width:157px; 
  bottom:8px;
  left: 290px;
  font-size: 13px;
  text-align: center;
  border: 1px solid #999;
  padding: 5px 25px 5px 5px;
  background: #253041 url(../img/down_arrow.gif) no-repeat 167px 3px;
  color:#eee;
}

#switchCampaign:active {
  background-color: #394962;
}

#otherCampaigns {
  top: 139px;
  left: 290px;
  width: auto;
  max-width: 330px;
  padding: 10px;
  height: auto;
  border: 1px solid #999;
  background: #253041;
}

#otherCampaigns ul li {
  margin-bottom: 10px;
  padding: 0 10px 0 0;
  list-style: square inside;
}

#otherCampaigns ul li a {
  text-decoration: underline;
  color: inherit;
}

#otherCampaigns ul li a:active {
  color:#ffca00;
}

/* @end */

/* @group Logo */

#logo {
  position:absolute;
  top:26px;
  left:30px;
  height:100px;
  max-width:198px;
  width:198px;
}

#logo img {
  height:100px;
}

/* @end */

/* @group Permanent Sponsors */

#permanentSponsors {
  width: 256px; height: 148px;
  position: absolute;
  right: 0;
}

#permanentSponsors .items {
  width: 100%; height: 100%;
}

#permanentSponsors .items div {
  width: 100%; height: 100%;
}

#permanentSponsors img {
  height: 132px;
  margin-top: 8px;
  margin-right: 8px; 
  max-width: 99px;
  float: right;
}

#permanentSponsors p {
  height: 148px;
  width: 140px;
  display: table;
  text-align: right;
  font-size: 15px;
  float: left;
  line-height: 1.2;
}

#permanentSponsors p span {
  display: table-cell;
  vertical-align: middle;
}

/* @end */

/* @end */

/* @group Donors */

#donors {
  float: right;
  width: 512px;
}

#donors h2 {
  text-align: center;
  font-weight: bold;
  letter-spacing: 4px;
  text-transform: uppercase;
  opacity: .8;
  color: white;
  font-size: 20px;
}

.level {
  position: relative;
}

#level1 {
  height: 200px;
}

#level2 {
  height: 250px;
/*  background: #888;*/
}

#level3 {
  height: 225px;
/*  background: #a60;*/
}

#level4 {
  height: 225px;
/*  background: #06a;*/
}

#level5 {
  height: 250px;
}

.plaque {
  position: absolute;
  text-align: center;
  top: 0; left: 0;
  display: table;
  overflow:none;
  color: white;
}

.plaque span {
  display: table-cell;
  vertical-align: middle;
}

.plaque:active {
  color: #ffca00;
}

#level1 .plaque {
  background: url(../img/donor_level1.png);
  top: 50px;
  width: 256px;
  height: 150px;
  font-size: 25px;
}
#level1 .plaque span {
  padding: 14px 15px;
}
#level2 .plaque {
  background: url(../img/donor_level2.png);
  top: 50px;
  width: 256px;
  height: 100px;
  font-size: 19px;
}
#level2 .plaque span {
  padding: 10px 15px;
}
#level3 .plaque {
  background: url(../img/donor_level3.png);
  top: 25px;
  width: 256px;
  height: 50px;
  font-size: 15px;
}
#level3 .plaque span {
  padding: 7px 15px;
}
#level4 .plaque {
  background: url(../img/donor_level4.png);
  top: 25px;
  width: 128px;
  height: 50px;
  font-size: 13px;
}
#level4 .plaque span {
  padding: 7px 9px;
}
#level5 .plaque {
  background: url(../img/donor_level5.png);
  top: 25px;
  width: 85px;
  height: 45px;
  font-size: 11px;
}
#level5 .plaque span {
  padding: 6px 8px;
}

#level1 h2 {
  padding-top: 37px;
  text-shadow: #1f192c 6px 4px 6px;
}

#level2 h2 {
  padding-top: 34px;
  text-shadow: #2c251a 6px 4px 6px;
}

#level3 h2 {
  padding-top: 7px;
  text-shadow: #19252c 6px 4px 6px;
}

#level4 h2 {
  padding-top: 6px;
  text-shadow: #192c19 6px 4px 6px;
}

#level5 h2 {
  padding-top: 6px;
  text-shadow: #2c1217 6px 4px 6px;
}

#p1_1 { }
#p1_2 { left: 256px;}

#p2_1 { }
#p2_2 { left: 256px;}
#p2_3 { }
#p2_4 { left: 256px;}
#p2_3, #p2_4 {
  top: 150px !important;
}

#p3_1 { }
#p3_2 { left: 256px;}
#p3_3 { }
#p3_4 { left: 256px;}
#p3_5 { }
#p3_6 { left: 256px;}
#p3_7 { }
#p3_8 { left: 256px;}
#p3_3, #p3_4 {
  top: 75px !important;
}
#p3_5, #p3_6 {
  top: 125px !important;
}
#p3_7, #p3_8 {
  top: 175px !important;
}

#p4_1 { }
#p4_2 { left: 128px;}
#p4_3 { left: 256px;}
#p4_4 { left: 384px;}
#p4_5 { }
#p4_6 { left: 128px;}
#p4_7 { left: 256px;}
#p4_8 { left: 384px;}
#p4_9 { }
#p4_10 { left: 128px;}
#p4_11 { left: 256px;}
#p4_12 { left: 384px;}
#p4_13 { }
#p4_14 { left: 128px;}
#p4_15 { left: 256px;}
#p4_16 { left: 384px;}

#p4_5, #p4_6, #p4_7, #p4_8 {
  top: 75px !important;
}
#p4_9, #p4_10, #p4_11, #p4_12 {
  top: 125px !important;
}
#p4_13, #p4_14, #p4_15, #p4_16 {
  top: 175px !important;
}

#p5_1 { }
#p5_2 { left: 85px;}
#p5_3 { left: 170px;}
#p5_4 { left: 256px;}
#p5_5 { left: 341px;}
#p5_6 { left: 426px;}
#p5_7 { }
#p5_8{ left: 85px;}
#p5_9 { left: 170px;}
#p5_10 { left: 256px;}
#p5_11 { left: 341px;}
#p5_12 { left: 426px;}
#p5_13 { }
#p5_14 { left: 85px;}
#p5_15 { left: 170px;}
#p5_16 { left: 256px;}
#p5_17 { left: 341px;}
#p5_18 { left: 426px;}
#p5_19 { }
#p5_20 { left: 85px;}
#p5_21 { left: 170px;}
#p5_22 { left: 256px;}
#p5_23 { left: 341px;}
#p5_24 { left: 426px;}
#p5_25 { }
#p5_26 { left: 85px;}
#p5_27 { left: 170px;}
#p5_28 { left: 256px;}
#p5_29 { left: 341px;}
#p5_30 { left: 426px;}

#p5_7, #p5_8, #p5_9, #p5_10, #p5_11, #p5_12 { top: 70px !important;}
#p5_13, #p5_14, #p5_15, #p5_16, #p5_17, #p5_18 { top: 115px !important;}
#p5_19, #p5_20, #p5_21, #p5_22, #p5_23, #p5_24 { top: 160px !important;}
#p5_25, #p5_26, #p5_27, #p5_28, #p5_29, #p5_30 { top: 205px !important;}

/* @end */

/* @group Sidebar */

#sidebar {
  float: left;
  width: 229px;
  height: 1135px;
  padding-right: 20px;
  padding-top:15px;
  border-right: 1px solid #374357;
  color: white;
}

#sidebar h2 {
  font-family:"Lucida Bright", Georgia, serif;
  color: white;
  opacity: 1;
  font-size: 16px;
  padding-top: 10px;
  text-align: right;
  letter-spacing: 4px;
  margin-right: -4px;
  padding: 5px 5px 5px 0;
  text-transform: uppercase;
  background-color: #000811;
  border-width: 2px 0px 0px 0;
  border-style: solid;
  border-color: #3A485C;
}

/* @group Thermometer */

#thermometer {
  height: 325px;
  position: relative;
}

#thermometer .amount {
  width: 117px;
  text-align: right;
  position: absolute;
  left: 25px;
  font-size: 14px;
  font-weight: bold;
}

#thermometer img {
  float: right;
  margin-top: 20px;
  height: 250px;
  z-index: 100;
  position: absolute;
  left: 132px;
}

#thermometer #fill, #thermometer #white {
  width: 62px;
  height: 161px;
  left: 149px;
  bottom: 113px;
}

#thermometer #fill {
  position: absolute; 
  bottom: 113px;
  left: 149px;
  width: 62px; height: 161px;
  background-color: #a90000;
  z-index: 1;
  position:absolute;
}

#thermometer #white {
  background: #fff;
  opacity: .2;
  position: absolute;

}

#thermometer dl {
  margin-top: 20px;
  line-height: 1.5;
  float: left;
  padding-left: 15px;
  font-size: 16px;
}

#thermometer dl dt {
}

#thermometer dl dd {
  margin-bottom: 15px;
  font-weight: bold;
}

/* @end */

/* @group Notice */

.notice {
  height: 635px;
  width: 100%;
  font-size: 15px;
  overflow: hidden;
}

.notice .items {
  width: 100%; height: 560px;
}

.notice .items div {
  width: 215px; height: 100%;
  padding-top: 10px;
  padding-left: 15px;
}

.notice h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: .7em;
}

.notice p {
  padding-left: 0px;
  padding-right: 5px;
  margin-bottom: 15px;
}

.notice img {
  max-height: 70px;
  max-width: 100px;
  float: left;
  margin: .5em 10px 5px 0px;
}

.notice img.tall {
  max-height: 110px;
}

.notice .buttons {
  position: relative;
}

.notice .buttons div {
  width: 60px;
  position: absolute;
  top: 15px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #999;
  padding: 5px;
  background: #253041;
  color:  #eee;
}

.notice .buttons div:active {
  background-color: #394962;
}

.notice .buttons .previous {
  left: 25px;
}

.notice .buttons .next {
  right: 25px;
}

/* @end */

/* @group APIOH Sponsors */

#apiohSponsors {
  height: 150px;
  margin-top: 15px;
}

#apiohSponsors .items {
  width: 100%; height: 100%;
}

#apiohSponsors .items div {
  width: 100%; height: 100%;
}

#apiohSponsors h3 {
  font-family:"Lucida Bright", Georgia, serif;
  font-size: 13px;
  margin-bottom: 20px;
  text-align: right;
}

#apiohSponsors img {
  height: 80px;
  max-width:60px;
  float: right;
  margin-right: 4px;
}

#apiohSponsors p {
  left: 10px;
  top: 60px;
  height: 80px;
  width: 145px;
  display: table;
  text-align: right;
  font-size: 14px;
  float: left;
  line-height: 1.2;
}

#apiohSponsors p span {
  display: table-cell;
  vertical-align: middle;
}

/* @end */


/* @end */


/* @group Navigation */

#navigation {
  background:url(../img/controls_bg.png) repeat;
  color:white;
  border-top:1px solid #999;
  width: 768px;
  height: 66px;
}

#navigation ul {
  float:right;
  margin:0;
  width:400px;
}

#navigation ul li {
  float:right;
  width:99px;
  height:60px;
  line-height:17px;
  text-align:center;
  border-left:1px solid #999;
  font-size:14px;
  display:table;
}

#navigation ul li a:hover {
  cursor:pointer;
}

#navigation .activated {
  background-color:white;
  color:black;
}

#navigation .disabled {
  color:#999;
}

#navigation ul li a.disabled:hover {
  cursor:default;
  color:#999;
  background:none;
}

#navigation a {
  display:table-cell;
  vertical-align:middle;
  text-decoration:none;
  color:inherit;
  width:100%;
  text-align:center;
  padding:6px;
}

#navigation a small {
  display:block;
  font-size:11px;
  line-height:1;
  margin-top:5px;
}

#navigation a small em {
  color:#ffca00;
}

#navigation a:hover {
  cursor:pointer;
}

#navigation img {
  height:54px;
  margin:3px 6px 3px 3px;
  float:left;
  border:0;
  cursor:pointer;
}

#navigation p {
  font-size:13px;
  text-align:left;
  line-height:16px;
  float:left;
  margin-top:4px;
  width: 290px;
}

#navigation p a {
  text-decoration:underline;
  text-align:left;
  float:inherit;
  padding:0;
}

#navigation:hover {
  cursor:pointer;
}

/* @end */

/* @group Controls */

.controls {
  z-index:100;
  background:url(../img/controls_bg.png) repeat;
  color:white;
  position:absolute;
  padding:0 10px 25px 25px;
  width:733px;
  height:291px;
  top:983px;
  border-color:#999;
  border-style:solid;
  border-top-width:1px;
}

.controls h2 {
  font-size:22px;
  margin:5px 0 10px 0;
  padding-bottom:2px;
  font-weight:bolder;
  opacity: 1;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
}

.controls h3 {
  font-weight:bolder;
  margin-bottom:5px;
}

.controls em {
  font-style:italic;
}

.controls form {
  float:left;
  width:270px;
  margin-top:20px;
}

.controls form label {
  width:200px;
  display:block;
  width:200px;
  padding-left:2px;
  margin-bottom:2px;
}

.controls form input {
  padding:8px 1px;
  font-size:16px;
  margin-bottom:10px;
  width:219px;
  border:3px solid transparent;
}

.controls form input.active {
  border:3px solid #ffca00;
}

.controls .submit {
  background:#222;
  color:white;
  height:44px;
  width:106px;
  padding:0;
  margin-top:11px;
  float:left;
  margin-right:13px;
  border:1px solid #666;
}

.controls .submit:active {
  background:white;
  color:black;
}

.closeButton {
  border:1px solid #666;
  background:#222;
  color:white;
  font-size:18px;
  line-height:20px;
  padding-left:1px;
  font-weight:normal;
  text-align:center;
  height:22px;
  width:20px;
  float:right;
  margin:5px -6px 0 0;
}

.closeButton:hover {
  cursor:pointer;
}

.closeButton:active {
  background-color:white;
  color:black;
}

#aboutus {
  height:394px;
  top:880px;
}

#aboutus p {
  margin:1em 0;
  line-height:1.2;
}

#aboutus #contactus {
  text-align:center;
}

#aboutus #contactus em {
  font-style:normal;
  color:#ffca00;
  padding:1px;
  letter-spacing:1px;
}

#aboutus .author {
  text-align:right;
  font-style:italic;
  margin-right:15px;
}

#jump {
  height:186px;
  top:1088px;
}

#jump .keyboard, #search .keyboard {
  position:absolute;
  bottom:0;
  left:115px;
}

#search {
  height:495px;
  top:779px;
}

#searchResults {
  width:430px;
  float:right;
  border-left:1px solid #666;
  padding-left:15px;
  height:240px;
  overflow-y:auto;
}

#searchResults li {
  padding:6px 0;
}

#searchResults li a {
  line-height:1.1em;
  padding:6px 0px;
  font-size:18px;
  color:lightblue;
}

#searchResults li a:active {
  color:#ffca00;
}

/* @group Keyboard */

.keyboard {
  width:500px;
  clear:both;
  float:left;
  margin:15px 0;
}

.keyboard .row {
  clear:both;
  display:block;
}

.keyboard #row2 {
  margin-left:22px;
}

.keyboard #row3 {
  margin-left:73px;
}

.keyboard.extended #row3 {
  margin-left:22px;
}

.keyboard .row div {
  float:left;
  border:1px solid #666;
  width:43px;
  text-align:center;
  line-height:40px;
  font-size:20px;
  background:#000;
  margin-left:5px;
  margin-bottom:5px;
}

.keyboard #tab {
  width:93px;
  font-size:16px;
}

.keyboard #spacebar {
  width:193px;
  font-size:16px;
}

.keyboard #backspace {
  width:93px;
  font-size:16px;
}

.keyboard #enter {
  width:93px;
  font-size:16px;
}

.keyboard .row div:hover {
/*  background: #191919;*/
  cursor:pointer;
}

.keyboard .row div:active {
  background-color:white;
  color:black;
}

/* @end */

/* @end */

/* @group Extended Info */

#extendedInfo {
  position:absolute;
  top:399px;
  left:77px;
  width:650px;
  color:white;
  z-index:100;
  padding:20px;
  border:1px solid #999;
  border-right:0;
  background:url(../img/controls_bg.png) repeat;
  min-height:320px;
  max-height:830px;
}

#extendedInfo #portrait {
  max-height:175px;
  max-width:140px;
  border:none;
  float:right;
  margin-right:15px;
  margin-top:0px;
  border:1px solid #999;
}

#extendedInfo .closeButton {
  position:absolute;
  top:0;
  right:10px;
}

#extendedInfo #importantInfo {
  width:470px;
  font-size:18px;
  margin-bottom:25px;
}

#extendedInfo #importantInfo p {
  color: white;
  opacity: 1;
  font-size: 19px;
  padding-left: 0;
}

#extendedInfo h1 {
  width:470px;
  font-size:36px;
  margin-bottom:3px;
  color: white;
}

#extendedInfo h2 {
  text-align: left;
  letter-spacing: 0px;
  text-transform: none;
  font-size: 18px;
  margin: .6em 0 .3em 0;
  color: white;
  opacity: 1;
}

#extendedInfo #content {
  width:455px;
  overflow:auto;
  min-height:210px;
  max-height:742px;
  padding-right:10px;
  padding-bottom:10px;
  border-right:1px solid #666;
}

#extendedInfo #links {
  width:172px;
  text-align:right;
  position:absolute;
  top:200px;
  right:15px;
  font-size: 13px;
}

#extendedInfo #links h2 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-align: center;
}

#extendedInfo #links th {
  padding: 0 2px 10px 0;
}

#extendedInfo #links .total th, #extendedInfo #links .total td {
  font-weight: bold;
  color: white;
}

#extendedInfo #links table a {
  text-decoration: underline;
  color: inherit;
}

#extendedInfo #links table a:active {
  color: #ffca00;
}

#extendedInfo #links td {
  color: #ccc;
  vertical-align: middle;
  padding: 2px 90;
  text-align: right;
  background: black;
  padding: 0 0 10px 5px;

}

#unauthorized {
  position:absolute;
  left:0;
  top:320px;
  z-index:1000;
  width:768px;
  text-align:center;
  font-size:150px;
  text-transform:uppercase;
  letter-spacing:14px;
  color:white;
}



/* @end */