.clear {clear:both;}
* {margin:0px; padding:0px;}
body {
	width:960px;
	background-color:#000000;
	color:#000000;
	font-family:Arial,Helvetica,Geneva,Tahoma,sans-serif;
	font-size:16px;
	margin:auto;
	padding:0px;
	}
p {margin:15px 0px;}
ol.lh-col {padding-left:20px;}
ul.lh-col {padding-left:20px;}
#container {width:960px; margin:0px auto; text-align:left;}
#col600 {width:600px; margin:auto;}
#col700 {width:700px; margin:auto;}
/*.red-box {border: thin #F00;}*/
.red-box {border:1px solid #ff0000; padding:7px;}
table.black {border-collapse:collapse; border:2px solid black;}
table.black-innerlines {border-collapse:collapse; border:2px solid black;}
table.black-innerlines td {border:1px solid black; padding-right:5px;}
.td-bdr-black-rh-btm {border-right:2px solid black; border-bottom:2px solid black;}

.justify {text-align:justify;}
.sub {line-height:0.2em; position:relative; top:0.3em; font-size:0.8em;}
.sup {line-height:0.2em; position:relative; bottom:0.5em; font-size:0.8em;}

#do-not-display {display:none;}
/********************** Header ***************************/
#header {
	margin:0px 0px 0px 0px;
	background-image:url(images/header.jpg);
	width:960px;
	height:269px;
	position:relative;
	}
#header-for-printing {display:none;}
/************************ Content ************************/
#content {background-image:url(images/content-bg.jpg); width:930px; padding:15px;}
img {border-width:0px;}
h1 {color:#ff0000; font-size:22px; margin:5px 0px 10px 0px;}
h2 {color:#ff0000; font-size:18px; margin:5px 0px 10px 0px;}
h3 {color:#ff0000; font-size:16px; margin:5px 0px 10px 0px;}
h4 {color:#ff0000; font-size:14px; margin:5px 0px 10px 0px;}

.tiny         {font-size:10px;}
.tinyBold     {font-size:10px; font-weight:bold;}
.tinyBoldRed  {font-size:10px; font-weight:bold; color:#ff0000;}
.sml          {font-size:12px;}
.smlBold      {font-size:12px; font-weight:bold;}
.smlBoldRed   {font-size:12px; font-weight:bold; color:#ff0000;}
.med          {font-size:14px;}
.medBold      {font-size:14px; font-weight:bold;}
.medBoldRed   {font-size:14px; font-weight:bold; color:#ff0000;}
.body         {font-size:16px;}
.bodyBold     {font-size:16px; font-weight:bold;}
.bodyBoldRed  {font-size:16px; font-weight:bold; color:#ff0000;}
.lrg          {font-size:18px;}
.lrgBold      {font-size:18px; font-weight:bold;}
.lrgBoldRed   {font-size:18px; font-weight:bold; color:#ff0000;}
.xlrg         {font-size:24px;}
.xlrgBold     {font-size:24px; font-weight:bold;}
.xlrgBoldRed  {font-size:24px; font-weight:bold; color:#ff0000;}
.xxlrg        {font-size:32px;}
.xxlrgBold    {font-size:32px; font-weight:bold;}
.xxlrgBoldRed {font-size:32px; font-weight:bold; color:#ff0000;}

/* Float Images Without Captions */
img.floatLeft {
	float:left;
	margin:0 15px 5px 0;
	/*border:1px solid #ff0000;*/
	}
img.floatRight {
	float:right;
	margin:0 0 5px 15px;
	/*border:1px solid #ff0000;*/
	}
img.floatNone {border:1px solid #ff0000;}

/* Float Images With Captions */
#img-caption-left {
	float:left;
	/*	width:25%;*/
	/*	border:thin #00C solid;*/
	padding:0px 15px 0px 0px;
	}
#img-caption-left p {
	text-align:center;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	background-color:#FF6;
	margin-top:0px;
	padding:5px 2px 5px 2px;
	}
#img-caption-right {
	float:right;
	/*	width:25%;*/
	/*	border:thin #00C solid;*/
	padding:0px 0px 0px 15px;
	}
#img-caption-right p {
	text-align:center;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	background-color:#FF6;
	margin-top:0px;
	padding:5px 2px 5px 2px;
	}

/************** 3 Columns on the Home Page ***************/
#threeColumnTop {background:url("images/hp-3col-bg-top.gif"); height:2px; width:930px;}
#threeColumnBottom {background:url("images/hp-3col-bg-bottom.gif"); height:2px; width:930px;}
#threeColumnWrapper {
	width:930px;
	margin:0 auto;
	background:url("images/hp-3col-bg-middle.gif") repeat-y;
	overflow:hidden
	}
#columnOne {
	float:left;
	padding:0 5px 10px 0;
	text-align:left;
	/* Nominal width I wanted was 340px, but had to be adjusted to allow for proper spacing of the text in the column */
	width:327px;
	}
#columnTwo {
	float:left;
	padding:0 10px 10px 10px;
	text-align:left;
	/* Nominal width I wanted was 340px, but had to be adjusted to allow for proper spacing of the text in the column */
	width:327px;
	}
#columnThree {
	float:left;
	padding:0 10px 10px 5px;
	text-align:left;
	/* Width I want is 250px, but the number used reflects the padding chosen (250-10-5=235px),*/
	/*then 235px-2px for the border (Currently in the graphic, but could be in the CSS. Either way, it is still needed.) = 233px */
	width:233px;
	}

/********************** Footer ***************************/
#footerline {
	clear:both;
	background-image:url(images/hp-footer-bg.jpg);
	height:10px;
	}
#footer {
	width:960px;
	text-align:center;
	padding:15px 0 0 0;
	font-size:12px;
	color:#ffffff;
	}
.footer-left {
	width:80%;
	float:left;
	}
.footer-col1 {
	width:150px;
	float:left;
	margin-top:-15px;
	padding-bottom:15px;
	}
.footer-col2 {
	/*	float:right;*/
	width:635px;
	padding-left:150px;
	}
.footer-col3 {
	width:175px;
	float:right;
	}
/* For links, list them in this order: "link-visited-hover-active", or "LVHA"  LoVeHAte*/
a:link    {color:#0000ff; text-decoration:underline;}
a:visited {color:#800080; text-decoration:underline;}
a:hover   {color:#ff0000; text-decoration:none;}
a:active  {color:#ff0000; text-decoration:underline;}

#footer a:link    {color:#ffffff; text-decoration:underline;}
#footer a:visited {color:#ff0000; text-decoration:underline;}
#footer a:hover   {color:#ff0000; text-decoration:none;}
#footer a:active  {color:#ffffff; text-decoration:underline;}

a.black-bg:link    {color:#ffffff;}
a.black-bg:visited {color:#ffffff;}
a.black-bg:hover   {color:#ff0000; text-decoration:none;}

/*********************** Rollover ************************/
a.ro-top {
	display:block;
	width:75px;
	height:75px;
	text-decoration:none;
	background:url("images/top-of-page.png");
	}
a.ro-top:hover {
	background-position: 0 -75px;
	}
.displace {
	position: absolute;
	left: -5000px;
	}

/*************** 2 Column Structure Setup ****************/
#2-col-container2 {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	}
#2-col-container1 {
	width:100%;
	float:left;
	position:relative;
	right:50%;
	}
#lh-column {
	width:47%;
	float:left;
	position:relative;
	left:0%;
	text-align:left;
	padding-bottom:20px;
	}
#rh-column {
	width:48%;
	float:left;
	position:relative;
	left:5%;
	text-align:left;
	padding-bottom:20px;
	}

/****** 2 Column Structure Setup For the Links Page ******/
/*
#links_wrapper {
	margin:auto;
	width:650px;
	}
#links_wrapper p { margin-top:0; }
*/
.link_wrapper {
	clear:both;
	margin:auto;
	width:650px;
	}
.link_image {
	float:left;
	padding-top:20px;
	text-align:left;
	width:115px;
	}
.link_text {
	float:right;
	padding-top:20px;
	text-align:left;
	vertical-align:top;
	width:535px;
	}
.link_text p { margin-top:0; }

/****** Print SC Training Hours ******/
table.print-hours {
	border-width:2px;
	border-style:solid;
	border-color:#000000;
	border-collapse:collapse;
	margin:0;
	padding:0;
	}
table.print-hours th {
	border-width:2px;
	border-style:solid;
	border-color:#000000;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0 2px;
	text-align:center;
	}
table.print-hours td {
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	font-size:13px;
	height:25px;
	margin:0;
	padding:0;
	text-align:center;
	}