/* 
-------------------------------------------
    furtherNorth.css - MAIN CSS FILE
-------------------------------------------

Colour Schemes:
        SPRING : GREEN :
        SUMMER : TULIP :
        AUTUMN : RUST :
        WINTER : ICE BLUE:   Light Blue/Gray - #..bcc5f2      Light Blue - #..858fd1      Dark Blue - #..4a5bad
        	
            rygb(35,65,90); rygb(52.5,97.5,135);	rgyb(70,130,180);
                  #-bcc5f2                                      #-858fd1          #-4a5bad
                  
                  Light: #-ad806d  Dark: #-3f6477 Med: #-9b7373
*/

    body{       font-family:arial;
                font-size:10pt;
                padding:0px;
                margin:0px;
                background-color:#3f3f3f;
    }
    
    #mainPage{       
                font-family:arial;
                font-size:10pt;
                padding:0px;
                margin:0px;
                background-color:#fff;
    }    
    .bodycell {padding-top:7px; padding-bottom:7px; padding-left:7px; padding-right:7px; border:1px solid #9b7373; }
    a	        { text-decoration:none; color:#ad806d; } 
    a:hover	{ text-decoration:none; color:#3f6477;}
    ol > li > a { text-decoration:none; color:#dddddd; }
    ol > li > a:hover	{ text-decoration:none; color:#ffffff;}
    .link         {color:#3f6477;font-family:arial;font-size:9pt;cursor:pointer;}
    .link:hover {color:#ad806d;font-family:arial;font-size:9pt;cursor:pointer;}
    
    .pageTitle {color:#ad806d; font-size:14pt; font-weight:500;}
    .pageSubTitle {color:#ad806d; font-size:12pt; font-weight:700;}
    .pageSection  {padding:5px; background-color:#ffffff; border:1px solid #ad806d;}
    .pageText {font-family:arial; font-size:10pt;}
    
    /* REUSABLE GENERAL LAYOUT --------------------------------------------------------------------------*/
      /* FILE LISTS WITH POSSIBLE DATA/ACTIONS/CHOICES ASSOCIATED WITH EACH FILE */
      ul.files{display:table}
      ul.files > li{display:table-row}
      ul.files > li > span {display:table-cell;padding:0px 3px 3px 5px;}
      ul.files > li a {color:#000000;}
      ul.files > li a:hover {color:#ffffff;}

    
    /*-------------------------*/
 
    #galleryTitle {
      clear:both;
      font-family:Arial; 
      font-size:12PT; 
      font-weight:bold; 
      color:#919191; 
      background-color:#3f3f3f;
      border:0px;
      margin-top:15px;
      padding:0px;
      padding-left:10px;
    }    
    
/* TOP/MAIN MENU */
    #header{
       clear:both;
       background-color:#ffffff;
       background-image:url(/webparts/skins/images/N.png);       
       background-repeat:no-repeat;
       height:50px;
       width:100%;
       margin:0px;
       padding-left:15px;
       padding-top:30px;
       cursor:pointer;
    }
    #headerMainPage{
       clear:both;
       background-color:#ffffff;
       height:50px;
       width:100%;
       margin:0px;
       padding-left:15px;
       padding-top:30px;
       cursor:pointer;
    }   
    #footer{
       clear:both;
       background-repeat:no-repeat;
       height:50px;
       width:100%;
       margin:0px;
       padding-left:15px;
       padding-top:30px;
    }
    
    #contentBlock{
           padding:10px;
           margin-left: 25px;
           margin-top: 30px;
           background-color:#777777;
           border:solid 1px #cccccc;
           margin-bottom:5px;
           overflow:hidden;
           cursor:pointer;
    }  

    .contentBlock{
           float:left;
           height:300px;
           width:200px;
           padding:10px;
           margin-left: 25px;
           margin-top: 30px;
           background-color:#777777;
           border:solid 1px #cccccc;
           margin-bottom:5px;
           overflow:hidden;
           cursor:pointer;
    }  
    
    div.contentBlock > h1 {
                                margin-top:1px;
                                margin-bottom:3px;
                                font-size:12pt;
                                font-weight:700;
    }
    
    #menuMain{
       float:right;
       background-color:#ffffff;
       height:50px;
       margin:0px;
       border:0px;
       padding-left:15px;
       padding-top:0px;
       cursor:pointer;
    }
    
    #menuSiteArea{
       width:140px;
       height:25px;
       font-size:12pt; 
       font-weight:500; 
       margin-right:100px;
       padding-top:2px;
       padding-bottom:0px;
       padding-left:10px; 
       padding-right:7px; 
       background-color:#000000; 
       color:#919191; 
       float:left;
    }
 
    .title{
       height:23px;
       font-size:12pt; 
       font-weight:500; 
       margin-right:100px;
       padding-top:2px;
       padding-bottom:0px;
       padding-left:10px; 
       padding-right:7px; 
       color:#919191; 
       float:left;
    }

    .mainMenuItem{
       background-color:#ffffff;
       font-size:12pt; 
       font-weight:500; 
       width:100px; 
       padding-top:18px; 
       margin-left:0px; 
       margin-top:2px; 
       padding-bottom:3px; 
       border-bottom:1px solid #3f3f3f; 
       border-left:none; 
       border-right:none; 
       border-top:none; 
       float:left;
    }

    .mainMenuItemSelected{
       font-size:12pt; 
       font-weight:500; 
       width:100px; 
       margin-left:0px; 
       padding-top:2px; 
       margin-top:2px; 
       padding-bottom:3px; 
       border-bottom:1px solid #3f3f3f; 
       border-left:none; 
       border-right:none; 
       border-top:none; 
       background-color:#3f6477;
    }

    #menuArea{
       clear:both;
       padding-left:0px;
    }
    
    .areaMenuItem{
       background-color:#ffffff;
       font-size:10pt; 
       font-weight:500; 
       padding-top:0px; 
       padding-right:20px;
       padding-left:20px;
       margin-left:0px; 
       margin-top:0px; 
       padding-bottom:3px;
       border-left:none; 
       border-right:none; 
       border-top:none; 
    }
    
    .level2GroupClass {padding-left:0px; padding-right:0px;padding-top:2px; padding-bottom:2px;background-color:#ffffff; border:1px solid #3f6477;border-top:none;}
    .level2ItemClass {padding-left:6px; padding-right:6px; font-size:12pt; font-weight:500;padding-top:2px; padding-bottom:2px; color:#3f6477; background-color:#ffffff;}
    .level2ItemClassHi {padding-left:6px; padding-right:6px; font-size:12pt; font-weight:500;padding-top:2px; padding-bottom:2px; color:#3f6477; background-color:#9b7373;}    


/* NAVIGATION CONTROLS */
    .navArrow  {color:#cccccc; font-family:arial; font-size:10.5pt;}
    .navArrowBox  {color:#aaaaaa; font-family:arial; font-size:10.5pt;}
    .navArrowBoxHi  {color:#eeeeee; cursor:pointer; font-family:arial; font-size:10.5pt;}
    .sectionControls 	{padding-left:0px; padding-right:10px;padding-top:0px; padding-bottom:5px; font-size:9pt; color:#3f6477;}    
    
    
/* LOGIN */   
    #loginLogo {
       width: 400px;
       padding: 5px;
       padding-top: 125px;
       margin: 0px auto;
       }
       
    .welcomeText         {color:#bcc5f2;}
    .passwordText        {color:#bcc5f2;font-size:10pt;font-weight:700;}
    .passwordBox         {border:1px solid #cccccc;}
    
    .loginButton {
        color:#000000;
        border-color:#aaaaaa;
        border-style:solid;
        background-color:#cccccc;
        }
        
    .logoutButton {
        color:#4a5bad;
        border-color:#4a5bad; 
        border-style:solid; 
        background-color:#858fd1;
        }
    
    #loginBox {
       background-color: #fff;
       border: 0px dotted #999;
       }
       
    #loginHelp {
       border-top: 1px solid #ccc;
       }
       
    div.row {
       }

    div.row span.formlabel {
       color:#cccccc;
       }

    div.row span.formw {
       }
       
    div.row span.formerror {
       }

/* WEBLOG */
    #viewMonthName {margin-right:10px;}
    .log        {width:760px; margin-top:13px; padding:5px; padding-bottom:10px; background-color:#ffffff; border:1px solid #ad806d;}
    .logDate    {font-size:12pt; font-weight:500; vertical-align:top; padding-right:10px;}
    .logTitle   {font-size:12pt; font-weight:700; color:#000000;}
    .logAuthor {font-size:12pt; font-weight:700; color:#aaaaaa; margin-left:20px;}
    .logSync     {font-size:12pt; color:#aaaaaa; display:inline; float:right;}
    .logText     {font-size:10pt; font-weight:500; vertical-align:top;}
    .logImageButton {color:#cccccc; font-family:arial; font-size:10pt;}
    .logImageButtonHi {color:#eeeeee; cursor:pointer; font-family:arial; font-size:10pt;}

/* PICTURES */    
           
        .album{
           clear:both;
           height:93px;
           width:750px;
           padding:0px;
           margin-left:25px;
           background-color:#777777;
           border:solid 1px #cccccc;
           margin-bottom:5px;
           overflow:hidden;
           cursor:pointer;
           }
        .albumTitle2{
           margin-top:3px;
           margin-bottom:3px;
           font-size:12pt;
           font-weight:700;
           }

    #currentImageNumber {
        color:#999999;
        font-size:10.5pt;
        cursor:pointer;
    }
    .picturesPageTitle {color:#555555; font-size:14pt; font-weight:500;} 
    .picturesPageTitleHi {color:#999999; font-size:14pt; font-weight:500;cursor:pointer;}
    .picturesHeaderCell {padding:7px;}
    .albumDate {color:#555555;font-size:9pt; font-weight:500; margin-left:170px; padding-right:7px;}
    .albumDescription {width:560px;height:45px;}
    .albumsButton  {font-size:10.5pt;}
    .imgNavArrow  {color:#999999; font-family:arial; font-size:10.5pt;}
    .imgNavArrowBox  {color:#555555; font-family:arial; font-size:10.5pt;}
    .imgNavArrowBoxHi  {color:#999999; cursor:pointer; font-family:arial; font-size:10.5pt;}
    .sectionControls 	{padding-left:0px; padding-right:10px;padding-top:0px; padding-bottom:5px; font-size:9pt; color:#555555;}
    .imgNumberButtonList {background-color:#000000;clear:both;z-index:300;padding:5px;cursor:pointer;}    
    .imgNumberButton     {cursor:pointer; font-size:10.5pt; color:#555555;}
    .imgNumberButtonHi {cursor:pointer; font-size:10.5pt; color:#999999;}
    .picturesLogoutButton {font-family:arial;font-size:9pt;border-width:1px; border-color:#555555; border-style:solid; background-color:#555555;cursor:pointer;}