/* CSS Document */
/* 
The Following code defines what the text will look like. I am using CSS for fonts and sizes
because it is relatively straightforward. I didn't want to show you more complex CSS. 
*/

/* These three lines determine how all h1, h2 and h3 headers will look */
/* If you want to change all of the Headers from Arial to Georgia, simply
change which lines are commented out, and which ones aren't.  */
h1{
	font-family: Arial, Helvetica, sans-serif; 
	/* font-family: Georgia, "Times New Roman", Times, serif;  */
	font-size: 36px;
	text-align: center;
	color: #CC0000;
}

h2{
	font-family: Arial, Helvetica, sans-serif; 
	/* font-family: Georgia, "Times New Roman", Times, serif;  */
	font-size: 24px;
	text-align: center;
	color: #000000;
}

h3{
	font-family: Arial, Helvetica, sans-serif; 
	/* font-family: Georgia, "Times New Roman", Times, serif;  */
	font-size: 18px;
	color: #CC0000;
	text-align: center;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: cc0000;
	background-position: center;

}

/* This is the P tag definition, and determines how most of the text will look. */
p {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px;
	/* text-align: left; */
	font-style: normal;
	font-weight: normal;
	color: #000000;
	/* text-indent: 20px; */

}

/* LI tags surround the List Items -- the bulleted stuff. */
li {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

/* This is what color links will be. */
a {
	color: #0000FF;
	/* text-decoration: none; */
}

.container{
	margin: 0 auto;
	width: 600px;
	text-align: left;
	vertical-align: top;
	background-image:url(../images/main-container.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	color: #000;
}
body{
	font-family: Verdana, Arial;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background-image:url(../images/main-bg.jpg);
	background-repeat:repeat-x;
	background-color:#0C67C0;
	
	color: #000;
}