body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #717173;
	/* Next line is necessary instead of setting margin props. 
        to auto because IE doesn't render it. */
	text-align: center;
	
    }

img { margin: 0px 20px 10px 5px; }

p { margin-left: 15px; }

img.no_border { border: 0; }

h1 { font-size: 125%; padding-top: 20px; padding-bottom: 20px; } 
h2 { font-size: 125%; padding-top: 20px; padding-bottom: 20px; }
h3 { font-size: 115%; }

li { margin-bottom: 15px; }

#background {
	position: relative;
	width: 900px;     
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 0px;
        background-image: url(Images/cs_background.jpg);
	background-repeat: repeat-y;
	background-position: left top; /* starts the background image at 0, 0 */
    /* Next line: diagnostic code to show the borders of this container */
    /* border: 1px green solid; */
    }

#wrapper {
	position: relative;
	width: 900px;     
	margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
    background-image: url(Images/cs_banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/* Next line: diagnostic code to show the borders of this container */
    /* border: 1px yellow dashed; */
}

#banner {
        width: 798px;
        height: 190px; /* This determines how far down the banner goes. 
		It goes right to the top of the green, horizontal navbar. */
        /* Next line: diagnostic code to show the borders of this container */
        margin-left: auto;
		margin-right: auto;
		
		/* border: red 1px solid; */
        }
		
body, td, th {
	font-size: small;
}


.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.SideContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #669933;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}
		

#navbar {
		/* Place the Spry menu into position in our template. See SpryMenuBarHorizontal.css under SpryAssets folder */ 
        width: 750px;
        height: 27px;
		float: center;
        margin-left: 57px;
		margin-right: auto;
		background-color: #b5d78d;
        /* Next line: diagnostic code to show the borders of this container */
        /*border: blue 1px solid; */
        }



									 
/* content holds the text and images*/
#content  {
           /* margin-right: 50px;
           margin-left: 50px; */
           
		   float: center;
		   margin-left: auto;
		   margin-right: auto;
		   margin-bottom: 15px;
           width: 750px;
           text-align: left;
		   /* margin-left: auto;
		   margin-right: auto; */
           /* Next line: diagnostic code to show the borders of this container */
           /*border: red 1px solid; */
      }

#content a:link, #content a:visited { color: #669933; } 

#content a:hover { color: #006600; }


#footer {
	/* Background graphic is 183 pixels high. There can be 3-4 lines
           of footer text. 
           Adjust the height according to no. of lines of footer text.
           3 lines need about 80px. 4 may need 100, etc. */
       
    height: 183px;
	font-size: 70%;
	text-align: center;
	font-style: italic;
	/* margin-top and bottom set to 0 otherwise the main background image
    shows below the footer. */
    padding-top: 5px;
	background-color: transparent;
    background-image: url(Images/cs_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	clear: both;
	/* Next line: diagnostic code to show the borders of this container */
    /* border: red 1px solid; */
        
        
}
#footer a:link, #footer a:visited { 
        color: #6e7184; text-decoration: underline;
        } 

td.fontsize { font-size: 80%; }


/* Print Styles */
@import  url("print.css")