/* -----  YUI RESET  ------------------------------ */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}

/* -----  TEXT  -------------------- */
body {font-size: 81.25%; } /* 13px */
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;letter-spacing:-1px;}
h1 {font-size:3em;line-height:1.15em;}
h2 {font-size:2em;line-height:1.15em;}
h3 {font-size:1.5em;line-height:1.15em;letter-spacing:-0.5px;}
h4 {font-size:1.2em;line-height:1.25;height:auto;}
h5 {font-size:1em;margin-bottom:1.5em;}
h6 {font-size:1em;}

h3.section {
	padding:4px 13px 5px;
	border:1px solid #ddd;
	background:#f4f4f4;
	font-size: 138.5%;
	color:#333;
	}

p {margin:0;padding:0.6em 0;}
strong {font-weight:bold;}
.smaller {font-size:90%;}
.smaller {font-size:93%;}

.inline { display:inline }

/* -----  GENERAL  ------------------------------ */
body {margin:0;padding:0;}
html { font-size: 62.5% } /* equals 10px for easy calc */
body { font-size: 1.3em } /* makes 13px */

/* -----  HEADER  ------------------------------ */
#hd {
	background:url('../img/header_redstripe.gif');
	}
#logo {
  padding: 10px 15px 8px;
  height:66px;
  border-bottom: 4px solid #a40000;
  }
#logo img {
  width:185px;
  height:66px;
  }

/* -----  LEADERBOARD  -------------------------- */
div#leaderboard {
	background: #f4f4f4;
	padding:8px;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
div#leaderboard div.ad {
	width:728px;
	height:90px;
	margin:0 auto;
}

/* -----  TOP NAV  ------------------------------ */
#nav {
  font-family:arial,helvetica,sans-serif;
  font-size:13px;
  }
#nav ul {
	line-height:1em;
  background: #1f1f1f url('../img/nav_black.gif') repeat-x top left;
  list-style-type: none;
  clear: both;
  width: 100%;
  margin:0;
  padding:0;
  border-top: 1px solid #202020;
  border-bottom: 2px solid #cfcfcf;
  height:33px;
  }
#nav li {
  float: left;
  text-align: center;
  border-left: 1px solid #2c2c2c;
  border-right: 1px solid #4c4c4c;
  margin: 0.4em 0;
  }
#nav a {
  display: block;
  padding: 0.2em 1.5em;
  font-weight: bold;
  text-decoration: none;
  }
#nav a:link,
#nav a:visited {
  color: #fff;
  }
#nav a:hover,
#nav a:active,
#nav a:focus {
  color: #c87000;
  color: #f4f4f4;
  color: #FF9000;
  }

/* -----  LEFTNAV  ------------------- */
#lnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:12px;
}
#lnav li {
	margin: 0;
	padding: 0;
}
#lnav a {
display: block;
padding: 2px 5px;
background-color: #666;
color:#fff;
font-weight:bold;
text-decoration:none;
}
#lnav a.plain {
  display: inline;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
/* sub menu */
#lnav ul ul {
border-top: 1px solid #fff;
}
#lnav li li a {
display: block;
padding: 2px 5px;
border-bottom: 1px solid #fff;
background-color: #eee;
color: #006;
font-weight:normal;
}
#lnav li li a:hover {
text-decoration:underline;
}
#lnav .promo a {
	
	background-color: #cd0000;
	border-bottom: 1px solid #ddd;
	
	background-color: #333284;
	border-bottom: 1px solid #ddd;
	color: #fff;
	
	background-color: #006;
	border-bottom: 1px solid #aaa;
	color: #eee;
}
#lnav .promo a:hover {
	color: #fff;
}

/* left navigation 125x125 box ads */
ul.navbuttons {
	list-style-type:none;
	margin:0;
	padding:5px 0;
	background-color:#ddd;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
ul.navbuttons li {
	margin:10px 0;
	padding:0;
	text-align:center;
}

/* -----  FOOTER  -------------------- */
#footerNav { padding:1em 0; border-top:1px solid #eee; }
#copyright { padding:0.5em 0; text-align:center; background:#555; color: #fff; }

#copyright a:link,
#copyright a:visited,
#copyright a:hover,
#copyright a:active,
#copyright a:focus {color: #fff;}

/* -----  TEXT  -------------------- */
h1,h2,h3,h4,h5,h6 {font-weight:bold; }
h1 {font-size:197%;}
h2 {font-size:153.9%;}
h3 {font-size:138.5%;}
h4 {font-size:108%;}
h5 {font-size:100%;}
h6 {font-size:90%;}

p {margin:0 0 1.2em;
padding:0;}
strong {font-weight:bold;}
.smaller {font-size:90%;}
.smaller {font-size:93%;}

/* -----  LISTS  -------------------- */
li { padding:0.2em 0; }

/* -----  FORMS  -------------------- */
form { padding:1.5em 0 3em; }
form h2 {
	background:#f4f4f4;
	color:#bbb;
	margin:1em 0 1em 0;
	padding:10px;
	font-size:138.5%;
	font-weight:normal;
	font-family:'arial black', verdana, arial, sans-serif;
border-top:2px solid #333;
background:url(../img/grey_white_stripe_hd.gif) top left repeat-x;
color:#222;
	}
fieldset {
	margin:0;
	padding:0;
	border-top: 1px solid #444;
	}
fieldset h3 { padding:0.3em; }
form div.field {
	padding: 0.5em;
	background: url(../img/dot.gif) top left repeat-x;
	}
label {
	display:block;
	font-weight:bold;
	cursor:pointer;
	}
div.checkbox label,
label.inline { display:inline }
label em {
	font-weight:normal;
	font-style:normal;
	font-size:0.94em;
	}
select, input { margin-top:0.2em; font-size:100%; }
input { width:240px; }
div.checkbox p {
	margin:0;
	padding:0.2em 0 0 0;
	}
div.checkbox input,
div.submit input,
input.checkbox,
input.submit {
	width:auto;
	}
div.submit {
	text-align:center;
	padding:0.3em;
	background:#eee;
	}
.input.text input,
.input.file input,
.input.text textarea,
.input.select select {
	background:#eee;
	color:#111;
	border:1px solid #ddd;
	border-color:#ddd #ccc #ccc #ddd;
	font-size:112.5%;
	padding:0.25em 0.35em;
	}
.input.text input:focus,
.input.file input:focus,
.input.text textarea:focus,
.input.select select:focus {
	background:#f4f4f4;
	border-color:#eee #ddd #ddd #eee;
	}

/* -----  BOXES  -------------------- */
.box {padding:0;margin:0:0;background:transparent;}
div.box.first { margin-top:0; }
div.box {
	margin:1.2em 0;
	border:1px solid #ddd;
	}
div.box div.hd {
	padding:0.5em 1em;
	border-bottom:1px solid #ddd;
	background:#f4f4f4;
	}
div.box div.hd h3 {
	font-size: 138.5%;
	color:#333;
	}
div.box div.bd {
	padding:0.4em 1em;
	}
div.box li {
	padding:0.3em 0;
	}
div.box .abstract {
	font-size:90%;
	color:#606060;
	}
div.more {padding:0.5em 1em; text-align:right;}
div.more a {}

/* -----  TABLES  -------------------- */
table {
	margin:1.2em 0 0;
	width:100%;
	}
table th,
table td{
	padding:0.25em 0.35em;
	font-size:12px;
	}
table th {font-weight:bold;}
table tr.altrow td {
	background: #f4f4f4;
	}
table.slim {
	width:100%;
	padding:0;
	margin:0;
	}
table.slim th,
table.slim td {
	background:none;
	padding:3px;
	margin:0;
	}
table.slim th,
table.slim td {
	vertical-align:top;
	}
table.data {
	border-collapse:collapse;
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
	}
table.data th,
table.data td {
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	}
/* remove padding of inline element in strict mode */ 
table.slim img {
	display:block;
	}
table.vmiddle th,
table.vmiddle td {
	vertical-align:middle;
	}

/* -----  ROUND CORNERS  -------------------- */
div.roundcorners {margin-top:1em;}
div.roundcorners .hd,
div.roundcorners .ft {margin-right:9px;}
div.roundcorners .hd .c,
div.roundcorners .ft .c {
	font-size:1px; /* ensure minimum height */
	height:9px;
	margin-right:-9px;
	}
div.roundcorners div.hd {
	background: transparent url(../img/greybox/tl.png) no-repeat top left;
	}
div.roundcorners .hd .c {
	background: transparent url(../img/greybox/tr.png) no-repeat top right;
	}
div.roundcorners .ft {
	background: transparent url(../img/greybox/bl.png) no-repeat bottom left;
	}
div.roundcorners .ft .c {
	background: transparent url(../img/greybox/br.png) no-repeat bottom right;
	}
div.roundcorners .bd {
	background:transparent url(../img/greybox/ml.png) repeat-y 0px 0px;
	}
div.roundcorners .bd .c {
	background:transparent url(../img/greybox/mr.png) repeat-y right 0px;
	padding:0 10px;
	}
div.roundcorners .bd .c {
	}

div.instruct {
	border:6px solid #FFE27F;
	background:#FFF1BF;
	padding:12px;
	font-weight:bold;
	margin-bottom:12px;
}
div.confirm {
	border:6px solid #0c0;
	background-color: #afffb2;
	padding:12px;
	margin-bottom:12px;
}
div.error {
	border:6px solid #c30;
	border-top-color:none;
	background-color:#ff9a8f;
	padding:12px;
	margin-bottom:12px;
}
div.instruct ul,
div.instruct li,
div.confirm ul,
div.confirm li,
div.error ul,
div.error li {
list-style-type:disc;
}
div.instruct ul,
div.confirm ul,
div.error ul {
margin-left:22px;
}
div.instruct li,
div.confirm li,
div.error li {
margin: 0.3em 0;
}

/* -----  CLEAR FLOATS  -------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */