/* sitestyle.css stylesheet, version 7.1, 2009-06-08 */

/* initial conditions ============================================== */
* {
	margin: 0px;
	padding: 0px;
	/*outline: none;*/ /* CAUTION: will stop outlining of links when tabbing through a page!!!!! */
	}
/* /initial conditions ============================================== */

/* Tag styles ========================================================= */
html {
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
	}
body {
	text-align: center;
	color: #333333;
	background-color: #ffffff;
	}

body,td,input,textarea,select,option {
	font: normal 12px arial, sans-serif;
	}

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
p,
div.p,
#pagecontainer li {
	line-height: 1.4;
	}
br {line-height: 100%;}

b {font-weight: bold;}
i {font-style: italic;}
u {text-decoration: underline;}

a,
a:link,
a:visited,
a:hover,
.bn1,
#pagecontainer a img  {
	color: #007dac;
	border-color: #007dac;
	text-decoration: none;
	}
a:hover,
.bn1:hover,
#pagecontainer a:hover img {
	color: #0a3846;
	border-color: #0a3846;
	text-decoration: underline;
	}
#pagecontainer a:hover img {
	text-decoration: none;
	}

h1,h2,h3,h4 {
	font-weight: bold;
	color: #0a3846;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	line-height: 1.2;
	}
h1 {
	font-size: 150%;
	font-size: 24px;
	padding-top: 0px;
	}
h1.v2 {
	font-size: 36px;
	padding-bottom: 10px;
	}
h1.v2 span {
	font-weight: normal;
	}
h2 {
	font-size: 135%;
	font-size: 20px;
	}
h3 {
	font-size: 120%;
	font-size: 16px;
	}
h4 {
	font-size: 100%;
	}

table {border-collapse: collapse;}
table.separate {border-collapse: separate;}

form table td {padding: 3px;}

fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	}
legend {padding: 0px 5px 0px 5px;}

img {border-width: 0px;}
img, div {
	behavior: url("/iepngfix/iepngfix.htc");/* IE 5-6 png fix */
	}

hr {
	height: 1px;
	margin-bottom: 14px;
	padding: 0px 0px 0px 0px;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #000000;
	}

blockquote {
	padding: 0px 25px 0px 25px;
	}
/* /Tag styles ========================================================= */

/* list styles ========================================================= */
ul, ol {margin: 0px 0px 0px 5px;}
ul {padding: 0px 0px 0px 15px;}
ol {padding: 0px 0px 0px 25px;}
li {}
ul.bullet {list-style-image: url("/pix/bullet.gif");}
#pagecontainer li {
	padding-bottom: 5px !important;
	}
/* /list styles ========================================================= */

/* form ================================================================= */
option {padding: 0px 5px 0px 3px;}

label,
.form1 div.controlset label.label {
	font-weight: bold;
	font-size: 85%;
	line-height: 1;
	}
input {width: 300px;}
textarea {width: 300px;}

.required {color: #cc0000;}
.auto {width: auto;}

.form1 {
	padding: 10px 0px 10px 0px;
	}
.form1 div {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
	padding: 0px 0px 4px 84px;
	}
.form1 div {width: 380px;}
html>body .form1 div {width: auto;}
.form1 label {
/* IE6 requires that the label be followed by a line break
in the source code, who knows why??? */
	position: absolute;
	top: 2px;
	left: 0px;
	z-index: 0;
	width: 80px;/* see padding-left below */
	text-align: right;
	}
.faux_label_push {
	padding-left: 80px;/* see width above */
	}
.form1 div div.multicontainer,
.form1 div div.multicontainer div {
	position: static;
	padding: 0px 0px 4px 0px;
	}
.form1 div.controlset,
.form1 div.controlset div {
	position: static;
	padding: 0px 0px 4px 0px;
	}
.form1 div.controlset label {
	position: static;
	font-weight: normal;
	font-size: 100%;
	padding: 0px 10px 0px 4px;
	}
.form1 div.controlset label.label {
	padding: 0px 2px 0px 4px;
	}
.form1 div.controlset input {
	width: auto;
	}

.hang_radcb {
	position: relative !important;
	top: 0px;
	left: 0px;
	z-index: 0;
	padding-left: 20px !important;
	}
.hang_radcb label {
	padding: 0px !important;
	}
.hang_radcb input {
	position: absolute !important;
	top: 0px;
	top: expression("-3px");
	left: 0px;
	left: expression("-3px");
	z-index: 0;
	}

.form_br {
	padding-bottom: 14px !important;
	}
/* /form ================================================================= */

/* shell structure ================================================================== */
#shell {
	width: 860px;
	height: 100%;
	margin: 0px auto 0px auto; /* centers this div on the page, also, see body definition above */
	text-align: left;
border: solid 0px #00ff00;
	}

#shellcontainer {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 100%;
	min-height: 1000px;
	height: 100% !important;
	height: expression("1000px");
xborder: solid 1px lime;
xbackground-color:lime;
	}
#shellcontainer_b {
	}
#shellbox1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 200px;
xbackground-color: orange;
xborder: solid 1px orange;
	}
#shellbox1_b {
	}
#shellbox2 {
	xmargin: 0px 0px 0px 200px;
xbackground-color: yellow;
xborder: solid 1px yellow;
	}
#shellbox2_b {
	}
/* /shell structure ================================================================== */

/* header ============================================================= */
#header {
	position: relative;
	top: -10px;
	left: 0px;
	z-index: 20;
	padding: 0px 0px 0px 0px;
	}
#header_logo {
	display: inline-block;
	}
/* /header ============================================================= */

/* page ============================================================== */
/*
#pagecontainer: min-height, height, height -- stops page height "flash" on js resize
#pageboxfull, #pagebox1, #pagebox2: NO padding or margins in the box
#pageboxfull_b, #pagebox1_b, #pagebox2_b: all margins and padding in the box
*/
#pagecontainer {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 20;
	width: 100%;
	min-height: 1000px;
	height: 100% !important;
	height: expression("1000px;");
xborder: solid 1px #000000;
	}

/* fullpage layout =================== */
#pageboxfull {
xbackground-color: blue;
xborder: solid 1px blue;
	}
#pageboxfull_b {
	padding: 0px 0px 0px 0px;
	}
/* /fullpage layout =================== */

/* default layout ==================== */
#pagebox1 {
xbackground-color: red;
xborder: solid 1px red;
	}
#pagebox1_b {
	margin: 0px 220px 0px 0px;
	padding: 0px 30px 0px 0px;
xborder: solid 1px #000000;
	}
#pagebox2 {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 30;
	width: 220px;
xbackground-color: green;
xborder: solid 1px green;
	}
#pagebox2_b { 
	padding: 0px 0px 0px 0px;
	}
/* /default layout ==================== */

#pagecontainer ximg,
#pagecontainer img.border {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
	}
#pagecontainer img.noborder {border-width: 0px;}
/* /page ============================================================== */

/* footer ============================================================= */
#footer1 {
	margin: 20px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	color: #ffffff;
	background-color: #00a3cf;
	height: expression("100%");
	}
#footer1 a {
	color: #ffffff;
	}
#footer2 {
	padding: 20px 10px 20px 10px;
	xfont-size: 85%;
	}
#hp_byline {
	padding: 3px 0px 3px 20px;
	background-image: url("/pix/hp_bug.png");
	background-position: 0px 3px;
	background-repeat: no-repeat;
xborder: solid 1px #000000;
	}
/* /footer ============================================================= */

/* navs =============================================================== */
/* see /_includes.php/nav_dropdowns.php or /_includes.php/nav_lc.php */

ul#footernav {
	xtext-align: center;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style-type: none;
	}
ul#footernav li {
	display: inline;
	}
ul#footernav li#li_start {}
ul#footernav li#li_end {}

ul#footernav a,
ul#footernav a:visited,
ul#footernav a:hover {
	xfont-size: 85%;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 10px 0px 6px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #000000;
	}
ul#footernav a:hover {
	text-decoration: underline;
	}
ul#footernav a#start {padding-left: 0px;}
ul#footernav a#end {border-right-width: 0px;}

/* /navs =============================================================== */

/* buttons =========================================================================== */
/* NOTE: do NOT put these stroked buttons in a tight table, or IE will 
cut off the top border. If you MUST put them into a tight table, 
set the cellpadding to be equal with the padding below */
a.bn1,
a:visited.bn1,
input.bn1,
a.bn2,
a:visited.bn2,
input.bn2 {
	border-style: solid;
	border-width: 0px;
	padding: 4px 8px 4px 8px;
	xfont-size: 10px;
	font-weight: normal;
	background-color: #ffffff;
	background-color: #e5f6fa;
	text-decoration: none !important;
	width: auto !important;
	}
input.bn1 {
	cursor: pointer;
	padding: 2px;
	}
.bn2 {
	font-weight: bold !important;
	text-transform: uppercase;
	padding-left: 20px !important;
	padding-right: 14px !important;
	background-image: url("/pix/arrow.gif");
	background-position: 8px 6px;
	background-repeat: no-repeat;
	}

.bn_pdf {
	xdisplay: block;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px 0px 5px 20px;
	background-image: url("/pix/pdficon_small.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

.bn {
	font-size: 12px;
	text-transform: lowercase;
	}
/* /buttons =========================================================================== */

/* toppic, initial values to be overridden in individual pagestyle.css files ===================== */
#pretoppic {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 20;
	}
#toppic {
	position: relative;
	top: 0px;
	right: auto;
	bottom: auto;
	left: 0px;
	z-index: 10;
	width: 100%;
	margin: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #999999;
	}
#toppic #image {
	}
#toppic #text_c {
	position: absolute;
	top: 0px;
	right: auto;
	bottom: auto;
	left: 0px;
	z-index: 20;
	padding: 10px;
xborder: solid 1px #000000;
	}
#toppic #text_c #text_bg {
	position: absolute;
	top: 0px;
	right: auto;
	bottom: auto;
	left: 0px;
	z-index: 15;
	width:100%;
	height: 100%;
/*
	background-color: #000000;
	filter: alpha(opacity=50);
	-khtml-opacity: .50;
	-moz-opacity: .50;
	opacity: .50;
*/
	}
#toppic #text_c #text_bg {
/*
IE 6 only!!!!! uses the "underscore" hack
bg will NOT take size from #text_c
*/
	_display: none;
	}
#toppic #text_c #text {
	position: relative;
	top: 0px;
	right: auto;
	bottom: auto;
	left: 0px;
	z-index: 25;
	font-size: 18px;
	text-align: right;
	}
#toppic #text_c {
/*
IE 6 only!!!!! uses the "underscore" hack
color MUST be here and should be visible against the background-color/opacity set here
bacground-color and opacity MUST be here and should match #toppic #text_c #text_bg above
*/
	_background-color: #000000;
	_color: #ffffff;
	_filter: alpha(opacity=50);
 	}
#toppic #text_c #text h2{
	font-size: 24px;
	color: #ffffff;/* NOTE: see above for IE6 specifics on this value */
	}
/* toppic =========================================================================== */

/* table ==================================================================== */
.table {
	display: table;
	border-collapse: collapse;
	width: expression("100%");
xborder: solid 1px #000000;
	}
.cell {
	display: table-cell;
	vertical-align: top;
	float: expression("left");
xborder: solid 1px #000000;
	}
/* /table ==================================================================== */

/* position ======================================================================== */
.floatright {float: right;}
.floatleft {float: left;}

img.picleft {display: block;}
.picleft, img.picleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
img.picright {display: block;}
.picright, img.picright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

div.pictxtleft:after,
div.pictxtright:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
div.pictxtleft,
div.pictxtright {
	display: expression("inline-block");
	padding-top: 8px;
	padding-bottom: expression("10px");
	}
div.pictxtleft h1,
div.pictxtleft h2,
div.pictxtleft h3,
div.pictxtleft h4,
div.pictxtright h1,
div.pictxtright h2,
div.pictxtright h3,
div.pictxtright h4 {
	padding-top: 0px;
	}
div.pictxtleft img {
	display: block;
	float: left;
	margin: 2px 10px 10px 0px;
	}
div.pictxtleft div.img {float: left;}
div.pictxtleft div.img img {float: none;}
div.pictxtright img {
	display: block;
	float: right;
	margin: 2px 0px 10px 10px;
	}
div.pictxtright div.img {float: left;}
div.pictxtright div.img img {float: none;}
div.pictxtleft ol,
div.pictxtright ol,
div.pictxtleft ul,
div.pictxtright ul {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
	zoom: 1;
xborder: solid 1px #000000;
	}
html>body div.pictxtleft ol,
html>body div.pictxtright ol,
html>body div.pictxtleft ul,
html>body div.pictxtright ul {
	left: 18px;
	zoom: normal;
	}

.clear {clear: both;}

.clearfix:after {
	/*apply this class to any floated element that needs to be cleared afterwards*/
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.container {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
	}
/* /position ======================================================================== */

/* misc classes ===================================================================== */
.alert,
.error {
	color: red;
	}

.smtxt,
.caption {
	font-size: 85%;
	}
.caption {
	padding-top: 3px;
	}
.lgtxt {font-size: 14px;}

.notransform {text-transform: none;}

.lineheight_normal {line-height: normal;}

.nowrap {white-space: nowrap;}

.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.crumbtrail {
	}

.wp_last3 {
	}
.wp_last3_headlines {
	}
.wp_last3 #cat_title {display: none;}


h2 .byline_wp {
	text-transform: uppercase;
	color: #0a3846;
	}

.filetree_container {
	float: left;
	min-width: 100%;
	white-space: nowrap;
	background-color: #ffffff;
	border: solid 1px #000000;
	padding: 5px;
	margin-bottom: 15px;
	}

.quote {
	}
.byline {
	}

.footnote {
	font-size: 10px;
	text-indent: -7px;
	padding-left: 7px;
	}

.bn1,
.bn2,
.round {/* see jquery.corner in shell */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

#friends {
	font-style: italic;
	color: #0a3846;
	}
/* /misc classes ===================================================================== */

/* sIFR classes ===================================================================== */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1 {
	visibility: hidden;
}
*/
/* /sIFR classes ===================================================================== */

/* print styles ========================== */
@media print {
/* hack to give hasLayout to IE7, stops runaway printing */
#pagecontainer,
#pageboxfull,
#pagebox0,
#pagebox1,
#pagebox2,
#pagebox3 {
	min-height: 0 !important;
	}
/* /hack to give hasLayout to IE7 */
	}
/* /print styles ========================== */