left.indent {
	padding-left:50px;
}
.center {
	text-align:center;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.name {
	font-weight:bold;
}
.title {  /* used for title of a book, song, etc */
	font-style:italic;
}

body,html {
	text-align: center; /*for IE5x only*/
	margin:5px; padding:0;
}
body {/*this is separated because DW applies the html background to everything */
/*	background: url("images/bg-page.jpg") top repeat; /* #002412 the color shown outside the 780 or 1004-wide page div */
	background: #106050 top repeat; /* Color Scheme 2 -  outside the 780 or 1004-wide page div */
}
/* ---------- page - the biggest div, containing everything else ------------*/
div#page {
	text-align:left;/* to counteract the IE5x hack in the body tag for centering*/
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;  /* doesn't do anything ???*/
	border:#666 3px double;
	margin: auto; /* set this margin to zero for stuck-left designs, auto for float-center */
/*	background: #FAFFD2; /* creamy color, almost white*/
	background: #eeffee; /* Color Scheme 2 - very light green */
	width: 96.8%;
	min-width: 780px;
	max-width: 860px; /* orig max width 1004px*/
	/* the width expression rule for IE only must have the following somewhere in the document:	
	 * <?xml version="1.0" encoding="ISO-8859-1"?>	We don't know why. 
	 * However, having that xml line ruins the smartscroller on the forms pages. 
	 * You must remove it from the forms page to get the smartscroller to work. 
	 * IE will still load the forms page ok, but may crash upon resizing the browser. */
/*	width:expression(document.body.clientWidth < 780 ? "780px": document.body.clientWidth > 1004 ? "1004px": "auto" );*/
}

/* -- banner --*/
div#banner {
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: url("images/banner00_860x130.jpg") top no-repeat;
	height: 130px;
	width: 100%;
}
div#logo {
 	float: left;
	margin: 10px 0 0 10px; /* T R B L */
	padding: 0;
	background: url(images/smac_logo.png) left top no-repeat;
	height: 100px;
	width: 131px;
}

/* -- end banner --*/

/*-- top navigation --*/
/*
ul { margin:0; 	padding:0; 	}
/*this affects the position of the menu items - removing this moves them off center*/

div#topnav {
/*    background: #59946F; /* a gray-green color*/
    background: #507060; /* Color Scheme 2 - a gray-green color*/
    height: 25px;
    margin: 0;
    padding: 10px 0 0 0;
    width: 100%;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 14px;
	text-align:center;
}

div#topnav ul.base { list-style-type: none; padding:0px 10px; margin:0; text-align:center}

div#topnav a {
  text-decoration: none;    /*removes underline from anchor*/
  padding: 0px 10px;        /*separates menu items*/
  color:#fff;
}		

div#topnav a:hover {
    color: #C0D7F7; /* a light blue */
    background: none;
	text-decoration: underline;
}

#topnav ul.base li {
	float: left;  /* this makes the list go horizontal ZZZZZ Why? */	
	position: relative;
	margin:0px 5px;
	text-align:center;
}

#topnav ul.base li a
{
	display: block;
	overflow: hidden;
}

#topnav ul.base li ul
{
	display: none;
	margin-top: -25px;
	padding-top: 10px;
	margin-left: 25px;
}

#topnav ul.base li ul li:hover
{
	display: block;
}

#topnav ul.dropdown li
{
	text-align:left;
	list-style-type:none;
	position:relative;
	left:0px;
}

#topnav ul.dropdown li a
{
	display: block;
	padding: 3px 5px;
	color: #fff;
	overflow: visible;
	height:auto;
}

#topnav ul.base li:hover ul /* dropdown menu control */
{
	display: block;
	width: 130px;
/*    background: #59946F; /* a gray-green color*/
    background: #507060; /* Color Scheme 2 - a gray-green color*/
	position: absolute;
	top: 41px; /* puts dropdown menu below main menu item*/
	left: 0;
    text-decoration: none;
}

#topnav ul.dropdown li:hover a
{
	color: #C0D7F7; /* a light blue*/
	text-decoration: underline;
}
/* -- end topnav -- */

a:link {
/*	color:#003C37;	*/
	color:#202077;
}

a:hover {
    color: #202020;  
	text-decoration: underline;
}

a:active {
    color: #666666;  /* kind of gray */
    background: none;
}
a:visited {
    color: #555555;  
}

/* container for leftcol and main areas */
div#leftandmain {
	width: 100%;
	float: left;
/*	background: url("images/bg-bluegrad-leftcol.gif") left top repeat-y ; */
	background: url("images/bg-greengrad6-leftcol.gif") left top repeat-y ; /* Color Scheme 2 */
}

/* -- left column --*/
div#leftcol {
	float:left;
	width:25%;
	padding: 10px 10px 10px 10px;
}

div#leftcol h1, h2, h3, h4 {
	text-align:left;
    font-family: "Helvetica", "Times New Roman", Helvetica, sans-serif;
	font-weight:600;
    font-size: 25px;
	color:#000000;
}
div#leftcol h1 {
    font-size: 25px;
}
div#leftcol h2 {
    font-size: 20px;
}
div#leftcol h3 {
    font-size: 15px;
}
div#leftcol h4 {
    font-size: 13px;
}
/* ---- end left column ---*/

div#pageid p{
	text-align:center
}

/* ---- Left Navigation ---*/
div#leftnav h3{
	font-size:18px;
}
div#leftnav {
	text-align: left;
	float: left;
	width:100%;
}

div#leftnav a {text-decoration:none}

div#leftnav  ul li{
	list-style-type:none;
	display:block;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 14px;
	padding:2px;
}

div#leftcol li a:link {
  text-decoration: underline;
  padding: 0px 0px;  /*separates menu items*/
  color:#202077; /*003c37*/
}		

div#leftcol ul li a:hover {
    color: #202020;  
	text-decoration: underline;
}

div#leftcol ul li a:active {
    color: #666666;  /* kind of gray */
    background: none;
}
div#leftcol ul li a:visited {
    color: #555555;  
}


/* ----------- ^ left navigation ^ --------------*/

/* -- Notices --*/
div#notices {
	text-align: left;
	width:100%;
	padding: 0px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 14px;
}

div#notices h3{
	font-size:18px;
}
/* -- end notices --*/

/* ----------- main ------------ t r b l--------*/
div#main {
	text-align: left;
	float: right;
	width:68%;
	padding: 0px 15px 0px 15px;
/*	background: url("images/bg.jpg") top repeat;*/
	font-family: "Arial", Helvetica, sans-serif;
    font-size: 14px;
}
#main h1, h2, h3, h4 {
	font-family: "Arial", Helvetica, sans-serif;
}
#main h3 {font-size: 14px; font-weight: bold;}

#main p {
	font-family: "Arial", Helvetica, sans-serif;
    font-size: 14px;
	text-align:left;
	
}
img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div#main a:link {
/*	color:#003C37;	*/
	color:#202077;
}

div#main a:hover {
    color: #202020;  
	text-decoration: underline;
}

div#main a:active {
    color: #666666;  /* kind of gray */
    background: none;
}
div#main a:visited {
    color: #555555;  
}

div#main ul li a:hover {
    color: #202020;  
	text-decoration: underline;
}

div#main ul li a:active {
    color: #666666;  
    background: none;
}
div#main ul li a:visited {
    color: #555555;  
}


/* ----------- ^ main ^--------------------*/

/* ------------ footer, where we put the copyright ----------------*/
div#footer {
/*	border: double; */
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
/*    background: #59946F; /* a gray-green color*/
    background: #507060; /* Color Scheme 2 - a gray-green color*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #FDFFED;	
	height: 100px;
	width: 100%;
}
div#footer .copy {
	font-family: Verdana, geneva, "helvetica neue", arial, sans-serif;
	font-size: 10px;
}
div#footer .allRights {
	float: left;
	padding: 10px 0 0 25px;
	background: transparent;
	margin: 0;
	font-family: Verdana, geneva, "helvetica neue", arial, sans-serif;
	font-size: 10px;
	color: #FDFFED;
}
div#footer a {
	color: #FDFFED;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration:underline;
}
.clearBoth {
	clear: both;
}
/* ------------ ^ footer ^ ----------------*/