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

/* Repeating page background image displayed behind the main container */
#pageBg {
 	background: #c0c0c0 url(../images/bodyBg.png) repeat-x;
}

/* Holds all header, body and footer content */
#container {
    padding: 6px 0 0 0;
    width:56.4em; 
    margin:0 auto; 
    }
 
/* Body font formatting */
body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	padding: 0;
	margin: 0;
	}
    
/* Header background picture */    
#header-bg {
	background: url(../images/headerBg.png) no-repeat; 
	height: 5.1em; 
	width: 56.3em; 
	margin:0 auto; 
	}
   
/* Body background colour and text colour properties */    
#body-container { 	
	margin:0 auto;	
    /* 	width:56.3em; 
    > Would normally be used however 1 pixel mis-alignment issue on the 'rightEdge'
    happens when overflow - (set in: #content) - is not in use!
    If all pages have content that use overflow, then enable this '56.3em' width
    rather than use the 788px width set below. 
    Only do so if you want to re-scale the page when zooming in and out, otherwise
    content will be fixed width.
    */ 
    width: 788px; 
	background-color: #404040;
    height: 100%; 
	color:#aaaaaa;
}

/* Content header 'size 1' properties */
h1 { 
	margin: 0 0 0 0.1em; 
	font-size: 16px;
	}

/* Content paragraph left margin */
p { 
	margin-left: 0.3em ;
	}
	
/* Menu button link properties */
#menu-button a:link { 
	color: #333333; 
	text-decoration:none; 
	margin: 0 0 0 0.5em; 
	font-weight:bold;
   	}

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

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

#menu-button a:active { 
	color: #333333; 
	text-decoration:none; 
	margin: 0 0 0 0.5em; 
	font-weight:bold; 
	} /* End of Menu button link properties */
	
/* Content area link properties */	
a:link { 
	color: #eeeeee; 
	text-decoration:none;  
	}

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

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

a:active { 
	color: #aaaaaa; 
	text-decoration:none; 
	} /* End of content area link properties */

/* Site header display properties */    
#site-header-text { 
	font-size:20px; 
	color:#eeeeee; 
	padding: 0.9em 0 0 1em; 
	margin: 0 auto; 
	float: left 
	}

/* Menu container properties */
#menu-container { 
	background-color: #434343; 
	width: 10.5em; 
	height: 10em; 
	float: left 
	}

/* Menu container paragraph properties */    
#menu-container p { 
	padding: 0 0 0 0.5em; 
	font-size: 13px;
    color: #cccccc;
	}

/* Menu button background image */    
#menu-button {
	background: url(../images/buttonBg.png) no-repeat; 
	width: 10.3em; 
	height: 2em; 
	padding: 0.2em 0 0.1em 0;
 	}

/* Menu button background hover image, : firefox only */	
#menu-button:hover { 
	background: url(../images/buttonBg2.png) no-repeat; 
	width: 10.3em; 
	height: 2em; 
	padding: 0.2em 0 0.1em 0; 
	}
    
/*Menu button background activated image, : firefox only */
#menu-button:active {
	background: url(../images/buttonBg3.png) no-repeat;
	width: 10.3em; 
	height: 2em; 
	padding: 0.2em 0 0.1em 0; 
	}

/* Used to create a space at the top of the button group */
#menu-spacer {
    padding: 0.7em 0 0 0;
    
}
    
/* Menu button margin properties */    
#menu-button-bg {
	margin: 0em 0 0 0.6em; 
	}

/* Content area formation properties : overflow used for content scrolling */    
#content {
	padding-left: 0.3em; 
	float: left; 
	overflow: auto;
    width: 44.6em;
  	height: 100%;
	}

/* Footer background image properties */    
#footer-bg { 
	background: url(../images/footerBg.png) no-repeat;
	height: 4.2em; 
	width: 56.3em; 
	margin:0 auto;
	}

/* Footer text properties */    
#footer-text {
	padding: 2.5em 0 0 1em; 	
	color:#444444; 
	font-size: 12px 
	}
    
/* Footer Link properties */
    
#footer-text a:link {
	color:#666666;
    text-decoration:none;   
	font-size: 12px 
	}

#footer-text a:visited {
	color:#666666;
    text-decoration:none;   
	font-size: 12px 
	}
    
#footer-text a:hover{
	color:#cccccc;
    text-decoration:none;   
	font-size: 12px 
	}
    
#footer-text a:active {
	color:#bbbbbb;
    text-decoration:none;   
	font-size: 12px 
	}/* End of Footer link properties */

/* Peacemaker Graphics link icon properties */    	
#pmgfx-icon {
	display: block;
	float:right;	
	background: url(../images/pmgfxIcon.png) no-repeat;
	margin: 2em 0 0 0.3em;
	height: 1.7em;
	width: 2.5em;
	cursor: hand;	
	}
	
/* Peacemaker Graphics link icon hover properties : firefox only */
#pmgfx-icon:hover {
	display: block;
	float:right;	
	background: url(../images/pmgfxIcon2.png) no-repeat;
	margin: 2em 0 0 0.3em;
	height: 1.7em;
	width: 2.5em;
	cursor: hand;	
	}

/* Peacemaker Graphics link icon activated properties : firefox only */    
#pmgfx-icon:active {
	display: block;
	float:right;	
	background: url(../images/pmgfxIcon3.png) no-repeat;
	margin: 2em 0 0 0.3em;
	height: 1.7em;
	width: 2.5em;
	cursor: hand;	
	}
    
 /* Body container left side border edge properties */   
#leftEdge {
    float: left;
    background: url(../images/lEdge.png) repeat-y;
    width: 4px;
    height: 100%;
}

 /* Body container right side border edge properties */   
#rightEdge {
    float: right;
    background: url(../images/rEdge.png) repeat-y;
    width: 4px;
    height: 100%;
}

/* End of Template 2 style sheet */