@charset "UTF-8";
/* CSS Document */

/* CSS for TL 110 - This is a comment and is designated by the asterisk and slash */

/* This set of CSS rules is the first level and can be replaced by other class and id selectors.  
   The left curly brace begins the set of declarations. Each declaration is separated by a semi-colon*/
   body {
	background-image:url(../images/background_image.jpg);
	background-color: #989898;
	background-repeat: repeat-x;
	margin:0;
	padding:0;
	}
/* The right curly brace ends the set of declarations. */
/* The next set of declarations is for an id selector, which is used when you want to define a unique style 
   for an appropriate element, once per page only.  Note the hash mark (#).  

/* The wrapper id contains all of the content and borders of the page.  
   The width and color of the page are defined. */
#wrapper {
	background-color:#FFF7CD;
	text- align: left;
	width: 958px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	border: medium solid #003300;
	}
	/* #header is the first selector.  */
	/* #header is the first selector.  */
#header {
	margin-top: 0px;
	margin-bottom: 0px;
	height:161px;
	background-repeat: repeat;
	}
#banner {
	height:80px;
	background-color: #FFFFFF;
	background-image:url(../images/green_gradient_banner.png);
	}
#content {
	background-color:#FFFFFF;
	height:600px;
	}
#rightColumn {
	float: right;
	width: 640px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	}
 #leftColumn {
	width: 250px;
	background-color:#999999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
	clear: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(../images/menubackground.jpg);
	border: thick groove #660066;
}
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	/* To end the float effect and stop further elements from wrapping around a float element, 
apply the clear property with a value that matches the float or floats you want it to stop wrapping around. 
This will push the element down so it begins at the bottom of the floated element. In the case of this CSS, 
the #footer selector is the last thing on the page and clears the floats of #leftColumn and #rightColumn */
	background-color:#CCFF66;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #333333;
	text-align: center;
}