/* 
-------------------------------------------
    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
*/

    body       {font-family:arial; font-size:10pt; padding:10px; margin:10px;}

    
    
/* TOP/MAIN MENU */
    .title          {font-size:12pt; font-weight:500; padding-left:10px; padding-right:7px; background-color:#4a5bad; color:#bcc5f2;}
    .mainMenuItem   {font-size:12pt; font-weight:500; padding-left:10px; padding-right:10px;padding-top:2px; padding-bottom:3px; border:thin solid #bcc5f2;margin-left:5px;margin-right:0px;}
    .mainMenuItemSelected   {font-size:12pt; font-weight:500; padding-left:10px; padding-right:10px;padding-top:2px; padding-bottom:3px; border:thin solid #4a5bad; background-color:#4a5bad;}
    .time           {font-size:12pt; font-weight:500; text-align:right; color:3333aa}
    
    .level2GroupClass {padding-left:0px; padding-right:0px;padding-top:2px; padding-bottom:2px;background-color:#ffffff; border:thin solid #4a5bad;border-top:none;}
    .level2ItemClass {padding-left:6px; padding-right:6px; font-size:12pt; font-weight:500;padding-top:2px; padding-bottom:2px; color:#4a5bad; background-color:#ffffff;}
    .level2ItemClassHi {padding-left:6px; padding-right:6px; font-size:12pt; font-weight:500;padding-top:2px; padding-bottom:2px; color:#4a5bad; background-color:#bcc5f2;}    


    
/* PAGE CONTENT */
    .bodycell {padding-top:7px; padding-bottom:7px; padding-left:7px; padding-right:7px; border:thin solid #bcc5f2; background-color:#bcc5f2;}    
    a	            { text-decoration:none; color:#858fd1; } 
    a:hover	{ text-decoration:none; color:#4a5bad;} 
    .link         {color:#4a5bad;font-family:arial;font-size:9pt;cursor:pointer;}
    .link:hover {color:#858fd1;font-family:arial;font-size:9pt;cursor:pointer;}
    
    .pageTitle {color:#858fd1; font-size:14pt; font-weight:500;}
    .pageSubTitle {color:#858fd1; font-size:12pt; font-weight:700;}
    .pageSection  {padding:5px; background-color:#ffffff; border:thin solid #858fd1;}
    .pageText {font-family:arial; font-size:10pt;}
    
    
/* NAVIGATION CONTROLS */
    .navArrow  {color:#4a5bad; font-face:arial; font-size:10.5pt;}
    .navArrowBox  {color:#858fd1; font-face:arial; font-size:10.5pt;}
    .navArrowBoxHi  {color:#4a5bad; cursor:pointer; font-face:arial; font-size:10.5pt;}
    .sectionControls 	{padding-left:0px; padding-right:10px;padding-top:0px; padding-bottom:5px; font-size:9pt; color:#4a5bad;}    
    
    
/* 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 {width:75px; color:#000000;font-family:arial;font-size:9pt;border-width:1px; border-color:#aaaaaa; border-style:solid; background-color:#cccccc;cursor:pointer;}
    .logoutButton {color:#4a5bad;font-family:arial;font-size:9pt;border-width:1px; height:25px; border-color:#4a5bad; border-style:solid; background-color:#858fd1;cursor:pointer;}
    #loginBox {
       width: 400px;
       background-color: #fff;
       border: 0px dotted #999;
       padding: 5px;
       padding-left:27px;
       margin: 0px auto;
       }
       
    #loginHelp {
       width: 250px;
       border-top: 1px solid #ccc;"
       padding: 5px;
       padding-right:10px;
       padding-top:5px;
       padding-left:20px;
       margin: 0px auto;
       margin-top:25px;
       }
       
    div.row {
       clear: both;
       padding-top: 6px;
       }

    div.row span.formlabel {
       float: left;
       width: 95px;
       text-align: left;
       }

    div.row span.formw {
       clear:none;
       float: left;
       width: 100px;
       text-align: left;
       }
       
    div.row span.formerror {
       float: right;
       width: 155px;
       text-align: left;
       }
       
/* WEBLOG */
    .log             {padding:5px; background-color:#ffffff; border:thin solid #858fd1;}
    .logDate    {font-size:12pt; font-weight:500; vertical-align:top; padding-right:10px;}
    .logTitle     {font-size:12pt; font-weight:700; }
    .logAuthor {font-size:12pt; font-weight:700; color:#858fd1; margin-left:20px;}
    .logText     {font-size:10pt; font-weight:500; vertical-align:top;}
    .logImageButton {color:#858fd1; font-face:arial; font-size:10pt;}
    .logImageButtonHi {color:#4a5bad; cursor:pointer; font-face:arial; font-size:10pt;}

/* PICTURES */    
    .picturesPageTitle {color:#555555; font-size:14pt; font-weight:500;} 
    .picturesPageTitleHi {color:#999999; font-size:14pt; font-weight:500;cursor:pointer;}
    .picturesHeaderCell {padding:7px;}
    .albumListCell {padding:7px;}
    .album {padding-bottom:15px;}
    .albumImage {padding-right:10px;margin-right:10px;cursor:pointer;}
    .albumTitle  {color:#777777;font-size:12pt; font-weight:700; margin-left:170px; padding-right: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-face:arial; font-size:10.5pt;}
    .imgNavArrowBox  {color:#555555; font-face:arial; font-size:10.5pt;}
    .imgNavArrowBoxHi  {color:#999999; cursor:pointer; font-face:arial; font-size:10.5pt;}
    .sectionControls 	{padding-left:0px; padding-right:10px;padding-top:0px; padding-bottom:5px; font-size:9pt; color:#555555;}    
    .imgNumberButton     {font-size:10.5pt; color:#555555;}
    .imgNumberButtonHi {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;}