/* 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;

}

h5	{ 
	font-family: Tahoma; 
	font-size: 16pt; 
	letter-spacing: -1; 
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
}


<style type="text/css">
<!--
.button {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	cursor: default;
	background-image: url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#buttonPad {
	padding: 10px;
	background-color: #000000;
}
-->
</style>

<script type="text/javascript">
// http://www.onlinebuttonsecrets.com

// Preload Over and Down state images
Image1= new Image(10,12);
Image1.src = "http://www.onlinebuttonsecrets.com/alex-button/alexButtonBgDown.gif";
Image2= new Image(10,12);
Image2.src = "http://www.onlinebuttonsecrets.com/alex-button/alexButtonBgOn.gif";

function press(ID)
{
	document.getElementById(ID).style.backgroundImage='url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBgDown.gif)';
	document.getElementById(ID).style.backgroundPosition='top';
}
function release(ID)
{
	document.getElementById(ID).style.backgroundPosition='bottom';
	document.getElementById(ID).style.backgroundImage='url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBg.gif)';
}
function over(ID)
{
	document.getElementById(ID).style.backgroundPosition='bottom';
	document.getElementById(ID).style.backgroundImage='url(http://www.onlinebuttonsecrets.com/alex-button/alexButtonBgOn.gif)';
}
	function linkify(URL,target, config)
{
	if(target != '')
	{
		// Open in a new window
		window.open(URL, target, config);
	}
	else
	{
		location.href=URL;
	}
}
</script>




/* 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; */
}