<!-- NOTES -->
<!-- background-repeat: repeat goes right and down, repeat-x goes right only, repeat-y goes down only -->
<!-- background-color: match this color to the bottom half of the background gradient -->
<!-- color: #464646 located in the "p" section of the css codes and the body is for a dark grey font color -->


p {
	font-family:verdana;
	font-size: 11px;
	color: #464646; 	
}

h1 {
  font-size: 30px;
  color: #aa0000;
  padding-bottom: 15px;
  text-align: center;
  width: 640px;
}

h2 {
  font-size: 20px;
  color: #0e4480;
  margin: 0px auto;
  padding: 40px 0;
  text-align: center;
  width: 540px;
}

#body {
	background: url('images/imgbg2.jpg');
	background-repeat:repeat-x; 
	background-color:#8b8a8a;
	text-align:center;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;
	
	font-family:verdana;
	font-size: 11px;
	color: #464646; 	
}

#container {
	MARGIN-LEFT: auto; WIDTH: 795px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
}

#header {
	background: url('images/img_01.png');
	background-repeat:no-repeat;
	height:179px;
	}
	
#contentbody {
	background: url('images/img_02.png');
	PADDING-RIGHT: 40px; 
	PADDING-LEFT: 40px; 
	text-align:left;

}

#footer {
	background: #ffffff;
	height:40px;
	padding-top: 15px;
	text-align: center;
}

#bottom {
	background: url('images/img_03.png');
	background-repeat:no-repeat;
	height:40px;
	text-align: center;
}

.list-div-narrow {
  margin: 0px auto;
  width: 200px;
}

.list-div-wide {
  margin: 0px auto;
  width: 600px;
}

.list {
margin-left: 0;
padding-left: 0;
list-style: none;
}

.list li {
font-weight: bold;
padding-left: 35px;
padding-bottom: 30px;
background-image: url(images/bullet.jpg);
background-repeat: no-repeat;
background-position: 0 0em;
}