@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding: 0px;
	background: #96aed2 url(../images/layout/background.jpg) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a {
	font-weight: bold;
	color: #21448f;
	text-decoration: none;
}

#wrapper {
	width: 1111px;
	overflow: hidden;
	background: url(../images/layout/bg.jpg) top left no-repeat;
	margin: 0 auto;
}

#container {
	width: 910px;
	margin: 0 auto;
}

#header {
	height: 158px;
	background: url(../images/layout/bg-header.png) bottom left no-repeat;
	position: relative;
}

#header #title {
	width: 324px;
	position: absolute;
	top: 78px;
	right: 16px;
	z-index: 99;
}

#cwrap {
	background: url(../images/layout/bg-container-repeat.png) top left repeat-y;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#wraptop {
	background: url(../images/layout/bg-container-top.jpg) 4px 0px no-repeat;
	margin: 0px;
	padding: 0px;
	clear:both;
}

#wrapbottom {
	background: url(../images/layout/bg-container-bottom.jpg) 4px bottom no-repeat;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	clear:both;
}

#content {
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0px 5px 5px 5px;
	width: 868px;
	background: 1px #333 solid;
	border-top: 0px;
	margin-bottom: 10px;
	clear:both;
	position: relative;
}

#content:after{
	content: ""; display: block; height: 0; clear:both;
}

#sidebar {
	width: 356px;
	float: right;
	margin: -6px 5px 0px 0px;
	z-index: 2;
}

.main {
	width: 470px;
}

.main img {
	margin: 0px 20px 10px 0px;
}

#footer {
	margin: 0px;
	background: url(../images/layout/bg-footer.png) top left no-repeat;
	clear: both;
}

#timers {
	width: 290px;
	height: 96px;
	padding: 16px 0px 0px 66px;
	background: url(../images/layout/timers.jpg) top right no-repeat;
	z-index: 2;
}

#timers .sofar {
	color: #ffffff;
	font-size: 13px;
	padding: 0px 0px 21px 9px;
}

#timers .sofar #time {
	font-size: 15px;
	font-weight: bold;
	padding-top: 1px;
	padding-left: 68px;
	color: #0c2152;
}

#timers .whatsleft {
	color: #000000;
	font-size: 13px;
}

#countdown {
	font-size: 15px;
	color: #482a06;
	font-weight: bold;
	padding-left: 0px;
	text-align: left;
	float: right;
	width: 235px;
}

#content table {
	margin: 0px 0px 0px 13px;
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	border-left: 1px #999 solid;
}

#content table th {
	vertical-align: top;
	padding: 5px 3px 3px 3px;
	width: 20px;
	border-bottom: 1px #999 solid;
}

#content table td {
	border-bottom: 1px #999 solid;
	vertical-align: top;
	padding: 5px;
}

#content table table, #content table table td, 
#content .main table.noborder, #content table.noborder td {
	border: 0px;
	margin-left: 0px;
}

#content table#pacer {
	width: 845px;
	border-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#content table#pacer th,
#content table#pacer td {
	width: auto;
	border-right: 1px #999 solid;
}

#content table#pacer table td {
	border-right: 0px;
}


/*** MENU ***/
#menu {
	margin: 0px;
	padding: 121px 0px 0px 0px;
}

#menu ul, #menu ul li {
	margin: 0px 4px 0px 0px;
	padding: 0px 18px 0px 14px;
	list-style: none;
	font-size: 15px;
	float: left;
}

#menu ul li a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

#menu ul li a:hover, #menu ul li.active a {
	color: #ffcc33;
}

#menu ul li.active {
	background: url(../images/icons/arrow.gif) right 8px no-repeat;
}

#sidebar ul {
	list-style: none;
	margin: 0px 0px 0px 26px;
	padding: 0px;
}

#sidebar ul li {
	height: 28px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-size: 17px;
}

#sidebar ul li a {
	color: #e1e1e1;
	text-decoration: none;
	display: block;
	background: url(../images/layout/submenu-li.png) top left no-repeat;
	height: 22px;
	padding: 3px 10px;
	font-weight: bold;
}

#sidebar ul li a:hover, #sidebar ul li.active a {
	background-position: bottom left;
	color: #ffffff;
}


/*** TEXT ***/
h1 {
	margin: 0px;
	padding: 10px 0px 0px 12px;
	color: #d99621;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	font-weight: bold;
	color: #21448f;
	font-size: 17px;
	margin: 10px 0px 0px 13px;
}

p {
	margin: 0px;
	padding: 8px 16px;
	line-height: 125%;
}

#sidebar h2 {
	color: #d99622;
	font-size: 22px;
	margin: 20px 0px 0px 26px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}

#sidebar h3 {
	font-size: 17px;
	margin: 25px 0px 0px 24px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #21448f;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
	font-weight: normal;
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

.back {
	position: absolute;
	right: 15px;
	top: 40px;
	width: 100px;
	font-weight: bold;
	text-align: right;
}


/*** SIDEBAR ***/
#sidebar .block {
	background: url(../images/layout/sidebar-block.png) top left no-repeat;
	margin: 0px 0px 0px 20px;
}

#sidebar .block .content {
	background: url(../images/layout/sidebar-block-content.png) bottom left no-repeat;
	min-height: 110px;
	padding: 20px;
}

#sidebar .block .section {
	font-size: 11px;
	color: #595959;
}

#sidebar .block .username {
	color: #21448f;
	font-size: 10px;
	font-style: italic;
}

#sidebar .block p {
	padding: 2px 0px 0px 0px;
	margin: 0px;
	font-size: 11px;
	line-height: 110%;
}

#sidebar .block p.go {
	padding-top: 7px;
}

#sidebar .block p.go a,
.pwi_photo a {
	font-weight: bold;
	color: #21448f;
	font-style: italic;
	text-decoration: none;
	font-size: 11px;
}

#sidebar .block #photo img {
	border: 0px;
	float: right;
}

#sidebar .block #photo .caption {
	padding: 10px 0px 0px 0px;
}

#sidebar .block #photo, .pwi_photo {
	height: 50px;
	padding-bottom: 0px;
	min-height: inherit;
}

.pwi_photo a {
	font-size: 12px;
}

/** SIFR **/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0px 0px 0px 0px;
    padding: 0px;
	vertical-align: bottom;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
	margin: 0px;
  }
}