/* First, import the basics.  These should never need to be changed so keep them in seperate files. */
/*@import 'basereset.css';*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;}
ol,ul {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;}
/* Base Fonts */
body {font:13px arial,helvetica,clean,sans-serif;} /* Do NOT touch - set font family, size, etc on child elements */
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}
label {cursor:pointer;}
/*@import 'structure.css';*/
/* NON-Changeable */ 
#header {z-index:6;}
#innerpagewrap {width:100%;z-index:1;}
#sec, #pri, #ter {overflow:visible;position:relative;}
#inner {float:left;margin:0 -1px 0 0;width:100%;z-index:3;}
#pri {float:right;margin:0 0 0 -1px;width:100%;z-index:5;}
#sec {float:left;margin-right:1px;z-index:4;}
#ter {float:right;margin-left:1px;z-index:2;}
#ftwrap {clear:both;position:relative;z-index:100;}
#ft {position:relative;}
/* Col variants */
body#onecol #sec, body#onecol #ter, body#twocol-left #ter, body#twocol-right #sec {display:none;}
body#onecol #inner, body#onecol #pri body#twocol-left #inner, body#twocol-right #pri {margin:0;}
body#onecol #innerwrap, body#onecol #outer, body#twocol-left #innerpagewrap, body#twocol-left #outer {padding-right:0;}
body#onecol #innerwrap, body#onecol #outer, body#twocol-right #innerpagewrap, body#twocol-right #outer {padding-left:0;}
/* Clearfix */
#innerpagewrap:after, #outer:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#innerpagewrap, #outer {display:inline-block;}
/* END import */


	*.LanguageSelected {BACKGROUND-IMAGE: url(drop_language.gif); POSITION: relative; TEXT-ALIGN: left; PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; WIDTH: 163px; PADDING-RIGHT: 1px; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 15px; PADDING-TOP: 1px;}
	A.MenuItemLinkSelected:link {FONT-FAMILY: tahoma; COLOR: #000; FONT-SIZE: 12px; TEXT-DECORATION: none;}
	A.MenuItemLinkSelected:visited {FONT-FAMILY: tahoma; COLOR: #000; FONT-SIZE: 12px; TEXT-DECORATION: none;}
	A.MenuItemLinkSelected:hover {COLOR: #000;}
	A.MenuItemLink:link {FONT-FAMILY: tahoma; COLOR: #000; FONT-SIZE: 12px; TEXT-DECORATION: none;}
	A.MenuItemLink:visited {FONT-FAMILY: tahoma; COLOR: #000; FONT-SIZE: 12px; TEXT-DECORATION: none;}
	A.MenuItemLink:hover {COLOR:  Gray;}
	.MenuItemWrap {BORDER-BOTTOM: red 0px solid; POSITION: relative; TEXT-ALIGN: left; BORDER-LEFT: red 0px solid; BORDER-TOP: red 0px solid; BORDER-RIGHT: red 0px solid;}
	.MenuItemSpan {PADDING-LEFT: 10px;}
	.Flag {MARGIN-TOP: 2px; MARGIN-LEFT: 4px;}
	.MenuItemWrap A {DISPLAY: block; HEIGHT: 15px; PADDING-TOP: 0px;}
	.MenuItemWrap A:hover {BACKGROUND-COLOR: #316ac5;}
	.wrap {FLOAT: left;}
	#dropmenudiv {Z-INDEX: 100; BORDER-BOTTOM: #b2b2b2 1px solid; POSITION: absolute; BORDER-LEFT: #b2b2b2 1px solid; FONT: 12px/18px Verdana; BORDER-TOP: 0px; BORDER-RIGHT: #b2b2b2 1px solid;}
	#dropmenudiv A {PADDING-BOTTOM: 1px; TEXT-INDENT: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; TEXT-DECORATION: none; PADDING-TOP: 1px;}
	#dropmenudiv A:hover {BACKGROUND-COLOR: #316ac5;}
	A.MenuItem:link {COLOR: #000;}
	A.MenuItem:hover {COLOR: white;}


/* Fonts */
strong {font-weight:bold;}
em {font-style:italic;}
#pagewrap {font-family:Tahoma, Arial, Helvetica, sans-serif;}
#ftwrap {font-family:Tahoma, Arial, Helvetica, sans-serif;}
h1 {font:bold 152% Tahoma, Arial, Helvetica, sans-serif;}
h2 {font:bold 122% Tahoma, Arial, Helvetica, sans-serif;}
h3 {font-size:107%;}
p {font-size:92%;}
#globalnav ul.userdetails li {font-size:77%;}

h2.sidebarheader {
text-transform:uppercase;
font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
}

#ft p, #ft ul {font-size:77%;}

/* END fonts */

/* I tried to group all stuff that will need to be modified if bg_pagewrap is modified here. */
/* The footer is still at the bottom though.  #ft will need it's margin adjusted too. */
/* Also search for all other 9px left margins and change to whatever. */
#innerpagewrap {
	margin-left:9px;
	width:167px;
	background-color:#F7F7F7;
	background-image:url(scImages/Money.jpg);
	background-repeat:repeat;
}
#nav, #intro, #ft, #breadcrumb {
margin:0 9px;
}
/* #masthead had to be removed from the list above for margin:0 0px; because of an issue with IE. */
/* The margin must be applied to an outer div with a black background so that opacity works correctly. */
#masthead {
margin:0;
filter:alpha(opacity=100);
width:776px; /* width is necessary for opacity to work in IE6. */
}
#mastheadouter {
margin:0 9px;
background-color:black;
}
/* Widths/Heights */
#pagewrap, #ftwrap { /* overall page width */
width:794px;
margin:0 auto;
}
#ftcap {
width:794px;
height:22px; /* This height must be set in order for the drop shadow to work. */
margin:0 auto;
}
#ftcapForOpacity{
width:794px; /* This width must be set in order for the drop shadow to work with IE7. */
filter: alpha(opacity=100); /* This must initially be set for the opacity effect to work. */
margin:0;
padding:0;
}

#outer {
padding-left:167px; /* width of left column */
padding-right:237px; /* width of right column */
}

#sec {
margin-left:-167px; /* same as #outer padding-left */
width:167px; /* same as #outer padding-left */
border:none thin #000000;
}

#maintable {
width:776px; /* 794 - 9*2 padding */
padding:0px;
background-color:#F7F7F7;
background-image:url(scImages/Money.jpg);
background-repeat:repeat;
}
#maintable .td {
padding:0;
margin:0;
}

#ter {
margin-right:-237px; /* same as #outer padding-right */
width:237px; /* same as #outer padding-right */
}

#pri .pad {padding:0 5px 0 11px;}

#sec .pad {
margin-left:9px;
padding:3px 10px 0 5px;
}

#ter .pad {
margin:0 9px;
padding:3px 10px 0 11px;
}

body#onecol #pri .pad {padding:0 26px 0 26px;}

.noborder #html {width:776px;} /* ONENOBREADCRUMNOBORDER PAGE FIX */
#threecol #html {width:367px;} /* THREECOL PAGE FIX */
body.homepage div#html {width:285px!important;} /* THREECOL PAGE FIX */
/* END Widths/Heights */


/* Visual Column Structure */
/*body#threecol #pagewrap, body#threecol #ftwrap {background:url(scImages/bg_pagewrap_threecol.gif) repeat-y top left;}*/
/* The 3 column has been done away with now that I use tables.  -KB */
body#threecol #pagewrap, body#threecol #ftwrap {background:url(scImages/bg_pagewrap_onecol.gif) repeat-y top left;}
body#onecol #pagewrap, body#onecol #ftwrap {
	background:url(scImages/bg_pagewrap_onecol.gif) repeat-y top left; 
} 
body#threecol.homepage #pagewrap, body#threecol.homepage #ftwrap {background:url(scImages/bg_pagewrap_home.gif) repeat-y top left;}
/* END Visual Column Structure */


/* Theme */
/* To center an image: http://requiem4adream.wordpress.com/2006/09/29/css-stretch-background-image/ */
/*html, body { /* onecol */
/*background:#60341e; // brown bg color for Joel Site: #60341e, grey for Lakewood: #9c8f7b * /
background:#222222;
background-image:url(Background.png);
background-repeat:repeat-y;
background-attachment:fixed;
color:#000;
}*/

html {
	width:100%;
}
body {
	width:100%;
	background:#222222;
}


#wrap {
}

td, th {vertical-align:top;}

#mainlangselectdiv {
float:left;
padding: 5px 0px 3px 204px;
width: 180px;
background:none;
}

.intro {
background:#eee;
padding:10px;
}

#masthead {
color:#000;
position:relative;
}
#header {
width:776px;
height:80px;
background:url(scImages/bg_header.jpg) no-repeat top left;
}

#header h1 a, #header div a {
display:block;
width:264px;
height:80px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}

#globalnav {
/*height:80px;*/
position:absolute;
z-index:10;
top:0;
right:0;
width:50%;
filter:alpha(opacity=100);
/* In IE 6, the filter:alpha makes the background black.  So I have to reapply the right side of the background image to this div also! */
/* I use the underscore hack to apply only to IE 6: http://www.karpach.com/Browser-specific-css-IE-conditional-comments.htm */
/* *property:value; applies to IE7 and IE6 */
/* _property:value; applies only to IE6 */
/* property:expression(value);  IE specific css: only IE understands css expressions. */

/*_background:url(scImages/bg_header.jpg) no-repeat top right;*/
/* Ok, so now IE 7 all of a sudden needs it, so I've just made it global for all browsers */
background:url(scImages/bg_header.jpg) no-repeat top right;
}

#globalnav ul.userdetails {
float:right;
margin:10px 0 0 0;
}

#globalnav ul.userdetails li {display:inline;}

#globalnav ul.userdetails li a {
display:block;
float:left;
border-right:1px solid #fff;
margin-right:11px;
padding-right:11px;
color:#fff;
line-height:1.1em;
}

#globalnav ul.userdetails li a:hover {color:#88c8ff;}
#globalnav ul.userdetails li.last a {border-right:0;}

#sessionidinputdiv {
clear:both;
float:left;
/*margin-top:25px;*/
margin-top:0px;
height:20px;
padding-left: 205px;
}

#sessionidinputdiv label {
position:absolute;
left:-9999px;
}

#sessionidinput {
width:119px;
padding-left:2px;
border:1px solid #c3c3c3;
border-top:1px solid #7c7c7c;
position:absolute;
top:48px;
}
#sessionidbutton {
position:absolute;
top:48px;
/*position:relative;
top:5px;*/
margin-left:130px;
}
#welcome {
color: #fff;
}

#nav {
background:url(scImages/bg_nav.gif) repeat-x top left;
color:#000;
border-top:2px solid #ded5c0;
border-bottom:1px solid #fff;
width:776px;
}

#nav li {display:inline;}

#nav a {
display:block;
height:23px;
background-position:top left;
background-repeat:no-repeat;
outline:none;
text-indent:-9999px;
text-decoration:none;
}

#navhome a {
overflow:hidden;
float: left;
width: 63px; height: 23px;
background-position: 0px 0px;
background-image:url(scImages/bg_navhome.gif);
}
#navhome a:hover {
background-position: 0px -23px;
}
#navhome a:active {
background-position: 0px -46px;
}

#navaboutus a {
overflow:hidden;
float: left;
width: 85px; height: 23px;
background-position: 0px 0px;
background-image:url(scImages/bg_navaboutus.gif);
}
#navaboutus a:hover {
background-position: 0px -23px;
}
#navaboutus a:active {
background-position: 0px -46px;
}

#navdownloads a {
overflow:hidden;
float: left;
width: 107px; height: 23px;
background-position: 0px 0px;
background-image:url(scImages/bg_navdownloads.gif);
}
#navdownloads a:hover {
background-position: 0px -23px;
}
#navdownloads a:active {
background-position: 0px -46px;
}

#navservices a {
overflow:hidden;
float: left;
width: 83px; height: 23px;
background-position: 0px 0px;
background-image:url(scImages/bg_navservices.gif);
}
#navservices a:hover {
background-position: 0px -23px;
}
#navservices a:active {
background-position: 0px -46px;
}

#navcontactus a {
overflow:hidden;
float: left;
width: 98px; height: 23px;
background-position: 0px 0px;
background-image:url(scImages/bg_navcontactus.gif);
}
#navcontactus a:hover {
background-position: 0px -23px;
}
#navcontactus a:active {
background-position: 0px -46px;
}

#sessionidbutton {
overflow:hidden;
float: left;
width: 31px; height: 20px;
background-position: 0px 0px;
background-image:url(scImages/button_search.gif);
outline:none; -moz-outline:none;
text-decoration:none;
}
#sessionidbutton:hover {
background-position: 0px -20px;
outline:none; -moz-outline:none;
}
#sessionidbutton:active {
background-position: 0px -40px;
outline:none; -moz-outline:none;
}

#ReporterEye {
overflow:hidden;
float:right;
border:none;
margin-top:4px;
margin-right:4px;
text-align:right;
background-position:0px 0px;
width:24px; height:12px;
background-image:url(scImages/EyeMove.gif);
}

.breadcrumbTitle {
background-color:#fff;
color: #777777;
}

.breadcrumbCurrent {
background-color:#fff;
}

#breadcrumb {
background:#fff;
}

#breadcrumb p {
font-size:77%;
color:#949699;
padding:3px 0 5px 10px;
}

#breadcrumb p a {
color:#949699;
text-decoration:none;
}

#breadcrumb p a:hover {text-decoration:underline;}

#outer {
background:url(scImages/bg_outer.gif) no-repeat 9px bottom;
padding-bottom:52px;
}

body.homepage #outer {
margin:0 17px;
background:url(scImages/bg_outer_home.gif) repeat-y top left;
border-top:1px solid #004b76;
padding-bottom:0;
}

body#onecol #outer {background:url(scImages/bg_outer_onecol.gif) no-repeat 9px bottom;}

h2.sidebarheader {
background:#004b76;
color:#fff;
padding:4px 0 1px 17px;
}

#ter h2.sidebarheader {
margin-right:9px;
padding-left:23px;
}

.subnav {padding-left:2px; padding-top:2px;}
#sec .subnav {margin-bottom:16px;}
#ter .subnav {margin-bottom:26px;}

.subnav li {
font-size:92%;
border-bottom:1px solid #c3b789;
line-height:1.45em;
background:url(scImages/bullet_brown.gif) no-repeat 4px 4px;
padding-left: 18px;
margin-top:7px;
padding-bottom:7px;
}
/*.subnav li:hover {background:url(scImages/bullet_gold.gif) no-repeat 0px 4px;}*/
.subnav li:hover {background:url(scImages/bullet_brown_on.gif) no-repeat 4px 4px;}

.subnav li.on ul {margin:2px 0;}

.subnav li.on li {
font-size:100%;
border-bottom:0;
margin-bottom:0;
line-height:1.33em;
}

.subnav a {
color:#000;
text-decoration:none;
}
/*
.subnav a:hover {color:#c99c2c;}
.subnav li.on a {background:url(scImages/bullet_brown_on.gif) no-repeat 1px 2px;}*/

.subnav a:hover {
color:#c99c2c;
}



body#threecol #ftwrap, body#onecol #ftwrap {
background:url(scImages/bg_ftwrap.gif) repeat-y top left; /* image different for Lakewood  */
padding-bottom:11px;
}

#ft {
position:relative;
color:#4d4d4d;
margin:0 9px;
}

body.homepage #ft {
padding-top:20px;
background:url(scImages/bg_ft_home.gif) no-repeat top left;
}

#ft p {
background:#f1eee5;
height:23px;
line-height:22px;
text-align:right;
padding-right:220px;
text-transform:uppercase;
}

#ft ul {
/*position:absolute;
right:18px;
top:6px;*/
background:#f1eee5;
padding:5px 22px 7px 22px;
height:10px;
width:776;
line-height:22px;
text-align:right;
white-space:nowrap;
text-transform:uppercase;
vertical-align:middle;
font-size:10px;
}

body.homepage #ft ul {top:26px;}

#ft li {
display:inline;
text-transform:uppercase;
}

#ft li a {
display:block;
float:right;
border-left:1px solid #4d4d4d;
margin-left:12px;
padding-left:12px;
color:#4d4d4d;
text-decoration:none;
line-height:12px;
}




/* Clearfix */
.clearfix:after, #nav:after, .homenewsitem:after, .homenewsitem-last:after, .form-1 .inlinedesc:after, .newsarticle:after, div#TabContainer1_TabPanel2 .subcat:after, div#TabContainer1_TabPanel2 .newregbox:after, .newsarticle:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix, #nav, .homenewsitem, .homenewsitem-last, .form-1 .inlinedesc, .subcat, .newregbox  {display:inline-block;}

/* END Clearfix */