body, html    { height: 100%; 
			color: #000; 
			font-family: Helvetica, Arial, sans-serif; 
            margin: 0px; 
			padding: 0px; 
			text-align: center; /*** Centers the design in old IE versions ***/
			min-width: 1000px;
			font-size:80%;
			}
			
body { 		background-image: url('../images/bg.jpg'); 
        	background-repeat: repeat-x;
			background-color: #EAEAEA; }
			
			
p, table, div, ul, li { text-align: left; 
		font-size: 1em;
		line-height: 1.5em;}
		
.sml {  color: #666;
		font-size: 0.9em;}		
			
#content {
		margin-left: auto; 
		margin-right: auto;
		width: 1000px;
		background-image: url('../images/bg_white.png'); 
        background-repeat: repeat-y;
		background-color: transparent;
		min-height: 100%;
		}	
#Div1	{ 
		height: 165px;}
				
#logo	{ 
		width: 259px;
		height: 165px;
		margin: 0 auto; 
		margin-left: 50px;
		background-image: url('../images/sct_logo.gif');
		background-repeat: no-repeat;
		background-position: center left;}
		
		
#logosml { display: none;}		

#image	{ margin-top: -165px;
		text-align: right;
		margin-right: 20px;
		padding: 0;
		float: right;
		position: relative;
		width: 550px;
		height: 165px;
		display: inline;}
		

#nav	{height: 40px;
		width: 960px;
		background-color: #333366;
		margin-left: 20px;

		} 
		

#utilities { height: 50px;
		width: 960px;
		margin-left: 20px;
		text-align: right;
		background-image: url('../images/bg_grad.jpg'); 
        background-repeat: repeat-x;

		} 
#utilitiespos { float: right;
		display: inline;
		margin: 10px 20px 0px 0px;}
		

.flt {float: left; margin: 0px 30px 0px 600px; display: inline;}

.fltrt {float: right; }

			
#column1    { position: relative; 
			width: 260px; 
			float: left; 
			text-align: left; 
            height: 100%; 
			margin: 0px 30px 20px 50px; 
            padding: 0px; 
			display: inline;}

#column2 {
		position:relative;/*ie needs this to show float */
		width:390px;
		float:left;
		margin: 0px 0px 20px 0px; 
		padding-bottom: 20px;
		text-align: left;
		min-height: 300px;
		height: 100%; 
		display: inline;
		}	
		
#column3 {
		position:relative;/*ie needs this to show float */
		width:200px;
		float:right;
		margin: 0px 40px 20px 30px; 
		text-align: left;
		height: 100%; 
		display: inline;
		}	

#columnFull {
		position:relative;/*ie needs this to show float */
		width:600px;
		float:left;
		margin: 0px 0px 20px 0px; 
		text-align: left;
		height: 100%; 
		display: inline;
		}	
#foot {
	clear: both;
	height: 80px;
	width: 960px;
	margin: auto;
	padding-top: 20px;
	background-image: url('../images/bg_foot.gif'); 
    background-repeat: repeat-x;
}
#footText { margin-left: auto; margin-right: auto; width: 800px; text-align: right; font-size:12px; color: #666;}

a {
	color: #000;
	text-decoration: underline;
}
a:hover{
	color: #333366;
	text-decoration: underline;
}
#foot a {
	color: #666;
	text-decoration: none;
}
#foot a:hover{
	color: #666;
	text-decoration: underline;
}

#box a, #box a:hover {
	color: #333366;
	text-decoration: underline;
	font-size: 0.9em;
}
.fixedSize
{
    font-size:10px;
}

.lightGrey
{
    color:#888;
}
.imgInText img
{
    vertical-align:middle;
}

.form_section
{
    width:600px;
    border-width:1px;
    border-color:#DDDDDD;
    background-color:#EEEEEE;
    margin-bottom:30px;

}
.form_section table
{
    width:600px;
}
.form_section td
{
    border-collapse:collapse;
    border-width:0px;
    padding:3px;
}
.form_section_Header
{
    width:220px;
    vertical-align:top;
}
.form_section input, select
{
    width:200px;
}
.form_section textarea
{
    width:500px;
}
.autowidth input, select
{
    width:auto;
}

a.con, a.con:hover {
	color: #fff;
	text-decoration: underline;
	font-size: 0.9em;
}

.notify {font-weight:bold;}


h1 { font-family: "Times New Roman", Georgia,  Times, serif;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 1px;
	color: #999;
	line-height: 130%;
}

h2 { font-family: "Times New Roman", Georgia,  Times, serif;
	font-size: 18px;
	font-weight: normal;
	padding-top: 6px;
	color: #333;
	line-height: 140%;
	border-top:1px dotted #ccc;
}


h3 { font-family: "Times New Roman", Georgia,  Times, serif;
	font-size: 14px; 
	font-weight: normal;
	padding-bottom: 1px;
	padding-top: 5px;
	color: #006;
	line-height: 170%;
}

h4 
{
   	color: #000000;
	font-size: 1em;
	line-height: 1.2em;
	padding-bottom: 0px;
	font-weight:normal;
}

h5 { font-family: "Times New Roman", Georgia,  Times, serif; /* Complaint form header */
	font-size: 15px; 
	font-weight: bold;
	padding-bottom: 1px;
	padding-top: 5px;
	color: #006;
	line-height: 160%;
}

.button, .button a, .button a:hover, .button a:visited, .button a:active { font-family: "Times New Roman", Georgia,  Times, serif;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #333366;
	line-height: 130%;
	text-decoration: none;
}

	
ul { list-style: outside url(../images/bullet.gif); margin-left: 0px; margin-right: 10px; padding: 0px;}

li {  margin-left: -18px; line-height: 1.5em;  }

ol { margin-left: 40px; margin-right: 10px; padding: 0px; }

ol li { margin-left: -18px; line-height: 1.5em;  }
	
hr {
	color: #ccc;
	border-style: solid;
	background-color: #ccc;
	height: 1px;
	}

.clear { clear: both;
         display: block;     
         height: 0;          
         visibility: hidden; }

select, input, menu, list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.border {border-width: 1px;
	border-style: dotted;
	border-color: #ccc; 
	padding: 5px;
	margin: 1px;
	background-color:#fff;}


table.fine {
	border-width: 0.5px;
	border-spacing: 0;
	border-style: none;
	border-color: #ccc;
	border-collapse: collapse;
}

table.fine td {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	padding: 4px;
}

table.fine th{
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #f2f2f2;
	padding: 6px;
	color: #333;
}

		
#red {
	font-weight: normal;
	color: #cc0000;
}	
	

/*** -----------------main menu navigation-------------------- ***/	
.topmenu{
width: 960px;
font-weight: normal;
color: #fff;
padding: 0;
margin: 0;
}

.topmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.topmenu ul{
margin: 0; text-align: left; margin-left: 12px; padding: 10px 6px 13px 6px; !important;  }

.topmenu li{ margin-left: 10px; }

.topmenu ul li{
background-image: url('none'); display: inline;}

.topmenu ul li a{
color: #fff;
padding: 12px 6px 13px 6px; !important; 
margin-left: 2px;
text-decoration: none;
font-size: 12px; 
}

.topmenu ul li a:hover{
color: #fff;
background-color:#8585A3;
padding: 12px 6px 13px 6px; !important; 
margin-left: 2px;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; border-bottom:0px solid #fff; position:absolute;
margin-top: 0px;
z-index:100;
background-color: #F0F0F0;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);
font-size: 11px; 

}


.dropmenudiv a{
width: auto;
display: block;
border-bottom: 1px solid #fff;
padding: 5px;
text-decoration: none;
color: #333366;
font-size:12px;
}

.dropmenudiv a:hover{ 
background-color: #C0EFFF;
color: #333366;
}
/*** ---------------- menu ----------------- ***/	

.sidemenu {
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: left;
}
* html .sidemenu {
height: 1%;
}

.sidemenu ul { list-style: none; /*margin-left: 20px;*/ margin-right: 5px; display: inline; }

.sidemenu li { 	
	margin: 0;
	padding: 0;
	/*margin-left: -18px;*/
	display: inline;
}
.sidemenu a {
	color: #000;
	display: block;
	margin: 0;
	padding: 5px;
	text-decoration: none;
	list-style-image: url('none'); 
	background: url('../images/nav.gif') no-repeat left center;
}
.sidemenu a:hover {
	background: url('../images/nav_hi.gif') left center no-repeat;
	color: #fff;
}

.sidemenu_sub {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.sidemenu_sub ul { list-style: none; margin-right: 5px;margin-left: 0px;}

.sidemenu_sub li { 	
	text-align: left; margin: 0px; margin-left: 0px;
}
.sidemenu_sub a {
	color: #333366;display: block;
	text-decoration: underline;list-style-image: url('none'); 
	background-image:url('none');text-align: left;
}
.sidemenu_sub a:hover {
	background-image:url('none');
	color: #333
}



		
/*** ---------------- END menu ----------------- ***/	



/*** -----------------opacity-------------------- ***/	

a.linkopacity img {
filter:alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;
}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}



/*** -----------------sidebox-------------------- ***/	
#box { width: 250px; }

.boxHdr { 
font-family: "Times New Roman", Georgia,  Times, serif;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 2px 3px 2px;
	color: #888;
	background-image: url('../images/hdr_box.jpg'); 
    background-repeat: no-repeat;
	text-align:center;
	}
			
.boxLine { 
		border-left:1px solid #ccc; 
		border-right:1px solid #ccc; 
		border-top:0px solid #ccc; 
		border-bottom:1px solid #ccc; 
		padding: 2px 5px 0px 5px;}

/***----------determination Search Results--------***/
.detsearchresults
{
    border-left:none 0px;
    border-right:none 0px;
    border-top:none 0px;
	border-bottom:1px dotted #ccc;
}
.detsearchresults table, td, tr
{
    border-width:0px;
    border-collapse:collapse;
}

/****** resolving formatting issues with UL *********/
#columnFull ul {
	list-style: disc outside url("../images/bullet.gif");
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
}

#columnFull ul li {
	line-height: 1.5em;
    margin-left: 15px;
}