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

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

/* Holds all header, body and footer content */
#container {
    padding: 8px 0 0 0;
    width:784px;
    margin:0 auto;
    }
/* This fixes the problem with absolute positioning the menu using IE. 
I have used a div on the outside of the '#menuh-container' that uses relative positioning to align the menu	button in line
at different screen resolutions. So you do not need to change this! */
#absolute-menu-fix {
 position: absolute;
 padding: 0;
 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/header-bg.png) no-repeat; 
	height: 48px; 
	width: 784px; 
	margin:0 auto; 
	}

#menu-bar-bg {
    background: url(../images/menu-bar-bg.png) no-repeat;
    height: 33px;
    width: 784px;
    margin: 0 auto;
}

#drop-menu-bar-bg {
    float: left;
    background: url(../images/drop-menu-bar-bg.png) left no-repeat;
    height: 32px;
    width: 86px;
}

#drop-menu-bar-right-bg {
    float: right;
    background: url(../images/drop-menu-bar-right-bg.png) no-repeat;
    height: 32px;
    width: 698px;
}
   
/* Body background colour and text colour properties */    
#body-container { 	
    height: 100%;
    width: 778px;     
	background-color: #202020 !important;
    background-color: #171717; 
	color:#aaaaaa;
    }

#body-container {
    border-right: thin;
    border-right-style: solid;
    border-right-color: #444444;
    border-width: 0.2em;

}

#body-container {
    border-left: thin;
    border-left-style: solid;
    border-left-color: #444444;
    border-width: 3px;

}

/* 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;  
	}
#menu-button a:focus { 
	color: #444444; 
	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: #dddddd; 
	text-decoration:none; 
	}

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

a:active { 
	color: #999999; 
	text-decoration:none; 
	} 
    
a:focus { 
	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: #202020; 
	width: 10.5em; 
	height: 10em; 
	float: left 
	}

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

/* Menu button 1 background image */    
#menu-button-1 a {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button1-bg.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
 	}

/* Menu button 1 background hover image, : firefox only */	
#menu-button-1 a:hover {
    display:inline;
    float:right; 
	background: url(../images/menu-bar-button1-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}
    
/*Menu button 1 background activated image, : firefox only */
#menu-button-1 a:active {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button1-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}

#menu-button-1 a:focus {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button1-bg-pressed.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}
    
/* Menu button 2 background image */     
#menu-button-2 a {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button2-bg.png) no-repeat; 
	width: 98px;
    height: 21px;  
	margin-right: -5px;
    padding-top: 3px;
 	}

/* Menu button 2 background hover image, : firefox only */	
#menu-button-2 a:hover {
    display:inline;
    float:right; 
	background: url(../images/menu-bar-button2-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}
    
/*Menu button 2 background activated image, : firefox only */
#menu-button-2 a:active {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button2-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}

#menu-button-2 a:focus {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button2-bg-pressed.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}
    
 /* Menu button 3-5 background image */ 
#menu-button-3 a {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button3-bg.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
 	}

/* Menu button 3-5 background hover image, : firefox only */	
#menu-button-3 a:hover {
    display:inline; 
    float:right;
	background: url(../images/menu-bar-button3-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}
    
/*Menu button 4 background activated image, : firefox only */
#menu-button-3 a:active {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button3-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}

#menu-button-3 a:focus {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button3-bg-pressed.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
 	}
    
#menu-button-4 a {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button3-bg.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
 	}

/* Menu button 4 background hover image, : firefox only */	
#menu-button-4 a:hover {
    display:inline; 
    float:right;
	background: url(../images/menu-bar-button3-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}
    
/*Menu button 4 background activated image, : firefox only */
#menu-button-4 a:active {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button3-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}

#menu-button-4 a:focus {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button3-bg-pressed.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -5px;
    padding-top: 3px;
	}
    
#menu-button-5 a {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button3-bg.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -3px;
    padding-top: 3px;
 	}

/* Menu button 5 background hover image, : firefox only */	
#menu-button-5 a:hover {
    display:inline; 
    float:right;
	background: url(../images/menu-bar-button3-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -3px;
    padding-top: 3px; 
	}
    
/*Menu button 5 background activated image, : firefox only */
#menu-button-5 a:active {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button3-bg-hover.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -3px;
    padding-top: 3px;
	}

#menu-button-5 a:focus {
    display:inline;
    float:right;
	background: url(../images/menu-bar-button3-bg-pressed.png) no-repeat; 
	width: 98px; 
	height: 21px; 
	margin-right: -3px;
    padding-top: 3px;
	}

#drop-menu-button a{
    float:left;
	background: url(../images/drop-menu-button-bg.png) no-repeat; 
	width: 73px; 
	height: 20px; 
	margin: 4px 0 0 7px;
    padding: 2px 0 0 6px;
  }

#drop-menu-button a:hover {
    float:left;
	background: url(../images/drop-menu-button-bg-hover.png) no-repeat; 
	width: 73px; 
	height: 20px; 
	margin: 4px 0 0 7px;
    padding: 2px 0 0 6px;
}

#drop-menu-button a:active {
    float:left;
	background: url(../images/drop-menu-button-bg-pressed.png) no-repeat; 
	width: 73px; 
	height: 20px; 
	margin: 4px 0 0 7px;
    padding: 2px 0 0 6px;
}

/* Used to create a space at the top of the button group */
#menu-spacer {
    padding: 0.7em 0 0 0;
    background-color: #202020;    
}
    
/* Menu button margin properties */    
#menu-button-bg {
	padding: 6px 0 0 0;
     
	}
#menu-button-bg a{
	padding: 3px 0 0 10px;
     
	}

#body-left-inner-bg {
    float: left;
    background: url(../images/body-left-inner-bg.png) repeat-y;
    height:100%;
    width: 85px;
    }

/* Content area formation properties */    
#content {

    display: block;
    padding: 10px 10px 0px 10px;
    margin: 32px 0 -14px 0px !important;
    margin: 0;  
    width: auto;     
	background-color: #202020 !important;
    background-color: #171717; 
	color:#aaaaaa;
    }

/* Footer background image properties */    
#footer-bg {

  	background: url(../images/footer-bg.png) no-repeat;
	height: 35px; 
	width: 784px;
    padding: 0;
    margin: 0 auto; 
	}

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

#footer-text a:visited {
	color:#bbbbbb;
    text-decoration:none;   
	font-size: 12px 
	}
    
#footer-text a:hover{
	color:#ffffff;
    text-decoration:none;   
	font-size: 12px 
	}
    
#footer-text a:active {
	color:#cccccc;
    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: 0.9em 0.4em 0 0 !important;
	margin: 1em 0.2em 0 0;  /* IE Fix */
	height: 18px;
	width: 25px;
	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: 0.9em 0.4em 0 0 !important;
	margin: 1em 0.2em 0 0;
	height: 18px;
	width: 25px;
	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: 0.9em 0.4em 0 0 !important;
	margin: 1em 0.2em 0 0;
	height: 18px;
	width: 25px;
	cursor: hand;	
	}
/* Disabled: has replaced by left & right border specified in body-container  
 
 /* Body container left side border edge properties    
#leftEdge {
    float: left;
    background: url(../images/lEdge.png) repeat-y;
    width: 3px;
    height: 100%;
    }

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

#footer-links-right {
    float: right; 
    margin: 1.3em 5px 0 5px;
    font-size: 12px;
    color: #aaaaaa;
}

/* End of Template 2 style sheet */