/* CSS Document */
html {
	color: #000;
}

body {
	font: normal 100%/100% Arial, Helvetica, sans-serif;
	background-image:   url(../images/bg_greengray.gif);
	background-repeat: repeat;
	color: #000;
	padding: 0;
	margin: 0;
}
#wrap_outer {
	padding: 0px 30px 30px 30px;
}
#wrap_inner {
	width: auto;
	background-color: #fff;
	color: #333;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
}

/* Headings
----------------------------------------------- */
h1, h2, h3 {
  font-family:Georgia,Serif;
  font-weight:normal;
  }
h1 {
  font-size: 200%;
	line-height: 100%
  }
h2 {
  font-size: 175%;
  }
h3 {
  font-size: 150%;
  }

/* Links
----------------------------------------------- */
a {
  color:#358;
  text-decoration:none;
  /* border-bottom:1px dotted #469; */
	background-image: url(/images/std/linkinternal.gif);
	background-position: 0% 100%;
	background-repeat: no-repeat;
  }
a:visited {
  color:#358;
  /* border-color:#899; */
  }
a:hover, a:active {
  color:#933;
  /* border-color:#b55; */
  /* border-bottom-style:solid; */
	background-image: url(/images/std/linkinternal.gif);
	background-position: 100% 100%;
  }

.noBorder {
	border: none;
}

div.offset {
	height: 30px;
	background-color:#3333FF;
}

#header {
	height:3.75em;
	background-image:   url("../images/jlmasthead_450x34.gif");
	background-position: left center;
	background-repeat: no-repeat;
	line-height:11px;
	background-color:#358;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 3.75em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: gray;
	border-bottom-color: #333;
	border-left-color: gray;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header { height: 3.75em; }

#header h1, #header h3
{
	padding: 0;
	margin: 0;
	color: white;
}

#footer
{
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
}

div.clearBoth {
	clear:both;
}
div.clearLeft {
	clear:left;
}
div.clearRight {
	clear:right;
}

.standardsButton:link, .standardsButton:hover, .standardsButton:active {
    border:1px solid;
    border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
    padding:0px 3px 0px 3px;
    font:bold 10px Verdana,sans-serif; 
    color:#FFFFFF; 
    background-color:#ff6600;
    text-decoration:none;
    margin:0px;
    vertical-align:middle;
}

div.netbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: right;
	margin: 0px 1.0em 0px 1.0em;
}
div.netbar a:link, div.netbar a:visited, div.netbar a:active {
	color: #FFF;
	text-decoration: none;
	border: none;
}
div.netbar a:hover {
	color: #333;
	background-color: #EEE;
}

.textAd {
	font: normal 11px/130% Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEE;
	border: 1px solid #CCC;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0.5em 0.0em 0px 0.0em;
	display: block;
	clear: left;
}
div.textAd h3 {
	font: normal 150%/120% Georgia,Serif;
	background-color:inherit;
	margin: 0 1.0em 0.1em 0.25em;
	padding: 0px;
}
div.textAd h4 {
	color: #337F00;
	background-color:inherit;
	font: normal 100%/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 1.0em 0px 1.5em;
	padding: 0px;
}
div.textAd p {
	font: normal 100%/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 1.0em 0px 1.5em;
}
div.textAd .sponsored {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAA;
	float: right;
	text-align: right;
	margin: 0px 1.0em 0px 1.0em;
}


div.welcomebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: right;
	position:relative;
	top: 3.0em;
	margin: 0px 1.0em 0px 1.0em;
}
div.welcomebar form {
	padding: 0;
	margin: 0;
}
div.welcomebar input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.welcomebar a:link, div.welcomebar a:visited, div.welcomebar a:active {
	color: #FFF;
	text-decoration: underline;
	border: none;
}
div.welcomebar a:hover {
	color: #333;
	background-color: #EEE;
}

#topPosters {
    float: right;
    border: 1px solid #f00;
    background-color: white;
}
#topLeaderboard {
	text-align: center;
	padding-bottom: 2px;
	background: inherit;
	padding: 5px 5px 5px 5px;
	width: auto;
	border-bottom: none;
	text-decoration: none;
	z-index: 0;
}

#topLeaderboard a {
    border-bottom: none;
	text-decoration: none;
}

div.callout {
	border: 1px solid #CCC;
	background-color: #eed;
	display: block;
	width: auto;
	padding: 8px 8px 8px 8px;
    margin-top: 8px;  
    margin-bottom: 8px;
}