/* major color: #D1D1D1 */
/* minor color: #EEEEEE */
/* bar: Gray            */
/* header color: #003366 */


/* General Tags */
/* ========================================================== */
body 
{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
a, a:visited, a:link
{
	color: Blue;
}

a:hover
{
	color: Black;
	text-decoration: none;
}

.error { color: Red; }

.center { text-align: center; }

.justify { text-align: justify; }

.blog
{
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.spacedList li { padding-bottom: 20px; }

.quickLinks a, .quickLinks a:visited, .quickLinks a:link
{
	color: #003366;
	/*text-decoration: underline;*/
	font-weight: bold;
}

.quickLinks a:hover 
{ 
	color: #BC9D3F;
	text-decoration: none;
	font-weight: bold;
}

img.picLink
{
	border: 0;
	height: 16px;
	width: 16px;
}

td.contact{ width: 70%; }

table.contact
{
	border: 0;
	width: 564px;
}

#LinksHeader
{
}

/* Page set up...  Everything to do with location and         */
/* attributes of div's used to position elements on the site  */
/* are here.                                                  */


/* Page (page) */
/* Entire page.  Used to set width and put                    */
/* up background image.                                       */
/* ========================================================== */
#page
{
	background: url(images/3col-background_half.jpg) repeat-y center top; 
	margin: 0px auto; 
	width: 775px; 
	text-align: left;
	padding: 0px;
}
/* ========================================================== */

/* Top bar (topbar) */
/* ========================================================== */
#topbar 
{
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px auto;
	position: relative;
	float: left;
	left: 17px;
	font-size: 0px; 
	background: url(images/nav_bg.gif) repeat-x;
	/*background: #D1D1D1;*/
	width: 737px; 
	height: 30px;
}
/* ========================================================== */

/* Top Banner (Banner) */
/* Top banner with sled seal and banner pic                   */
/* ========================================================== */
#Banner #sled_seal
{
	float: left;
	position: relative;
	left: 26px;
	width: 120px;
	height: 120px;
	padding-top: 2px;
}
#Banner #government
{
	float: right;
	position: relative;
	left: -13px;
	width: 581px;
	height: 120px;
}
#Banner #SLEDBANNER
{
	position: relative;
	/*float: left;*/
	left: 17px;
	height: 129px;
}
/* ========================================================== */

/* Left Navigation Menu (LeftNavMenu) */
/* Main navigation menu throughout the SLED                   */
/* page                                                       */
/* ========================================================== */
#LeftNavMenu 
{
	position: relative;
	float: left;
	left: 17px;
	padding: 0 1px 1px; /* ??? */
	margin-left: 0; /* ??? */
	background-color: #E6EAF3;
	width: 169px; /* IE 164 */
	font-weight: bold;
	font-size: 8.5pt;
	border-top: solid thin Gray;
}

#LeftNavMenu ul
{
	margin-left: 0; /* ??? */
	padding-left: 0; /* ??? */
	list-style-type: none;
}


/* Main navigation links   (menuitems)                        */
#LeftNavMenu ul a
{
	text-decoration: none;
	display: block;
	padding: 3px;
	width: 164px;
	border-bottom: 1px solid #dfdfdf;
	/* border-bottom: 1px solid #eee; */
}


/* Sub navigation links   (submenuitems)                      */
#LeftNavMenu ul ul a
{
	padding-left: 10px;
	width: 157px;
	background-color: #D1BB78;
	font-size: smaller;	
}

#LeftNavMenu a:link, #LeftNavMenu a:visited, #LeftNavMenu a:hover
{
	color: Black;
	text-decoration: none;
}

#LeftNavMenu a:hover
{
	color: Black;
	background-color: #BC9D3F;
}

#LeftNavMenu ul .MenuItemHit a
{
	color: Black;
}

/* MenuItemHit */
/* Current menu item that is selected                         */
.MenuItemHit a { background-color: #BC9D3F; }
/* ========================================================== */


/* ContentPlaceHolder1 (CPH) */
/* Content place holder used to display                       */
/* internal pages and information                             */
/* ========================================================== */
#CPH
{
	width: 800px;
	position: relative;
	/*left: -13px;*/
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 6px;
	padding-left: 5px;
	font-size: 10pt;
	border-top: solid thin Gray;
    background-color: lightgray
}
/* ========================================================== */


/* Footer (footer) */
/* footer links and other settings                            */
/* ========================================================== */
#footer
{
	font-size: 10pt;
	position: relative;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 0px;
	height: 40px;
	width: 737px;
	color: White;
	line-height: 150%;
	left: 17px;
	background-color: #003366;
	text-align: center;
	voice-family: inherit
}

#footer a:link, #footer a:visited, #footer a:hover
{
	color: White;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
/* ========================================================== */



/* Left navigation filler bar (fillerbar) */
/* Not currently used, idea abandoned                         */
/* ========================================================== */
#fillerbar
{
	position: relative;
	left: 17px;
	height: auto;
	width: 172px;
	float: left;
	background-color: #D1D1D1;
}
/* ========================================================== */

/* AmberAlert page (AMBER2.aspx) */
/* Amber alert page formating.  There are a lot of nested     */
/* div's.  See individual classes and id's for more           */
/* information.                                               */
/* ========================================================== */

/* .alertBody */
/* Main body for an entire AMBER alert. This will be repeated */
/* for each AMBER alert if there are multiple alerts at once  */
#AmberAlert .alertBody
{
	border: solid thin #B70000;
	padding: 5px;
	background-color: White;
}

/* .alert */
/* Header for each AMBER Alert                                */
#AmberAlert .alert
{
	text-align: center;
	background-color: #B70000;
	font-weight: bold;
	font-size: 150%;
}

/* .amberHeader */
/* Header for each section of an AMBER Alert                  */
#AmberAlert .amberHeader
{
	background-color: #D1D1D1;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	border-bottom: solid thin White;
}

/* .abdInfo */
/* Abduction information section on the AMBER Alerts page     */
#AmberAlert .abdInfo
{
	height: 180px;
}

/* .leftField */
/* Used to describe AMBER alert information label names       */
/* ex. Name / Description / Last Known Location               */
/* Fields appear on the left side of page.                    */
#AmberAlert .leftField
{
	position: relative;
	float: left;
	text-align: right;
	width: 100px;
	font-weight: bold;
}

/* .rightField */
/* Used to describe AMBER alert actual information            */
#AmberAlert .rightField
{
	position: relative;
	float: left;
	padding-left: 10px; /* indent over */
}

/* .infoField(x) */
/* fields which contain a leftField and a rightField in the   */
/* abduction information section on AMBER alerts page         */
#AmberAlert .infoField2
{
	height: 40px;
	position: relative;
	top: 20px;
}

#AmberAlert .infoField3
{
	height: 40px;
	position: relative;
	top: 30px;
}

/* .contactInfo */
/* Contact information section of the AMBER alerts page       */
#AmberAlert .contactInfo
{
	height: 180px;
	font-weight: bold;
}

#AmberAlert .contactText
{
	padding: 5px;
}

/* .persons */
/* Persons section of the AMBER alerts page                   */
#AmberAlert .persons
{
	height: 325px;
}

/* .personField8 */
/* Used to move around and position the Additional            */
/* Information block under persons                            */
#AmberAlert .personField8
{
	position: relative;
	top: 35px;
}

#AmberAlert .personField8 .leftField
{
	position: relative;
	float: none;
	width: 200px;
	right: 230px;
	top: 10px;
}

#AmberAlert .personField8 .rightField
{
	position: relative;
	float: none;
	top: -55px;
	left: 5px;
	width: 541px;
	padding-left: 5px;
}

/* .vehicles */
/* Vehicles section of the AMBER alerts page                  */
#AmberAlert .vehicles
{
	height: 200px;
	background-color: #EEEEEE;
}

/* .amberImage */
/* Image sections used to display pictures of                 */
/* suspects / vicims / cars                                   */
#AmberAlert .amberImage
{
	position: relative;
	float: left;
	top: -16px;
	height: 200px;
	width: 200px;
}

#AmberAlert .abdInfo, #AmberAlert .contactInfo, #AmberAlert .persons
{
	background-color: #EEEEEE;
	border-bottom: double thick White;
}

/* #AmberFront */
/* Header at top of Main page telling how many AMBER Alerts   */
/* are active                                                 */
#AmberFront
{
	border: solid thick #B70000;
	padding: 2px;
	font-weight: bold;
	text-align: center;
}

/* #AmberTitle */
/* Header at top of AMBER Alerts page telling how many        */
/* AMBER Alerts are active                                    */
#AmberTitle
{
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

/* ========================================================== */

/* SC Firearms Laws page (SCStateGunLaws.aspx) */
/* This page was a copy and paste from a Microsoft Word Doc.  */
/* ========================================================== */
#FirearmsLaws
{
	text-align: justify;
}
/* ========================================================== */

/* SC Reciprocity (reciprocity.aspx) */
/* This page was a copy and paste from a Microsoft Word Doc.  */
/* ========================================================== */
.reciprocity
{
	text-decoration: underline;
	text-align: center;
}
/* ========================================================== */

/* Policies and Procedures Old (PolProcOld.aspx) */
/* List of all the old policies and procedures from Implied   */
/* Consent.                                                   */
/* ========================================================== */
#PolProc .left
{
	position: relative;
	float: left;
	width: 70px;
}

#PolProc .right
{
	position: relative;
	float: left;
	padding-left: 5px;
	width: 475px;
}
/* ========================================================== */


/* arrow (used on various pages) */
/* arrows used next to links on CPH pages.                    */
/* IF YOU CHANGE THE WIDTH OR HEIGHT OF .arrow, YOU MUST ALSO */
/* CHANGE IT IN .dummyimg LOCATED BELOW!!!!                   */
/* ========================================================== */
.arrow
{
	width: 12px; /* SEE NOTE ABOVE */
	height: 10px; /* SEE NOT ABOVE */
	position: relative;
	float: left;
	top: 5px;
	background-image: url(images/arrow182.jpg);
	background-repeat: no-repeat;
}

/* see .arrow above                                           */
.dummyimg
{
	width: 12px;
	height: 10px;
}
/* ========================================================== */


/* cName / cNumber (used on various pages) */
/* used to format contact information on various pages        */
/* ========================================================== */
.cName
{
	position: relative;
	float: left;
	width: 425px;
	padding: 1px;
}

.cNumber
{
	position: relative;
	padding: 1px;
}
/* ========================================================== */

/* CrimeAlert (Default.aspx) */
/* divs used to display Crime Alert information.              */
/* ========================================================== */
#CrimeAlert
{
	position: relative;
	background: #D1D1D1;
	height: 280px;
	width: 525px; /* 470 */
	left: 5px; /* 40 */
	font-weight: bold;
}

#CAHeader
{
	text-align: center;
	position: relative;
	background: url(images/title_red.gif) repeat-x;
	width: 525px; /* 470 */
	color: White;
}

#CAPerson1
{
	position: relative;
	float: left;
	left: 45px; /* 40 */
	top: 10px;
}

#CAName1
{
	text-align: center;
	position: relative;
	width: 165px;
	top: -6px;
}

#CAPic1
{
	position: relative;
	float: left;
	border: solid thin #F10606;
}

#CAPerson2
{	
	position: relative;
	float: left;
	left: 135px; /* 105 */
	top: 10px;
}

#CAName2
{
	text-align: center;
	position: relative;
	width: 165px;
	top: 230px;
	left: -4px;
}

#CAPic2
{
	position: relative;
	float: left;
	border: solid thin #F10606;
}

/* ========================================================== */

/* WantedP (WantedP.aspx) */
/* divs used to display Top Ten Most Wanted information.      */
/* ========================================================== */
#wantedinfo
{
}

#wantedname
{
	font-size: larger;
	font-weight: bold;
}

#wantedcharges
{
	font-weight: bold;
}

#wantedleft
{
	position: relative;
	float: left;
	width: 270px;
	padding-left: 10px;
	left: 40px;	
}

#wantedright
{
	position: relative;
	float: left;
	width: 270px;
	padding-left: 10px;
	left: 40px;
}


/* ========================================================== */


/* TEMP */
/* ========================================================== */
#amberpic
{ 
	padding: 4px;
	position: relative;
	float: left;
	top: 6px; 
	text-align: left;
}

#MenuDivider
{
	width: 170px;
	/*background-color: #D1D1D1;*/
	background: url(images/top_bar_blue2.jpg) repeat-x;
	height: 15px;
}

#header
{
	background-color: #003366;
	/* #003366 */
	font-size: larger;
	text-align: center;
	color: White;
}

#ambLogoRight
{
	position: relative;
	float: right;
}

#ambLogoLeft
{
	position: relative;
	float: left;
}

/* ========================================================== */

/* TESTING */
/* ========================================================== */
#style
{
	position: relative;
	float: left;
}

#AmberTest .leftCol
{
}

#AmberTest .rightCol
{
	position: relative;
	text-align: left;
	left: 10px;
}

#AmberTest .leftField
{
	position: relative;
	float: left;
	text-align: right;
	width: 100px;
}

#AmberTest .rightField
{
	position: relative;
	float: left;
	text-indent: 5px;
}

#AmberTest #Afield1
{
}

#AmberTest #Afield2
{
	height: 40px;
}

#AmberTest #Afield3
{
}

#AmberTest #Afield4
{
	position: relative;
	top: 30px;
}

#topbar2 
{
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px auto;
	position: relative;
	left: 2px;
	font-size: 0px; 
	/*background: url(images/nav_bg.gif) repeat-x;*/
	/*background: #D1D1D1;*/
	background-repeat: repeat-x;
	width: 737px; 
	height: 30px;
}

#radiopics
{
	position: relative;
	right: -30px;
}

#radiomenu
{
	position: relative;
	float: left;
	right: -30px;
}

.myheader {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('images/Kid/headertest.jpg');
    height: 220px;
    cursor:pointer;
}

.myimage {
    height: 115px;
    width: 115px;
}

/* ========================================================== */