/* CSS FILE */

/* comments are like this in css files */
/* this will style the superdiv that contains all */
/* # symbol denotes the id */
/* units should always be defined */
/* get color codes from kuler.adobe.com */

/* this styles the body tag */
body {
	background-image: url(../images/background3.jpg);
	background-repeat: repeat;
	}

#container {
	/* height: 600px; without height it will flow with content*/
	width: 900px;
	/* background-color: #68A1AB; */
	background-color: #55455F;
	margin-left: auto;
	margin-right: auto;
	}
	
#header {
	height: 75px;
	width: auto;
	/* background-color: #8C7687; */
	background-color: black;
	/* this changes to my background as an image - which TRUMPS the color */
	background-image: url(../images/iva-headerban.png);
	/* this stops header image from repeating. */
	background-repeat: no-repeat;
	}
	
		
#sidebar {
	height: 300px;
	width: 130px;
	/* background-color: #8C7687; */
	background-color: #55455F;
	float: left;
	}
	
#sidebar ul {  /*styles the ul tag in #sidebar ONLY */
	padding-left: 0;
	margin-left: 0;
	}
	
#sidebar ul li {
	list-style-type: none;
	padding-left: 10px;
	}
	
#sidebar ul li a {
	text-decoration: none; /* kills the underline */
	color: white; /* changes colour of font */
	font-family: verdana, sans-serif;
	font-size: 10pt;
	}
	
#sidebar ul li a:hover {  /* controls 'hover state of a tag' what mouse does when over the sidebar text */
	text-decoration: underline;
	color: #c9e477;
	/* color: #6bfc58; is brighter green */
	}

#content {
	height: auto;   /* height: 400px; */
	width: auto; /*expands to fill available width */
	background-color: #C7EBD8;   /* was #C7EBD8, then #DED1EC, then #F1DDFE */
	padding: 10px;  /* creates a space around the content */
	overflow: auto; /*this creates a scrollbar if needed */
	}
	
.imgLeft {
	float: left;
	margin-right: 10px; /* 10px buffer space on right side */
	}
	
#content H1 {
	font-family: verdana, sans-serif;
	color: black
	
p { 
	font-family: verdana, sans-serif;
	font-size: 11pt;
	color: #2E1F2B;
	}
	
#myForm fieldset {
	width: 300px;
	text-align: right;
	border: 4px dotted #2D2D2D;  /* size, line style & color of form border */
	margin-bottom: 10px;
	}
	
#myForm legend {
	font-family: georgia;
	font-size: 14pt;
	color: #CCC;
	background-color: #2D2D2D;
	padding: 3px;
	}
	
#myForm ul {
	margin-left: 0;
	padding-left: 0;
	}
	
#myForm li {
	list-style-type: none;
	margin-bottom: 10px;
	}
	
#myForm label {
	width: 180px;
	float: left;
	}
	
#footer {
	height: 30px;
	width: auto;
	/* background-color: #1E3D42; then #075916 */
	background-color: #000066;
	padding: 10px;
	}
	
#p1 {
	font-family: times, serif
	font-size: 9pt;
	color: #c9e477;
	}