/* basic body, other general style overrides */
body {
    position:static;
    margin:0;
    padding:0;
    width:100%;
    background:#fff !important;
    text-align:left;
    font-size:12pt !important;
    font-family:"Arial Narrow", Arial, verdana, "Luxi Sans", sans-serif;}

h1, h2, h3, h4, h5 {
    margin:0;
    padding:0;}
    
.returnToList {
    display:none;}
    
    
    
/* links style, and add url to all <a> */
a:link, a:visited {
	color:#520;
	background:transparent;
	font-weight:bold;
	text-decoration:underline;}
	
a:link:after, a:visited:after {
    content: " (" attr(href) ") ";
    font-size:90%;}

/* /links add our url */
a[href^="/"]:after {
    content:" (http://www.saskmining.ca" attr(href) ") ";}
    
/* big links, make spans clear */
a:link span, a:visited span, a:hover span {
    float:left;
    clear:left;}

/* onto the other elements */
    

/* slogan */

div.slogan {
    float:right;
    clear:none;
    width:6%;
    height:100%;
    margin-top:10px;}
    
    
/* header */
 
#header {
    float:left;
    clear:none;
    width:40%;}
    
    #header img {
        border:0;}
        
    #header a:link:after, #header a:visited:after {
        content: "";}


/* general colum styles */    
#left, #center, #right {
    float:none; /* mox bug - long floated elements print only 1 page */
    clear:left;
    width:90%;}



/* left side */        
#left {
    float:left;
    clear:none;
    width:50%;}
    
    #left .pageAbbr, #left .navigation {
        display:none;}
        
    #left .pageName {
        margin-top:20px;}
        
        #left .pageName h1 {
            font-size:2.5em;}


/* center */

#center .innerPadding {
    padding:3%;}
    
    #center li {
        margin:.4em 0;}
    
    #center h1 {
        font-size:2em;}
    
    #center h2 {
        font-size:1.8em;}
    
    #center h3 {
        font-size:1.4em;}
    
    #center h4 {
        font-size:1.2em;}
    
    #center h5 {
        font-size:1em;}
            
    #center .files {
        float:left;
        clear:left;
        width:100%;
        margin:10px 0;
        border:1px solid #000;}
        
        #center .files .boxContent h1 {
            font-size:1.3em;
            font-family:"arial narrow", arial, verdana, "Luxi Sans", sans-serif;}

        #center .newsShow h1 {
            font-family:serif;}
            
        #center .newsShow h2 { /* date */
            font-size:1em;}
            
/* right side */    

#right {
    clear:both;
    width:100%;}
      
    #right .innerPadding {
        padding:2%;}
    
    #right .box {
        float:left;
        clear:none;
        width:29%;
        margin:2%;
        border:1px solid #000;}
        
    #right .box .top h1 {
        font-size:1.2em;
        margin:.1em 0 0 .5em;}
        
    #right .box .boxContent {
        width:99.5%;}
        
    #right .box .boxContent .innerPadding {
        padding:2%;}
        
        
/* copyright footer */
#printFooter {
    clear:both;
    width:100%;
    padding:10px 0;
    text-align:center;
    font-size:90%;}
    
        
    

