* {margin:0; padding:0;}


body {
	text-align:left;
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #005687;
}

#mainTable {
	margin: 0 0 0 140px;
	width:900px;
	border: 0px solid #005687;
	background-color: white;
	/*/*/line-height: 1.5em; /* */
}
#mainTable td {
	padding: 0px;/*Pads each table cell in modern browsers*/
}
#maincontent {
	width:800px;
	background-color: #E6E6FF;
	border-left: 2px dotted #005687;
	font-size: 11px;
	
	/*/*/font-size: 100%; /* */
}


#sidebar {
	width: 100px;
	background-color: #F4D813;
	font-size: 12px;
	margin-top: 0px;
	/*/*/font-size: 85%; /* */

}
#header {
	background-color: white;
	height:48px;
	border-bottom: 10px solid #005687;
	color: #CCCCCC;
	background-image: url(csst_bg.gif);
}
#footer {
	background-color: #005687;
	padding:0px;
	
	color: white;
	text-align: right;
	background-image: url(csst_bg.gif);
}



/*  h1= Main content title */
/*  h2= Main content sub-title */
/*  h3= Main content title */
/*  h4= Photo caption */
/*  h5= Footer */
/*  h6= Review caption */




p, td, h1, h2, h3, h4, h5, h6, ul{
	font-family: verdana, arial, sans-serif;
}






br{
	line height: 0.8em;
}

h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h1 { font-color: #1C4C80; font-size: 22px; font-weight: bold; padding: 30px 0 20px 20px; }
h2 { font-size: 18px; padding: 0px 0 0px 20px; letter-spacing:1px; font-weight: bold;}
h3 { font-size: 12px; padding: 10px 0 0px 20px;}
h4 { font-size: 10px; padding: 0; margin:-8px 0 0 20px;}
h5 { font-size: 9px;  padding: 0; margin:0 20px 0 0;}
h6 { font-size: 11px; text-align: right; padding: 0; margin:-15px 40px 0 0px;}




p {font-size: 15px; line-height: 1.2em;	padding: 10px 30px 10px 20px; font-weight: bold;}

p.centered {text-align: center;}
h6.centered  {text-align: center;}

ul {margin: 35px 0 0 0; }




img {
	padding:20px 0 0px 20px;
}

table.main object {
	padding:20px 0 0px 20px;
	margin: 20px 20px 0 20px;
}




table.main h4 {
font-size: 10px; padding: 0; margin: 0 0 0 21px;
}


#sidebar a {
	/*/*/padding: 3px;
	display: block;
	border: 0px dotted #CCC;
	text-decoration: none;
	font-weight: bold;
	line-height: 1em;
	width: 140px; /* */
}
#sidebar a:link, #sidebar a:visited {
	color: #444;
}
#sidebar a:hover, #sidebar a:active {
	color: #FFFFFF;
	background-color: #CC0000;
	border: 0px solid #000;
}
#current a {
	color: #FFFFFF !important;
	/*/*/background-color: #444!important;
	border: 0px dotted #999 !important; /* */
}
#sidebar ul {
	/*/*/padding-left: 1em;
	list-style-type: none;
	margin-left: 0; /* */
}

#sidebar li {
	/*/*/margin: 0px 0px 6px 0px; /* */
}
#n4shell {
/* Happy hunting. This rule will allow you to create an outer border around the layout table in netscape 4. Wrap the entire table inside a div and assign to the div this id */
	border: 1px solid #000;
	/*/*/border: 0; /* */
}



/*/*/home page styles /* */