* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	min-width: 770px;
	background: url(../images/bg5.gif) repeat-y 50% 0;
	background-attachment: fixed;
}
#wrapper {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../images/wrapperBg.gif);
}
#wrapper2 {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../images/wrapperBg2.gif);
}
#wrapper3 {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, ul {
	margin: 1.8em 0;
}
.clear {
	clear: both;
}
li li, li p, td p, blockquote p {
	font-size: 1em;
}
li a {
	font-size: 1em;
}
ul a, #tertiaryNav a {
	color: #00123b;
}
ul li a:hover, ul li a:active, #tertiaryNav a:hover, #tertiaryNav a:active {
	text-decoration: underline;
	color: #0083A9;
}
a {
	outline: none;
	color: #0083A9;
}
a {
	color: #3D3D3D;
}
a:link, a:visited {
	text-decoration: underline;
	font-weight: bold;
} 

a:hover, a:active {
	text-decoration: underline;
	color: #00123b;
} 
img {
	float: left;
	margin: 6px 9px 2px 0;
	border: solid #B1B1B1 1px;
}
.noBorder img {
	border: 0;
}
.mainImage {
	display: block;
	float: none;
	margin-top: 4px;
	border: solid #B1B1B1 2px;
}
li {
	line-height: 1.8em;
}
.articles {
	list-style: none;
}
#archiveNumbers {
	font-size: 1.2em;
	margin: 0 0  0 7px;
	padding: 1.2em 0;
	list-style: none;
	width: auto;
}
#archiveNumbers ul {
	float: left;
}
#archiveNumbers li {
	float: left;
}
#archiveNumbers a {
	float: left;
	display: block;
	line-height: 2.5em;
	padding: 0 1.5em;
}
#archiveNumbers span.current {
	float: left;
	display: block;
	line-height: 2.5em;
	padding: 0 1.5em;
	color: #FF8218;
}

#search {
	position: absolute;
	width: 209px;
	top: 100px;
	*top: 98px;
	left: 561px;
}
#search form {
	margin: 0;
	padding: 0;
}
label {
	display: none;
}

input {
	vertical-align: middle;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

#search .default input {
	display: block;
}
#search input {
	vertical-align: middle;
	background: #fff url(../images/searchBg.gif) repeat-x 0 0;
	border: solid #1d1d0e 1px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
}

#search form input {
	font-weight: bold;
	color: #585858;
	font-size: 0.9em;
	vertical-align: middle;
}
#search form input#searchInput {
	width: 16.5em;
	*height: 1.1em;
}
#search input:focus, textarea:focus {
	background: #ffc;
}
#search input.submitButton#submit {
	margin-left: 4px;
	padding: 0.2em 0.4em;
	*padding: 0 0.4em;
	width: auto;
	height: auto;
	background: #0593B2;
	color: #FFF;
	border: solid #FFF 1px;
	font-weight: normal;
	line-height: 1.4em;
	text-align: center;
}
#search fieldset {
	border: 0;
	margin: 0 0;
	padding: 0;
}
#search textarea {
	margin-top: 0;
	padding: 4px;
	border: 0;
	background: #D7E7E9;
	color: #333;
}
#search fieldset {
	border: 1px solid transparent;
}
#search .default fieldset {
	width: auto;
	border: 0;
	margin: 10px 0 10px 50px;
	padding: 0;
}
.formCaption{
    background: #000000;
    color: #93BEE2;
    font-family: verdana;
    font-size: 10pt;
    font-weight: bold;
    <!--padding: 4;-->
    text-align: center;
    text-transform: uppercase;
}
#masthead {
	width: 770px;
	height: 185px;
	background: #fff url(../images/headerBg.gif) repeat-x;
	position: relative;
	padding-top: 1px;
	background-image: url(../images/headerBg.gif);
}
#icon {
	width: 50px;
	height: 60px;
	left: 16px;
	top: 20px;
	position: absolute;
	background: url(../images/shield.gif) no-repeat;
}
h1 {
	margin: 0;
	position: absolute;
	top: 20px;
	left: 70px;
	z-index: 3;
	width: 235px;
	height: 60px;
	background: url(../images/logoType.gif) no-repeat;
	text-indent: -9000px;
}
h1 a {
	display: block;
	height: 60px;
	background: url(../images/logoType.gif) no-repeat;
	overflow: hidden;
}
h1 a:hover {
	background: url(../images/logoTypeOver.gif) no-repeat;
	overflow: hidden;
}

#tertiaryNav {
	width: 20em;
	height: 1.9em;
	position: absolute;
	left: 563px;
	top: 70px;
	font-size: 1em;
}
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 89px;
	left: 0;
	height: 42px;
	width: 770px;
	float: left;
	border-bottom: 3px solid #4BA4C9;
	background: #00123b;
}
#nav li {
	float: left;
}
#nav a {
	font-size: 1.4em;
	display: block;
	margin-left: 13px;
	background: url(../images/bullet.gif) no-repeat left center;
	padding: 0 .5em 0 1em;
	list-style: none;
	line-height: 3.2em;
	*line-height: 2.9em;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}
#nav li ul {
	display: none;
}
#nav li.off ul {
	position: absolute;
	top: 30px;
	*top: 32px;
	left: 0;
	*left: -13px;
	width: 770px;
	height: 42px;
	background: transparent;
	list-style: none;
}
#nav li a {
	display: block;
	float: left;
	*float: none;
}
#nav li.off ul a {
	float: left;
	border: 0;
	color: #00123B;
	width: auto;
	margin-right: 15px;
}
#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}
#nav li.off a:hover, #nav li:hover a, #nav li.over a {
	color: #FF7A00;
}
body.news #nav a#news, body.research #nav a#research, body.victims #nav a#victims, body.programs #nav a#programs, body.family #nav a#family, body.about #nav a#about {
	color: #fff;
	text-decoration: underline;
}
body.news #nav a:hover#news, body.research #nav a:hover#research, body.victims #nav a:hover#victims, body.programs #nav a:hover#programs, body.family #nav a:hover#family, body.about #mainNav a:hover#about {
	color: #04aed4;
}
#primaryContent {
	float: left;
	width: 770px;
	display: inline;
}

#primaryContent a:active {
	color: #0083A9;
}

#threeColLayout #primaryContent {
	float: left;
	width: 338px;
	margin: 0 0 20px 216px;
	border-top: 4px solid #000;
}
#threeColLayout #primaryContent .box {
	margin: 0 21px 0 22px;
}
#threeColLayout p {
	margin: 8px 0 10px;
}
#topFeature {
	padding-bottom: 20px;
}
#threeColLayout #primaryContent .box h4 {
	color: #0083A9;
	margin: 22px 0 8px;
}
#threeColLayout #primaryContent .box h5 {
	margin: 12px 0 8px;
}
#threeColLayout #primaryContent .box a {
	font-weight: normal;
}
#threeColLayout #primaryContent .box .posted a {
	font-weight: bold;
	font-size: .95em;
}
#twoColLayout #primaryContent {
	float: left;
	width: 554px;
	margin: 0 0 20px;
}
#twoColLayout #primaryContent .box {
	margin: 0 21px 0 21px;
	padding: 30px 0 18px;
	font-size: 1.2em;
	line-height: 1.8em;
}
#twoColLayout #primaryContent .box p {
	text-align: justify;
}

#twoColLayout #primaryContent .box h4 {
	color: #FF8218;
	text-transform: uppercase;
	margin: 0 0 8px;
}
#twoColLayout #primaryContent .box td {
	padding: 0px 5px 0px 5px;
	vertical-align: top;
}

#twoColLayout #secondaryContent {
	display: none;
}

#oneColLayout #primaryContent .box {
	margin: 0;
	font-size: 1.2em;
	line-height: 1.8em;
}
#oneColLayout #primaryContent .box p {
	text-align: justify;
}

#oneColLayout #primaryContent .box h4, #oneColLayout #primaryContent .box h5 {
	color: #FF8218;
	text-transform: uppercase;
	text-align: center;
	margin: 10px 0 0 0;
	text-decoration: underline;
}

#secondaryContent {
	float: left;
	width: 216px;
	margin: 0 0 20px -554px;
	background: #E5F3F5;
}
#secondaryContent .box {
	margin: 0 28px;
}
#secondaryContent .box p {
	margin: 8px 0 12px;
	line-height: 1.8em;
}
#secondaryContent .box h6 {
	margin: 28px 0 8px;
	font-weight: bold;
}
#facilities {
	margin: 2.1em 0 0;
	padding: 0;
	line-height: 2em;
	*line-height: 18px;
}
#facilities h3 {
	position: relative;
	width: .8em;
	*width: 30px;
	*height: 30px;
	margin: 0;
	padding: 1px;
	color: #313131;
	font-size: 5.6em;
	*font-size: 5.2em;
	font-weight: bold;
	letter-spacing: -3px;
	line-height: .8em;
	*line-height: 52px;
}
#facilities h4 {
	margin: 0;
	padding: 4px 0;
	color: #808080;
	letter-spacing: -.09em;
	*letter-spacing: -.2em;
	font-size: 2.3em;
}
#facilities img {
	float: right;
	margin: 0 0 2px 8px;
	*margin: 0;
	padding: 0;
}
#facilities .posted {
	padding: 1px 0 0;
	margin: 0;
}
#sideContent {
	float: right;
	width: 216px;
	margin: 0 0 20px;
	background: #00123b;
}
#sideContent .box {
	margin: 30px 13px 20px 0;
}
#sideContent .box h5 {
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	margin: 30px 4px 6px;
}
#oneColLayout #secondaryContent, #oneColLayout #sideContent {
	display: none;
}
#subNav {
	color: #fff;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}
#subNav li {
	margin: 0;
	background: url(../images/arrow1_sw.gif) no-repeat right center;
	padding-right: 18px;
}
#subNav a[href^="http:"] {
	background: none;
}
#subNav a {
	font-size: 1.2em;
	line-height: 200%;
	border-right: #fff 1px dotted;
	*border-right: #fff 1px solid;
	padding-right: 6px;
	color: #ACD9E4;
}
#subNav a:hover, a:active {
	color: #fff;
}
#footer {
	clear: both;
	width: 770px;
	height: 45px;
	padding: 0;
	border-top: 1px solid #999;
	background: #fff;
}
#footer p {
	float: left;
	margin: 13px;
}
#footer a {
	font-weight: normal;
}
#footer .posted {
	float: right;
	display: block;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	background: #4BA4C9;
	color: #ffffff;
	border: 1px solid #00123B;
	padding: 20px;
	font: normal 10pt Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;
}
#tooltip h3 {
	margin: 0;
	font: normal 10pt Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;
}
#tooltip div { 
	margin: 0;
	font: normal 10pt Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;
}
body {
	font: 62.5%/1.6 Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;
}
body * {
	font-size: 1em;
}
table.inmateDetail tbody tr th {
	background-color: #00123B; 
	border: 1px solid #FFF;
	padding: 4px;
	color: #fff;
	font: 8pt/16px arial;
	text-align: center;
}
.loader {
	background: url(../images/ui-anim_basic_16x16.gif) no-repeat 0 0;
	height: 16px;
	width: 16px;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.errorClass {
	font-family: arial, verdana, sans-serif;
	color: #FF0000;
	font-weight: normal;
	font-size: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 2.1em;
}
h2 {
	font-size: 2.4em;
}
h3 {
	font-size: 2.1em;
}
h4 {
	font-size: 1.8em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.2em;
}
p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 0;
	margin-bottom: 1em;
}
.box {
	margin: 32px 13px 20px 0;
}
.fourPtLine {
	border-top: solid #000 4px;
}
#verticalLine {
	border-top: solid #999 1px;
}
.posted {
	display: block;
	margin: 10px 0 0 20px;
	padding: 0;
	text-align: right;
}
.date {
	font-weight: bold;
}
.bottomLine p {
	padding-bottom: 1em;
	border-bottom: solid #999 1px;
}
#noBottomLine {
	padding-bottom: 1em;
	border-bottom: 0;
}
.topLine {
	margin: 1em 0 1.8em;
	padding-top: 1em;
	border-top: solid #999 1px;
}
.external {
	background: url(images/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}
.mailto {
	background: url(images/email.gif) no-repeat right top;
	padding-right: 10px;
}
.pdf {
	background: url(images/pdfLink.gif) no-repeat right top;
	padding-right: 10px;
}
.word {
	background: url(images/wordLink.gif) no-repeat right top;
	padding-right: 10px;
}
a[href^="http:"] {
	background: url(images/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}
a[href^="http://www.doc.sc.gov"], a[href^="http://doc.sc.gov"] {
	padding-right: 0;
	background: none;
}
a[href^="mailto:"] {
	background: url(images/email.gif) no-repeat right top;
	padding-right: 10px;
}
a[href$=".pdf"] {
	background: url(images/pdfLink.gif) no-repeat right top;
	padding-right: 10px;
}
a[href$=".doc"] {
	background: url(images/wordLink.gif) no-repeat right top;
	padding-right: 10px;
}

#instructions {
	text-align: justify;
	margin: 0 0 0 20px;
}

/* tables */
table.inmateList, table.inmateDetail {
	font: 8pt/16px arial;
	margin:0 0 5px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
table.inmateList thead tr th, table.inmateList tfoot tr th {
	background-color: #00123B; 
	border: 1px solid #FFF;
	padding: 4px;
	color: #fff;
	font: 8pt/16px arial;
	text-align: center;
}

table.inmateList tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	font: 8pt/16px arial;
	text-align: center;
}

table.inmateList tbody tr.striped td {
	background-color:#F0F0F6;
}

table.inmateList tbody tr.hover td {
	background-color:#F9D9AB;
	cursor: pointer;
}

/* pager */
div.pager {
	float: right;
	text-align: center;
	height: 16px;
	padding: 0 295px 0 0;
}
div.pager span {
	color: #3d3d3d;
	font: normal 8pt/16px Arial, Helvetica, sans-serif;
	padding: 0 5px 0 5px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
}
div.pager span.currentPage {
	padding: 0;
}
div.pager span.totalPages {
	padding: 0 5px 0 0;
}

/* Modal Form Styles
 ================================================== */
div.boxContainer {border-bottom: 1px solid #cccccc; background-color: #eeeeee; min-width: 400px;}
div.boxHeader {font-size: 10pt; padding: 5px;}
div.boxContent {padding: 7px 10px 0 10px; margin: 0 0 10px 0;}
div.boxContent pre {padding: 0; margin: 0; font: normal 8pt Tahoma,sans-serif; word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: pre-wrap;}
div.boxContent form {padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #e78f08;}
div.boxContent form .tips {padding: 5px; margin: 0 0 5px 0; border: 1px solid #ff0000; color: #ff0000;}
div.boxContent form .text {margin-bottom: 10px; padding: 5px; background: #ffffff;}
div.boxContent form .checkbox {margin: 0 5px 5px 0; padding: 0; background: #ffffff; border: 0;}
div.boxContent form span.label {display: inline-block; font-weight: bold; color: #444444; margin-bottom: 10px; line-height: 25px;}
div.boxContent form span.topLabel {display: inline-block; font-weight: bold; color: #444444;}
div.boxContent form span.display {display: inline-block; font-weight: normal; color: #444444; margin-bottom: 10px; line-height: 25px;}
div.boxContent form span.notes {line-height: 13px;}
div.boxContent form span.red {display: block; font-weight: bold; color: #ff0000; padding: 0 0 10px 0;}
div.boxContent form span.example {padding: 0 0 0 5px; display: inline-block; color: #aaaaaa; margin-bottom: 10px; line-height: 25px;}
div.boxContent form table {color: #444444; margin: 0 0 10px 0;}
div.boxContent form select {margin-bottom: 10px; padding: 4px; background: #ffffff; display: inline-block;}
div.boxContent form textarea {margin: 0 0 10px 0; padding: 5px; background: #ffffff; width: 343px; height: 70px; display: block;}
div.boxContent form.callModifyForm textarea {margin: 0 0 10px 0; padding: 5px; background: #ffffff; width: 550px; height: 140px; display: block;}
div.boxContent table.extra td {padding-left: 10px; padding-right: 10px;}
div.boxContent table.extra th {padding-left: 9px; padding-right: 9px;}
div.boxContent table.info td {color: #444444;}

/* Width Section
 (Select elements need 12px more width to match input elements)
 ================================================== */
.width30 {width: 30px;}
.width40 {width: 40px;}
.width47 {width: 47px;}
.width50 {width: 50px;}
.width60 {width: 60px;}
.width65 {width: 65px;}
.width70 {width: 70px;}
.width72 {width: 72px;}
.width80 {width: 80px;}
.width92 {width: 92px;}
.width93 {width: 93px;}
.width95 {width: 95px;}
.width100 {width: 100px;}
.width105 {width: 105px;}
.width115 {width: 115px;}
.width120 {width: 120px;}
.width130 {width: 130px;}
.width170 {width: 170px;}
.width180 {width: 180px;}
.width182 {width: 182px;}
.width192 {width: 192px;}
.width220 {width: 220px;}
.width232 {width: 232px;}
.width272 {width: 272px;}
.width500 {width: 500px;}

#inmateSearchForm {padding: 0; margin: 0 0 10px 0;}
#inmateSearchForm .tips {padding: 5px 10px; margin: 0 0 10px 0; background: #ff0000; color: #ffffff;}
#inmateSearchForm .text {margin-bottom: 10px; padding: 5px; background: #ffffff; border: 2px solid #bbbbbb; color: #444444;}
#inmateSearchForm .error {border: 2px solid #ff0000;}
#inmateSearchForm .checkbox {margin: 0 5px 5px 0; padding: 0; background: #ffffff; border: 0;}
#inmateSearchForm span.label {display: inline-block; font-weight: bold; color: #444444; margin-bottom: 10px; line-height: 28px;}
#inmateSearchForm span.display {display: inline-block; font-weight: normal; color: #444444; margin-bottom: 10px; line-height: 25px;}
#inmateSearchForm span.red {display: block; font-weight: bold; color: #ff0000; padding: 0 0 10px 0;}
#inmateSearchForm span.example {margin: 0 0 0 30px; display: inline-block; color: #aaaaaa; line-height: 25px;}
#inmateSearchForm table {color: #444444; margin: 0 0 10px 0;}
#inmateSearchForm select {margin-bottom: 10px; padding: 4px; background: #ffffff; display: inline-block;}
#inmateSearchForm textarea {margin: 0 0 10px 0; padding: 5px; background: #ffffff; width: 420px; height: 70px; display: block; border: 2px solid #bbbbbb; color: #444444; font: normal 10pt Arial, Tahoma, "Trebuchet MS", Verdana, sans-serif;}
#inmateSearchForm .button {margin: 0 10px 0 0; padding: 5px 20px; background: #dddddd; border: 1px solid #bbbbbb; color: #444444; font-weight: bold;}
#inmateSearchForm .buttonHover {background: #4BA4C9; color: #ffffff; border: 1px solid #00123B;}

div.boxContent .width30 {width: 30px;}
div.boxContent .width40 {width: 40px;}
div.boxContent .width47 {width: 47px;}
div.boxContent .width50 {width: 50px;}
div.boxContent .width60 {width: 60px;}
div.boxContent .width65 {width: 65px;}
div.boxContent .width70 {width: 70px;}
div.boxContent .width72 {width: 72px;}
div.boxContent .width80 {width: 80px;}
div.boxContent .width92 {width: 92px;}
div.boxContent .width93 {width: 93px;}
div.boxContent .width95 {width: 95px;}
div.boxContent .width100 {width: 100px;}
div.boxContent .width105 {width: 105px;}
div.boxContent .width115 {width: 115px;}
div.boxContent .width120 {width: 120px;}
div.boxContent .width130 {width: 130px;}
div.boxContent .width135 {width: 135px;}
div.boxContent .width170 {width: 170px;}
div.boxContent .width180 {width: 180px;}
div.boxContent .width182 {width: 182px;}
div.boxContent .width192 {width: 192px;}
div.boxContent .width220 {width: 220px;}
div.boxContent .width232 {width: 232px;}
div.boxContent .width272 {width: 272px;}
div.boxContent .width500 {width: 500px;}

div.tableHeader {margin: 0 0 5px 0; padding: 0 0 1px 0;	border-bottom: 1px solid #f6a828; font: bold 10pt Tahoma,sans-serif; color: #444444; line-height: 25px;}
