/* Template Style Sheet: designed and edited by peacemaker graphics. */

#container {
 	background: url(../images/bodyBg.png) repeat-x;
	
 	}
 
body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	padding: 0;
	margin: 0;
	}

h1 { 
	margin: 0 0 0 0.1em; 
	font-size: 16px;
	}

p { 
	margin-left: 0.3em ;
	}
	
/* menu button links */
#menu-button a:link { 
	color: #cccccc; 
	text-decoration:none; 
	margin: 0 0 0 0.5em; 
	font-weight:bold 
	}

#menu-button a:visited { 
	color: #aaaaaa; 
	text-decoration:none; 
	margin: 0 0 0 0.5em; 
	font-weight:bold 
	}

#menu-button a:hover { 
	color: #eeeeee; 
	text-decoration:none; 
	margin: 0 0 0 0.5em; 
	font-weight:bold 
	}

#menu-button a:active { 
	color: #cccccc; 
	text-decoration:none; 
	margin: 0 0 0 0.5em; 
	font-weight:bold 
	}
	
/* normal page links */	
a:link { 
	color: #eeeeee; 
	text-decoration:none;  
	}

a:visited { 
	color: #cccccc; 
	text-decoration:none; 
	}

a:hover { 
	color: #ffffff; 
	text-decoration:none; 
	}

a:active { 
	color: #dddddd; 
	text-decoration:none; 
	}

#site-header-text { 
	font-size:20px; 
	color:#eeeeee; 
	padding: 2em 0 0 1em; 
	margin: 0 auto; 
	float: left 
	}

#header-bg { 
	background: url(../images/headerBg.png) no-repeat; 
	height: 6.29em; 
	width: 70.68em; 
	margin:0 auto; 
	padding: 0 
	}

#menu-container { 
	background-color: #777777; 
	width: 10em; 
	height: 30em; 
	float: left 
	}

#menu-container p { 
	padding: 0 0 0 0.5em; 
	font-size: 12px
	}

#menu-button { 
	background: url(../images/buttonBg.png) no-repeat; 
	width: 8.57em; 
	height: 1.79em; 
	padding: 0.3em 0 0 0 
	}

/* :hover only works in firefox */	
#menu-button:hover { 
	background: url(../images/buttonBg2.png) no-repeat; 
	width: 8.57em; 
	height: 1.79em; 
	padding: 0.3em 0 0 0 
	}

#menu-button-bg { 
	margin: 0.3em 0 0 0.7em 
	}

#body-container { 
	height:30em; 
	margin:0 auto; 
	padding: 0; 
	width:70.68em; 
	background-color:#999999; 
	color:#dddddd 
	}

#content { 
	padding: 1em 0 0 1em; 
	float: left; 
	overflow: auto; 
	width:59.6em; 
	height: 49em 
	}

#footer-bg { 
	background: url(../images/footerBg.png) no-repeat;
	height: 2em; 
	width: 70.68em; 
	margin:0 auto 
	}

#footer-text {
	padding: 0.5em 0 0 0.5em; 	
	color:#aaaaaa; 
	font-size: 12px 
	}
	
#pmgfx-icon {
	display: block;
	float:right;	
	background: url(../images/pmgfxIcon.png) no-repeat;
	margin: 0.3em 0.3em 0 0.3em;
	height: 1.7em;
	width: 2.2em;
	cursor: hand;	
	}
	
/* :hover only works in firefox */
#pmgfx-icon:hover {
	display: block;
	float:right;	
	background: url(../images/pmgfxIcon2.png) no-repeat;
	margin: 0.3em 0.3em 0 0.3em;
	height: 1.7em;
	width: 2.2em;
	cursor: hand;	
	}