body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color:#CFD4E6;
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left:3px;
	color:#333333;
	font-size: 12px;
	margin-bottom: 16px;
	}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

h1 {
	font-family: Verdana, Geneva, Arial;
	color:#666666;
	font-size:16px;
	font-weight:900;
	margin:3pt;
	}

h3 {
	font-family: Verdana, Geneva, Arial;
	color:#666666;
	padding-top:5px;
	font-size:16px;
	font-weight:900;
	margin:3pt;
	}
	

ul {
font-style: normal;
line-height: 1.7em;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
list-style-position: outside;
list-sylte: disc;
/*list-style-type: diamond;*/
padding-right:7px;

}




.header {
	background-color:#CFD4E6;
	border-left:#333333 solid 1px;
	border-right:#333333 solid 1px;
	border-bottom:#333333 solid 1px; 
	text-align:center;
	width:100%;
	margin:0;
	}
	

	
.aoic {
	background-color:#FFFFCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left:3px;
	color:#333333;
	font-size:12px;
	}
	
.videoheader {
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color:#edf3ff;
	}
	
.video {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	}
	
.body {
	width:100%; 
	border:0;
	background-color:#fff;
	}


#audio {
	border: 1px solid #ccc;
}

#audio td {
	border: 1px solid #ccc;
}

#decisions {
	border: 1px solid #ccc;
}

#decisions td {
	border: 1px solid #ccc;
}

#nicetable {
	border: 1px solid #ccc;
}

.nicetable {
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

.nicetable td, th {
	border: 1px solid #ccc;
}


#nicetable td, th {
	border: 1px solid #ccc;
}

.style1 {
	color: #0000FF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	}
	
.style3 {
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	 }
	 
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	}
	
.style5 {font-size: 10px;}
	
.body2 {
	width:100%;
	/*border:0; */
	background-color:#fff;
	border-right:#333333 solid 1px; 
	border-left:1px solid #333333;
	border-bottom:#333333 dashed 1px;
	padding-left:1pt;
	}
	
.bodyebusiness {
	margin:0 auto;
	padding: 5px;
	background-color:#fff;
	width: 100%;
	height: 100%;
	position: relative;
	
}

	
.bodyblue {
	width:100%; 
	border:0;
	background-color:#f8fcff;
	}
	
.center {
	vertical-align:top;
	padding-right:6pt;
	padding-left:6pt;
	padding-top:6pt;
	}	
	
.centerkids {
	vertical-align:top;
	padding-right:6pt;
	padding-left:6pt;
	padding-top:6pt
	
	}	
	

	
.footer {
	width:100%;
	text-align:center;
	background-color:#FFFFFF;
	padding-top:10px;
	border-right: solid #333333 1px;
	border-bottom: solid #333333 1px;
	border-left: solid #333333 1px;
}

.footerkids {
	width:100%;
	text-align:center;
	background-color:#FFFFFF;
	padding-top:10px;
	border-top: solid #333333 1px;
	border-right: solid #333333 1px;
	border-bottom: solid #333333 1px;
	border-left: solid #333333 1px
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}

a:link {
	color: #0000FF;
	text-decoration:none;
}
a:visited {
	color: #0033CC;
	text-decoration:none;
}
a:hover {
	color: #990033;
	text-decoration:underline;
}

a:active {
	color: #0000FF;
	text-decoration:none;
}

a.front:link {
	background-color:#000000;
	color: #003399;
}
a.front:visited {
	background-color:#000000;
	color: #0066FF;
}
a.front:hover {
	background-color:#FFFFCC;
	color: #0000FF;
}
a.front:active {
	background-color:#FFFFCC;
	color: #0000FF;
}

.lefthome {
	 width:33%;
	 border-left:#333333 solid 1px;
	 border-right:#333333 dashed 1px;
	 border-bottom:#333333 dashed 1px
	 }

.left {
width:195px;
border-right:#333333 dashed 1px;
background-color:#f5f5f5;
background-image:url(http://www.illinoiscourts.gov/images/map4.gif);
background-repeat:no-repeat;
background-position: 50% 127px;
height:100%
}

.leftkids {
width:150;
border-right:#0066ff dashed 1px;
background-color:#ffffff;
height:100%
}

.middle {
background-color:#FFFFFF;
border-right:#333333 solid 1px; 
border-left:1px solid #333333;
border-bottom:#333333 dashed 1px;
padding-left:1pt;
}

.right {
	width:33%;
	border-left:#333333 dashed 1px;
	border-right:#333333 solid 1px;
	border-bottom:#333333 dashed 1px;
	margin-left:6pt
	}
	
.righthome {
	width:33%;
	border-left:#333333 dashed 1px;
	border-right:#333333 solid 1px;
	border-bottom:#333333 dashed 1px;
	margin-left:6pt
	}

.content {
	 border:0;
	 padding:10px;
	 margin:0px;
	 width:100%
	 }
	 

/* NEW CLASSES ADDED 9/27/13 */
/*table.Decisions {
	border: solid 1px #cccccc;
	width: 100%;
	border-spacing: 0;
	border-collapse:collapse;
	padding: 2px;
}

table.Decisions tr td {
	border: solid 1px #cccccc;
	border-spacing: 0;
	border-collapse:collapse;
} */

th.sortable {
	border: solid 1px #cccccc;
}


/*  end */
	
	
	 
.contentoralcals {
	 border:0;
	 padding:10px;
	 margin:0px;
	 width:50%
	 }
	 
.contentkids {
	 border:0;
	 margin:0 10 0 0;
	 width:100%
	 }

.circuit {
background-color:#edf3ff;
vertical-align:top;
height:26px;
width:100%;
text-align:center
}

.topmenu {
width:100%; 
border-right:#333333 solid 1px;
border-left:#333333 solid 1px;
border-bottom:#333333 solid 1px
}

.search {
background-color:#edf3ff;
vertical-align:top;
height:34px;
padding-right:20px
}

.searchtop {
width:100%; 
border-right:#333333 solid 1px;
border-left:#333333 solid 1px;
border-bottom:#333333 solid 1px;
background-color:#CFD4E6;
height:15px;
}




#cyber_security_main {
width:inherit;
}

#cyber_security_scroller {
margin: 0 auto;
text-align:center;
}

#cyber_security_education {
float:left;
/*width:550px;*/
width:35%;
height:700px;
border-right: #333333 dashed 1px;
padding-top:10px;
}

#cyber_security_devices {
width:530px;
float:left;
padding-top:25px;
}

#devices_links {
/*width: 275px;*/
width:auto;
float:left;
/*height: 250px;*/
}

#devices_graphic {
width:auto;
height:auto;
float:right;
}

#cyber_security_surfsmart {
width:530px;
/*height:250px;*/
float:left;
padding-top:25px;
}

#surfsmart_links {
/*width:275px;*/
width:auto;
float:left;
/*height:250px;*/
}

#surfsmart_graphic {
width:auto;
height:auto;
float:right;
}


#cyber_security_resources {
float:left;
width:30%;
height:700px;
border-right: #333333 dashed 1px;
padding-top:10px;
}

#cyber_security_resources_links {
/*width:275px;*/
width:auto;
/*height:250px;*/
float:left;
}

#cyber_security_did_you_know { 
float:left;
width:30%;
height:700px;
padding-top:10px;
}





/*#sec_resources_header { 
border-bottom: #699 2px dotted;
font-size: 1em;
height:15px;
padding:10px;	
}	
*/

	
/*#sec_resources_content div { */
/*padding:10px; */
/*border:1px solid #bbb; */
/*} */






th.forwardSort
        {
        background:#edf3ff url(http://www.illinoiscourts.gov/images/downarrow.gif) no-repeat 0 0;
        }
th.reverseSort
        {
        background:#edf3ff url(http://www.illinoiscourts.gov/images/uparrow.gif) no-repeat 0 0;
        }

 
/* Learning Center */

a.headline {color: #ff0000;}

a:hover.headline {color: #fff !important; background: #ff0000;} /* leave the !important declaration */


/* ///////////////////////////// NEW STUFF I AM TRYING OUT /////////////////////////// */



#includeheader {
	/*background-color: #CFD4E6; */
	background-color: #ffffff;
	/*border-left:#333333 solid 1px;*/
	/*border-right:#333333 solid 1px; */
	border-bottom:#333333 solid 1px;
	width: 100%;
	margin: 0 auto;
	top: 0;
	left: 0;
}

/*#includeheader .header {
	text-align:center;
	margin: 0 auto;
} */

#searchsection {                         /* added 5/2013 */
	width: 100%;
	height: 22px;
	background-color: #fffffff;
	margin: 0 auto;
	border-bottom:#333333 solid 1px;
	top: 0;
	left: 0;
}

#searchleft {							/* added 5/2013 */
	width: 33%;
	background-color:#ffffff;
	float: left;
	height: 22px;
	margin: 0;
}

#includedate {							/* added 5/2013 */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #ffffff;
	width: 30%;
	height: 22px;
	text-align: center;
	margin: 0 auto;
	float: left;
	}
	
.includedate {							/* added 5/2013 */
	padding-top: 0px;
}

	
#gcs {									/* Google Custom Search */
	background-color: #ffffff;
	float: right;
	height: 22px;
	width: 33%;
	margin: 0;
}

#cse-search-form {
	float: right;
	margin: 0;
}


										/* added 6/20/13 to get the full URL to display in the results page */
#cse div.gs-visibleUrl.gs-visibleUrl-short { display: none; }
#cse div.gs-visibleUrl.gs-visibleUrl-long { display: block;}



#logosection {							/* added 5/2013 */
	width: 100%;
	height: 142px;
	margin: 0 auto;
	background:url(http://www.illinoiscourts.gov/images/greek2.gif);
	border-bottom: #333333 solid 1px;
	border-top: #333333 solid 1px;
}

#logosection_old {
	width: 100%;
	height: 142px;
	margin: 0 auto;
	background:url(http://www.illinoiscourts.gov/images/greek2.gif);
	border-bottom: #333333 solid 1px;
	border-top: #333333 solid 1px;
}

#centerlogo {							/* added 5/2013 */
	width: 996px;
	height: 142px;
	margin: 0 auto;
}

#includelogo {							/* added 5/2013 */
	width: 290px;
	height: 142px;
	float: left;
	margin: 0;
}

#includelogo img {
	padding: 0;  
    border: none;
    width: 290px;
    height: 140px;
	margin: 0 auto;
    top:  0; 
    left: 0; 
}


/*  ********************* added 5/2013 as a non-Flash wasy to do the slideshow in the header ******************************/
#myslides {								
	/*width: 428px; */
	width: 412px; 
	height: 142px;
	float: left;
		
} 

 
#myslides img {  
	margin: 0 auto;
    width: 412px;
    height: 140px;
	border: 2px solid #999999;
}


  /* added 4/6/15 to test out another method of using a slideshow in the header */
#slideshow {
	margin: 0 auto;
	position: relative;
	width: 412px;
	height: 142px;
	border: 2px solid #999999;
	float: left;
}

#slideshow > div {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px:
}

/* END NEW CODE */


#include_audi {							/* added 5/2013 */
	width: 290px;
	height: 142px;
	float: left;
	margin: 0;
}

#include_audi img {
	width: 227px;
	height: 140px;
	top: 0;
	left: 0;
	margin: 0 auto;
}


	
#includetopnav {						/* added 5/2013 */
	width: auto;
	height:26px;
	background-color:#edf3ff;
	margin: 0 auto;
	vertical-align:top;
	text-align:center;
	/*border-right:#333333 solid 1px;
	border-left:#333333 solid 1px; */
	top: 0;
	left: 0;
	}

#menu {									/* added 5/2013 */						
	margin: 0 auto;
}


/* E-BUSINESS SECTION STYLESHEETS  ADDED 1/20/15  */

.erecord
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:66%;
border-collapse:collapse;
margin: auto;

}
.erecord caption
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.2em;
}

.erecord td, .erecord th 
{
width:50%;
border:1px solid #D3D3D3;
padding:3px 7px 5px 7px;
vertical-align:top;
}

.erecord th 
{
font-size:1.2em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color: #6B6B6B;
color:#fff;
text-align:center;
} 

.erecord td
{
font-size:1.0em;
text-align: left;
}

.erecord tr.alt td 
{
color:#000;
background-color: #D3D3D3;
vertical-align: top;
}





/* ############################################################################################## */

/*  E B U S I N E S S   N O T I F I C A T I O N   S Y S T E M  */
#ens {
	text-align:							center;
	/*background-color:					#E34234;*/
	background-color:					#990033;
	color:								#ffffff;
	padding-top:						1px;
	padding-bottom:						1px;
	margin-left: 						0px;
	margin-right: 						0px;
	margin-bottom: 						3px;
	border-radius: 						5px;
	border: 							1px solid #878787;
	border-bottom:             			1px solid #ffffff;
	height:								auto;	
	font-weight:						bold;
}


#ens a, #ens a:link, #ens a:active, #ens a:visited {
	/*color:								#fbaa27;  */
	color:								#cccc33;
}

.pull-right {
  float: right !important;
}


.white {
	color:	#ffffff;
}							

.fa-times-circle {
    color: 								#ffffff;
    padding-top:						6px;
}

.fa-times-circle:hover {
    cursor:								pointer;
}
/* ############################################################################################## */