﻿/* DEFAULTS
----------------------------------------------------------*/
html,
body   
{
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    height:100%;
}

#pagewrapper
{
    min-height:100%;
	position:relative;
	
	background-image: url('/Pictures/page.png'); 
    background-repeat: repeat-x;
    background-position: 0px 140px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#pageheader
{    
    position: relative;
    top:0px;    
    height:140px;
    text-align:center;
    width: 100%;
              
    background-position: center; 
    background-image:url('/Pictures/header.png'); 
    background-repeat:repeat; 
}

#header
{
    position: relative;
    top:0px;    
    margin: auto;
    height:140px;
    width: 1000px;
    background-color:transparent;
}

#page
{    
    position: relative;
    top:0px;
    margin: auto;
    width: 1000px;
   
    background-color:White;
    border: 1px solid #496077;    
    left: 0px;
    
    padding-bottom:170px;
}

.main
{
    padding: 0px 12px;
    margin: 6px 4px 4px 4px;
}

.footer
{
    text-align:center;
}

#pagefooter
{
    position:absolute;
    bottom:0px;
    left:0px;
    width: 100%;
    min-height:170px;
    
    background-position:center; 
    background-image: url('/Pictures/footer.jpg');
    background-repeat:repeat;    
}

/* Topmenu
-----------------------------------------*/
    
#Topmenu
{
    position:absolute; 
    top:110px;
    left:0px;
    clear:both;
    width:100%;
    height: 20px;
}

.PageTabs
{
    position:absolute;
    left:0px; 
    width: 600px; 
    vertical-align:middle; 
    text-align:justify;    
}
.Options
{
    position:absolute;
    right:0px;
    width:400px;
    vertical-align:baseline; 
    text-align: right;
}
.TopmenuLinks
{
    font-size:13px;
    font-style:normal;        
    color:Menu;
    font-weight:bold;
    font-family:Segoe UI;    
    text-align:left;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
}

.TopmenuLinks:hover, .TopmenuLinks:focus
{
    background-color: #006400;
    color: white;
}


/* header content
----------------------------------------------------------*/
 
#logo
{
    position:absolute; 
    top:10px; 
    left:10px;
    height:75px; 
    width:200px;
}
  


/* Generics
-----------------------------------------*/
.textleft
{
    text-align: left;
}

.clear
{
    clear: both;
}

.bold
{
    font-weight: bold;
}
.textcenter
{
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */