* {font-family: Tahoma; }
/*body tags*/
   /*basic pages*/
   .main01 {margin: 0px; padding: 0px; background: url(../images/bg.gif); border: 0px}
   .main11 {margin: 0px; padding: 0px; background: #F5F5DC; border: 0px}
   /*news and other specialized pages*/
   .main02 {margin: 0px; padding: 0px; background: #F5F5DC; border: 0px}
   

/*containers for basic pages*/
    /*top banner*/
      #container1 {margin: 0px ;padding: 0px; background: url(../images/banner3.gif); height: 165px; }
    /*page*/
      #container2 {text-align: left; margin: 0px ;padding: 0px; width: 209px;  background: url(images/back02.gif) repeat-y 100%;position: absolute; top: 163px ; float: left}
      #container22 {text-align: left; margin: 0px ;padding: 0px; width: 209px;  background: #800000; position: absolute; top: 165px ; float: left; }   
         /*menu containers*/
           /*name & address at top of left menu*/
              .menu1 { line-height: 120%; margin-left:5px; margin-right: 5px; margin-top: 5px; background: #800000;color: #F5F5DC; text-align: left; font-size: 80%}
             /*menu header for h1 tag*/
               .menuheader {line-height: 120%; color: #F5F5DC; background: #800000; font-weight: normal; text-align: left; font-size: 100%}
           /*menu links*/  
              .menu2 { line-height: 160%; margin-left:5px; margin-top: 0px; margin-right: 5px; color: #F5F5DC; background: #800000; text-align: left; font-size: 80%}
              .menu2 ul {margin-top: -10px; margin-bottom: 0px;}
              .menu2 li { line-height: 110%; margin-left: -10; margin-top: 0px; margin-right: 5px; margin-bottom: 0px;}
              .menu2 a:active { color: white; text-decoration: none }
              .menu2 a:visited { color: #F5F5DC; text-decoration: none }
              .menu2 a:hover { color: white; text-decoration: underline}
              .menu2 a:active {outline: none;}
              .menu2 a:focus{-moz-outline-style: none;}
    /*content*/
      #container3 {margin: 0px ;padding: 0px; position: absolute; text-align: center; top: 161px; left: 209px; }

/*containers for specialty pages*/
  /*top banner*/
    #containernews {margin: 0px ;padding: 0px; background: url(http://www.spartanburgcountyjail.org/images/banner2.gif); height: 165px; }
    /*SCDF & navigation for top banner*/
      /*use .news2*/ 
    /*Center heading for top banner*/
      /*use .news1*/

.search {line-height: 120%;  margin-top: 5px; color: #F5F5DC; text-align: center; font-size: 120%}
.search2 {line-height: 120%;  margin-top: 5px; color: #000000; text-align: center; font-size: 120%}


/*data tables*/
.dt1 {font-size: 60%}
.dt101 {font-size: 65%; text-align: center}

/*home detention wants*/
.hdw1 {font-size: 120%; font-weight: bold; text-align: center; color: #F5F5DC;line-height: 100%; margin-bottom: 5px}
.hdw2 { line-height: 110%; margin-left:15px; margin-right: 15px; color: #F5F5DC; text-align: left; font-size: 65%}

#load img {
	background-image:url(http://www.spartanburgcountyjail.org/images/green_rot.gif);
	background-repeat:no-repeat;
	background-position: center center;
	border:1px solid #EEE;
}

.load img {
	background-image:url(http://www.spartanburgcountyjail.org/images/green_rot.gif);
	background-repeat:no-repeat;
	background-position: center center;
	border:1px solid #EEE;
}






#container4 {margin: 0px ;display: table; padding: 0px; color: #F5F5DC; background: #4b6d5d; width: 600px; height: auto;  border-width: 5px ;border-color: #800000;border-style: solid} 
#container5 {margin: 0px ;text-align: justify;display: table;padding: 10px; color: #F5F5DC; background: #4b6d5d; width: 600px; height: auto;  border-width: 5px ;border-color: #800000;border-style: solid}
a:link,ul { color: #F5F5DC; text-decoration: none }
a:active { color: white; text-decoration: none }
a:visited { color: #F5F5DC; text-decoration: none }
a:hover { color: white; text-decoration: underline}
a {-moz-outline-style: none;}
a {outline: none;}


h1 {font-weight: bold; color: black; margin-top: 0px; margin-bottom: 0px;font-size: 125%}
h2 {font-weight: bold; color: black; margin-top: 10px; margin-bottom: 10px; font-size: 115%}
h2c {font-weight: bold; text-align: center; color: black; margin-top: 10px; margin-bottom: 10px; font-size: 115%}
h3 {font-weight: bold; color: black; margin-top: 0px; margin-bottom: 0px;font-size: 110%}
h4 {font-weight: bold; color: black; margin-top: 5px; margin-bottom: 5px}
h5 {font-weight: bold; color: black; line-height: 150%; font-size: 100%}
/*header classes*/
.tan {color: #F5F5DC}
.center {text-align: center}






/*For use on specialty pages*/
.h1news {font-weight: bold; color: #F5F5DC; margin-top: 0px; margin-bottom: 5px; font-size: 150%; line-height: 100%}
.h1newsc {font-weight: bold; color: #F5F5DC; text-align: center; margin-top: 0px; margin-bottom: 5px; font-size: 150%; line-height: 100%}
.h1newsh {font-weight: bold; color: #000000; margin-top: 0px; margin-bottom: 5px; font-size: 150%; line-height: 100%}
.h2news {font-weight: bold; color: #F5F5DC; margin-top: 0px; margin-bottom: 3px; font-size: 120%; line-height: 100%}
.h2newsc {font-weight: bold; color: #F5F5DC; text-align: center; margin-top: 0px; margin-bottom: 3px; font-size: 120%; line-height: 100%}
.h3news {margin-top: 0px; color: #F5F5DC; margin-bottom: 0px; font-size: 105%}


.contentleft { margin-left: 5%}
.contentright {width: 50%; float: right;}
#contentleft { float: left; margin-left: 5%}
#contentleft2 {width: 45%; float: left;margin-left: 80px; text-align: left;background: #4b6d5d;padding: 0px}
#contentleft3 {width: 52%; float: left; height: 500px; margin-left: 20px; text-align: left; background: #4b6d5d; padding: 0px}
#contentright {width: 50%; float: right;}
#contentright2 {text-align: right; margin-right: 80px; float: right;background: #4b6d5d;padding: 0px}

#contents {line-height: 250%}



.black {color: black}
.center1 {line-height: 100%; margin-left: 20px; margin-top: 0px; margin-right: 20px; color: #000000; text-align: center; font-size: 80%}
.center2 {text-align: center;}
.indent1 {margin: 10px 0 10px 20px}
.indent2 {margin: 10px 0 10px 40px}
.bh {font-weight: bold; margin-top: 5px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px}


/*briefhistory*/
.imagecap4 {float: left; width: 150px; margin: 0px 20px 5px 0px; display: inline;}




.imagecaption1 {float: right; width: 150px; margin: 5px 0px 0px 20px; display: inline;}
.imagecaption2 {float: right; width: 300px; margin: 5px 0px 0px 20px; display: inline;}
.imagecaption3 {float: right; width: 500px; margin: 5px 0px 0px 0px; display: inline;}
.imagecaption4 {float: right; width: 200px; margin: 5px 0px 0px 20px; display: inline;}
.imagecaption5 {float: right; width: 400px; margin: 5px 0px 0px 20px; display: inline;}
.imagecaption6 {float: left; width: 300px; margin: 5px 20px 0px 0px; display: inline;}
.imagecaption7 {float: left; width: 500px; margin: 5px 20px 0px 0px; display: inline;}
.imagecaption8 {text-align: center; width: 600px; margin: 5px 5px 0px 0px; display: inline;}
.imagecaption9 {float: right; width: 500px; margin: 0px 0px 0px 30px; display: inline;}
.imagecaption10 {float: left; width: 350px; margin: 5px 20px 0px 0px; display: inline;}
.imagecaption11 {float: right; width: 100px; margin: 5px 0px 0px 20px; display: inline;}
.imagecaption12 {float: left; width: 250px; margin: 5px 20px 0px 0px; display: inline;}
.imagecaption13 {float: right; width: 500px; margin: 5px 0px 0px 20px; display: inline;}
.imagecaption14 {float: left; width: 400px; margin: 5px 20px 0px 0px; display: inline;}
.imagecaption15 {float: left; width: 200px; margin: 5px 20px 0px 0px; display: inline;}
.imagecaption16 {float: right; width: 250px; margin: 5px 0px 0px 20px; display: inline;}
.imagecaption17 {float: left; width: 50px; margin: 5px 5px 0px 0px; display: inline;}

.captiontext1 {line-height: 100%; margin-left:0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; color: #000000; text-align: justify; font-size: 80%}
.captiontext2 {line-height: 100%; font-weight: bold; margin-left:0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; color: #000000; text-align: center; font-size: 80%}
.captiontext3 {line-height: 100%; margin-left:0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; color: #000000; text-align: center; font-size: 80%}
.captiontext4 {line-height: 100%; margin-left:0px; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; color: #F5F5DC; text-align: center; font-size: 85%}
.phototext1 {line-height: 100%; margin-left:0px; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; color: #000000; float: right; font-size: 60%}
.phototext2 {line-height: 100%; margin-left:0px; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; color: #F5F5DC; float: right; font-size: 60%}

.hd1 {line-height: 100%; margin-left:5px; margin-top: 0px; margin-right: 5px; color: #F5F5DC; text-align: left; font-size: 65%}
.hd1 a:link ul {line-height: 100%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #F5F5DC; text-align: left;}
.hd1 a:active {line-height: 100%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: white; text-decoration: none; text-align: left;}
.hd1 a:visited {line-height: 100%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left;}
.hd1 a:hover {line-height: 100%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: white; text-decoration: underline; text-align: left;}
.hd1 h5  {line-height: 50%;font-weight: bold; color: #F5F5DC; font-size: 125%;}

.links1 {line-height: 150%; margin-left:20px; margin-top: 0px; margin-right: 20px; color: #000000; text-align: left; font-size: 100%;}
.links1 a:link {line-height: 150%; margin-left: 0px; margin-top: 0px; margin-right: 20px; color: #0000FF; text-align: left;}
.links1 a:active {line-height: 150%; margin-left:0px; margin-top: 0px; margin-right: 20px; color: #0000FF; text-decoration: none; text-align: left;}
.links1 a:visited {line-height: 150%; margin-left:0px; margin-top: 0px; margin-right: 20px; color: #0000FF; text-align: left;}
.links1 a:hover {line-height: 150%; margin-left:0px; margin-top: 0px; margin-right: 20px; color: #800000; text-decoration: underline; text-align: left;}
.links1 ul {line-height: 150%; margin-top: 0px; margin-right: 20px; margin-bottom: 0px;color: #0000FF; text-align: left;}




.news1 {line-height: 120%; margin-left:20px; margin-top: 0px; margin-right: 20px; color: #000000; text-align: justify; font-size: 100%; position: absolute; top: 165px; left: 0px;}
.news1 a:link {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left;}
.news1 a:active {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-decoration: none; text-align: left;}
.news1 a:visited {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left;}
.news1 a:hover {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #800000; text-decoration: underline; text-align: left;}
.news1 ul {line-height: 120%; margin-top: 0px; margin-right: 0px; color: #000000; text-align: justify; }


.news2 {line-height: 120%; margin-left:20px; margin-top: 5px; margin-right: 20px; color: #F5F5DC; text-align: justify; font-size: 100%}
.news2 a:link {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #F5F5DC; text-align: left;}
.news2 a:active {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: white; text-decoration: none; text-align: left;}
.news2 a:visited {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #F5F5DC; text-align: left;}
.news2 a:hover {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: white; text-decoration: underline; text-align: left;}
.news2 ul {line-height: 120%; margin-top: 0px; margin-right: 0px; color: #000000; text-align: justify; }


.home1 {line-height: 120%; margin-left:15px; margin-top: 0px; margin-right: 0px; color: #000000; text-align: justify; font-size: 90%}
.home1 a:link {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left;}
.home1 a:active {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-decoration: none; text-align: left;}
.home1 a:visited {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left;}
.home1 a:hover {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #800000; text-decoration: underline; text-align: left;}
.home1 ul {line-height: 120%; margin-top: 0px; margin-right: 0px; color: #000000; text-align: justify;}
#hcontainer1 {margin: 0px ;padding: 0px; width: 80%; position: absolute; top: 163px; left: 209px; }

.bail1 {line-height: 120%; margin-left:20px; margin-top: 0px; margin-right: 20px; color: #000000; text-align: justify;font-size: 100%}
.bail1 a:link {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left;}
.bail1 a:active {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-decoration: none; text-align: left;}
.bail1 a:visited {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left;}
.bail1 a:hover {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #800000; text-decoration: underline; text-align: left;}
.bail1 ul {line-height: 120%; margin-top: 0px; margin-right: 0px; color: #000000; text-align: justify;}

.index1 {line-height: 120%; margin-left:20px; margin-top: 0px; margin-right: 20px; color: #000000; text-align: justify;font-size: 80%}
.index1 a:link {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left;}
.index1 a:active {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-decoration: none; text-align: left;}
.index1 a:visited {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left;}
.index1 a:hover {line-height: 120%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #800000; text-decoration: underline; text-align: left;}
.index1 ul {line-height: 120%; margin-top: 0px; margin-right: 0px; color: #000000; text-align: justify;}

.index2 {line-height: 120%; margin-left:20px; margin-top: 5px; margin-right: 20px; color: #F5F5DC; text-align: left; font-size: 80%}
.index2 a:link,ul { color: #F5F5DC; text-decoration: none}
.index2 ul { line-height: 160%; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; color: #F5F5DC; text-align: left; }
.index2 a:link { color: #F5F5DC; text-decoration: none}
.index2 a:active { color: white; text-decoration: none }
.index2 a:visited { color: #F5F5DC; text-decoration: none }
.index2 a:hover { color: white; text-decoration: underline}

.index3 {line-height: 120%; margin-left:5px; margin-top: 5px; margin-right: 5px; color: #000000; text-align: justify; font-size: 80%}
.index3 ul { line-height: 160%; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; color: #000000; text-align: left; }
.index3 a:link { color: #0000FF; text-decoration: none; font-weight: bold}
.index3 a:active { color: #0000FF; text-decoration: none; font-weight: bold}
.index3 a:visited { color: #0000FF; text-decoration: none; font-weight: bold}
.index3 a:hover { color: #0000FF; text-decoration: underline; font-weight: bold}


/*.menu2 { line-height: 160%; margin-left:5px; margin-top: 5px; margin-right: 5px; color: #F5F5DC; text-align: left; font-size: 80%}
.menu2 ul { line-height: 160%; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; color: #F5F5DC; text-align: left; }
.menu2 a:link,ul { color: #F5F5DC; text-decoration: none }
.menu2 a:active { color: white; text-decoration: none }
.menu2 a:visited { color: #F5F5DC; text-decoration: none }
.menu2 a:hover { color: white; text-decoration: underline}
*/


.bluetext1 {line-height: 150%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #000000; text-align: left; font-size: 100%}
.bluetext1 a:link {line-height: 150%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left; font-size: 100%}
.bluetext1 a:active {line-height: 150%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-decoration: none; text-align: left; font-size: 100%}
.bluetext1 a:visited {line-height: 150%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left; font-size: 100%}
.bluetext1 a:hover {line-height: 150%; margin-left:0px; margin-top: 0px; margin-right: 0px; color: #800000; text-decoration: underline; text-align: left; font-size: 100%}
.bluetext1 ul {line-height: 150%; margin-top: 0px; margin-right: 0px; color: #0000FF; text-align: left; font-size: 100%}

.column01 {left: 250px;  top: 250px; position: absolute}
.column02 {left: 600px;  top: 250px; position: absolute}


/*RSS Feeds*/
.hjclass{
vertical-align: top;
text-align: left;
padding: 10px;
width: 550px;

background-color: #4B6D5D;
border: 0px solid #004A00;
}

.gleclass{
vertical-align: top;
text-align: left;
width: 550px;
padding: 10px;
background-color: #4B6D5D;
border: 0px solid #004A00;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
vertical-align: text-top;
background: #4B6D5D;
font-size: 100%;
color: #F5F5DC;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: #F5F5DC;
font-size: 95%;
background: #4B6D5D;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
color: #F5F5DC;
background: #4B6D5D;
}