/*  *************************************************************************** */
/*  *************************************************************************** */
/*  *************************************************************************** */
/*  *************************************************************************** */
/*  *************************************************************************** */
/*  *************************************************************************** */
/*  *************************************************************************** */
#mainContainer  { border: 0px; height: 100%; margin: -8px; padding: 0px;}

#mainSite       { border: 0px; height: 100%; margin: 0px; padding: 0px;}

/* common classes *********************************************** */
.menuSpacing   { word-spacing: 25px; margin: 0px 50px; }
.lineBlock     { display: inline-block; }                 
.vertCentre    { vertical-align: middle; text-align:justify; }
a.noUnderScore { text-decoration:none; color:#3c495b; }
              


/* top Info frame ************************************************ */
#topInfoFrame   { width: 100%; height: 50px; position: absolute; top: 0px; }
div.topInfo     { background: #ffffff; position: absolute; top: 0.5em; left: 50px; }
p.topInfo       { font-family:"titillium", "helvetica", "carlito", "sans-serif"; font-size: 10px; color: #3c495b; margin:-0px 0px 0px 0px; }
p.torunn	{ font-family:"titillium", "helvetica", "carlito", "sans-serif"; font-size:10px; color:#3c495b; margin:10px 0px 0px 0px;}
p.tagline	{ font-family:"adobe caslon", "times", "serif"; font-style:italic; font-size:14px; color:#faab26; letter-spacing:2px; margin:-73px 0px 0px 95px; }
a.topInfoLink	{ text-decoration:none;}
img.logo{border:none; margin:10px 0px 0px 0px; width:25%; height:25%}

/* top menu frame ************************************************ */
#topMenuFrame  { width: 100%; height: 25px; 
                 position: absolute; top: 150px; 
                 text-align: justify;}

#topMenuDiv    { width: 100%; height: 100%; 
                 position: absolute; top: 0px;
                 background: #3c495b; text-align: justify; }

.topMenuStyle  { font-family: "titillium", "helvetica","carlito", "sans-serif"; 
                 font-size: 70%; font-weight: normal; 
                 color: #ffffff; text-decoration: none; outline: none;
                 margin-left: 50px; margin-right: 10px; }


/* image frame *********************************************** */
#imageFrame    { width: 100%; height: 350px; 
                 position: absolute; top: 175px; }
                 
.imageFramePort{ overflow: auto; }

#imageDiv      { width: 100%; height: 100%; 
                 position: absolute;
                 display: table; 
                 background: #fff;
                 white-space: nowrap; }

#imageInnerDiv { vertical-align: middle; display: table-cell; max-height: 300px; }

.imageBar      { margin: 1px; max-height: 300px; font-size: 70%; }


/* archive/log menu *********************************************** */
#archiveMenuDiv    { background: #3c495b; width: 100%; height: 100%; position: absolute; top: 0px; text-align:justify;}

/* archive/log frame *********************************************** */
#archiveDiv0   { width: 100%; height: 350px; top: 0px; left: 0px;
                 position: absolute; overflow: hidden; display: table; }

#archiveOuterTextDiv   { width: 350px; height: 350px;
                 float: left; 
                 position: absolute; display: table; }

.archiveMiddle { vertical-align: middle; display: table-cell; }

.archiveDesc   { font-family: "titillium", "helvetica","carlito", "sans-serif"; font-size: 80%; font-weight: normal; 
                 margin-left: 50px; margin-right: 50px; 
                 text-align: left; }
                 
#archiveOuterImageDiv   { width: 100%; height: 350px; 
                 white-space: nowrap;  
                 position: absolute; left: 350px; display: table; }
                 
#archiveInnerImageDiv{ width: 100%; max-height: 300px;
                  vertical-align: middle; display: table-cell;  vertical-align: middle; }
    
                
/* bottom menu frame *********************************************** */
#bottomMenuFrame { width: 100%; height: 60px; position: absolute; top: 560px; }
#bottomMenuDiv   { width: 100%; height: 100%; position: absolute; top: 0px; left: 50px; }
.bottomMenu     { text-decoration: none; font-family: "titillium", "helvetica","carlito", "sans-serif"; font-size: 10px; 
                   line-height: 12px; color: #faab26; outline: none; }




/* about frame *********************************************** */
/* shares the frame with the image frame                       */
#aboutDiv1     { width: 600px; height: 100%; position: absolute; top: 0px; left: 0px;
                 overflow: hidden; }
.aboutBioText  { padding-right: 20px; padding-left: 50px; 
                 font-family: "titillium", "helvetica","carlito", "sans-serif"; color: #3c495b; font-size: 80%; 
                 vertical-align: middle; text-align: left; overflow: hidden; }

#aboutDiv2     { width: 600px; height: 100%; 
                 position: absolute; top: 0px; left: 600px;
                 white-space: nowrap; overflow-y:hidden; overflow-x:auto; }

.aboutTorunnImageClass
               { position: absolute; top: 30px; left: 50px;
                 font-family: "titillium", "helvetica", "carlito", "sans-serif"; color: #3c495b; font-size: 80%;
               }
               
a.aboutLinks   {text-decoration: none; color: #3c495b; font-weight: bold;  }



#contactDiv1   { width: 600px; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; }
#contactDiv2   { width: 600px; height: 100%; position: absolute; top: 0px; left: 400px;
                 white-space: nowrap; overflow: hidden; }
.contactText   { padding-right: 20px; padding-left: 50px; vertical-align: middle; text-align: left; margin: 0 0 0 0;
                 font-family: "titillium", "helvetica","carlito", "sans-serif"; color: #3c495b; font-size: 80%; }
.contactEmail  { text-decoration: none; color: #3c495b; font-weight: bold; }
                
                
/* navigator frame *********************************************** */
#navigatorFrame { width: 100%; height: 25px; position: absolute; top: 525px; }
#navigatorDiv   { width: 100%; height: 100%; position: absolute; 
                  border-top: 1px solid #bdd0d8; border-bottom: 1px solid #bdd0d8; }
#navigatorDiv11 { width: 333px; height: 100%; float: left; }
#navigatorDiv12 { width: 533px;   height: 100%; }
.arrow          { margin-top: 4px; border: 0px; }



.subGroupText  { position:absolute; top: 5px; left: 50px; 
                 font-family: "titillium", "helvetica","carlito", "sans-serif"; font-size: 80%; color: #8da5b5;  }


/* language select frame *********************************************** */
#languageSelectFrame { width: 100%; height: 15px; position: absolute; top: 675px; }
#languageSelectDiv   { width: 100%; height: 100%; position: absolute; top: 0px; left:50px; }
.selectLanguage     { text-decoration:none; font-family:"titillium", "helvetica","carlito", "sans-serif"; font-size:10px; 
                       line-height:3px; color:#3c495b; }

/* copyright text frame *********************************************** */
#copyrightFrame { width: 100%; height: 20px; position: absolute; top: 695px; }
#copyrightDiv   { width: 100%; height: 15px; position: absolute; left:50px; vertical-align: bottom; }
p.copyright     { font-family:"titillium","helvetica","carlito","sans-serif"; font-size:65%; line-height:3px; color:#3c495b; font-style: italic; }


/* misc *********************************************** */

.selected       { font-weight: bold; }