@charset "iso-8859-1";
/* author: Jeff McCormack, www.jhmdesigns.com */
/* Creation date: 12/09/04 */

acronym {
	border-bottom: 1px dotted blue;
	padding-bottom: 0px;
	cursor: help;
	}

body {
	max-width: 1160px;
    margin: 0px;
	margin-right: auto;
    margin-left: auto;
    border-top: 4px solid #CDDDC9;
    font-family:  Georgia, Helvetica, "Times New Roman", "Lucida Grande", "Trebuchet MS", Times, serif;
	padding: 0px;
	background: url("images/slider_green.gif") repeat-y 64% 0px;
	background-color: black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    }
	
/* main elements */

/* Here the image (banner) is a background element in the head ID */
#head {
	margin-top: 1px;
	height: 79px;
	/* background: #5c8795 url(sos_banner_1wide.jpg) no-repeat; */
	background: #5D9484 url("images/sos_banner_1wide3.jpg") repeat;
	border: 1px #5D9484;
	}

#address {
	float: right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}

#navcontainer {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background-color: #cdddc9;
	border: 1px  #cdddc9;
	/* border: 1px solid red; */
	}

/* main content column */
#main {
	float: left;
	/* original width = 64% */
	width: 63%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	/* border: 1px solid red; */
	}

/* sidebar content column */
#sidebar {
	float: right;
	/* original width = 34% */
	width: 33%;
	font-size: 90%;
	margin: 0;
	padding: 0;
	/* background-color: #cdddc9; */
	/* border: 1px solid black; */
	}

/* footer content */
#footer {
	clear: both;
	border-top: 1px solid #5D9484;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #cdddc9;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}

/* padding/margins of main elements */
#main-content, #sidebar-content {
	padding: 0.5em 2em;
	}

#address-content {
margin: 1em 1em 0 0;
	}

/* navigation and footer formatting - code allows for multiple nav elements */
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #5D9484;
	color: #fff;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;   
	border-bottom: 1px solid #000000;
	}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.2em 0.9em;
	background-color: #5D9484;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	}

#navcontainer ul li a:hover {
	background-color: #3E5D65;
	color: #fff;
	}

/* The following ID is created to be applied to the nav item of the current page, to give the user some visual feedback.  It has the same rules as the hover state. */
#selected a:link, #selected a:visited, #selected a:hover  {
	background-color: #3E5D65;
	color: #fff;
	}

/* defines the font characteristics for unordered lists */	
UL 	{
	font-size: 16px;
	line-height: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

/* BEGIN RESOURCE PAGE-SPECIFIC CSS */	
/* These clasess on the Resource page add padding to the bottom of the unordered lists in the main content column by specifying the class ID principles. */	
#reference li {
	font-size: 15px;
	font-family: Georgia, Helvetica, "Times New Roman", Times, serif;
	padding-bottom: 0.85em;
	/* border: 1px solid red;  use this to see border in list item */
	}	

#resources li {
	font-size: 15px;
	font-family: Georgia, Helvetica, "Times New Roman", Times, serif;
	padding-bottom: 0.85em;
	/* border: 1px solid red;  use this to see border in list item */
	}

#techniques li {
	font-size: 15px;
	font-family: Georgia, Helvetica, "Times New Roman", Times, serif;
	padding-bottom: 0.85em;
	/* border: 1px solid red;  use this to see border in list item */
	}


/* this class increases the space under the date */		
p.date	{
	margin-bottom: -16px;
	}
	
p.update	{
	margin-left: 1em;
	}	

/* END RESOURCES PAGE-SPECIFIC CSS */	


/* This class increases the line height spacing in unordered lists. */
.lineheight	{
	line-height: 26px;
	}		

#footer ul {
	padding: 5px;
	margin: 0;
	list-style-type: none;
	white-space: nowrap;
	}

#footer li { 
	display: inline; 
	margin-right: 1.5em;
	}

#footer li a {
	color: #fff;
	}

#footer li a:hover {
	color: #98B5C0;
	}

/* link ID's */

/* #main a:link, #sidebar a:link {color: #6D5C78} */
#main a:link, #sidebar a:link {color: #0000cc} 

#address a {color: #FFFFFF;}

/* Headers and typography ID's */

#sidebar h1, #main h1 {
	font-size: 2em;
	font-weight: bold;
	color: #2A3F45;
	}

#sidebar h2, #main h2 {
	font-size: 1.5em;
	font-weight: bold;
	/*	color: #919A74; */
	color: #2A3F45;
	}

#sidebar h3, #main h3 {
	font-size: 1.25em;
	font-weight: bold;
	color: #203135;
	}	
	
.callout {
	color: #990000;
	margin: 0px 0px 12px 12px;
	float: right;
	width: 25%;
	font-weight: bold;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

/* This class floats images to the right. */
.imgR {
	float: right;
	margin: 0;
	}

/* This class creates a big drop cap */
.drop {
	font-size: 3em;
	color:#2A3F45;
	float: left;
	margin:0;
	padding-right: 6px;
	line-height: 80%;
	}

/* This class is used in comments page as the source of the quote */
.quotesource
		{
		font-size: 11px;
		margin-right: 4em;
		margin-left: 4em;
		padding-top: 4px;
		padding-bottom: 4px;
		}	

/* This class is used to create a smaller font */
.smallfont	{
	font-size: 70%;
	}