/* global */html
{height: 100%;}

body
{ font-family: verdana, arial, sans-serif; 
padding: 0px;  
margin: 0px; 
font-size: .68em;
backgound : blue ;}

p{ margin: 0px;  padding: 0px 0px 16px 0px;  line-height: 1.7em;}

h1{ font-family: arial, sans-serif;  font-size: 118%; 
 letter-spacing: .1em;}
h2

{ margin: 0px;  padding: 0px 0px 4px 0px;  font-size: 100%;}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center */

.left{ float: left;   padding: 0px 8px 0px 0px;}

.right{ float: right;   padding: 0px 0px 0px 8px;}.center{ display: block;  text-align: center;  margin: 0 auto;}

/* block quote */

blockquote { margin: 20px 0px 20px 0px;   padding: 10px 20px 0px 20px;  border-left: 8px solid;}

/* unordered list */

ul{ margin: 8px 0px 0px 16px;  padding: 0px;}

ul li{ list-style-type: square;  margin: 0px 0px 11px 0px;   padding: 0px; ;}

/* ordered list */

ol{ margin: 8px 0px 0px 24px;  padding: 0px;}ol li{ margin: 0px 0px 11px 0px;   padding: 0px;}

/* margin lefts / margin rights - to centre content */

#main, #links, #footer, #logo, #menu, #content{ margin-left: auto;   margin-right: auto;}

/* main container */
#main{ height: 100%;}

/* links above the logo / footer */

#links, #footer{ width: 100%;  height: 20px;  font-size: 88%;  text-transform: uppercase;  padding-top : 5px;}

#links{text-align: right;}#footer{ text-align: center;   border-top: 2px solid;}#links a, 

#footer a{text-decoration: none;}#links a:hover, #footer a:hover{text-decoration: underline;}

/* logo */#logo{ width: 90%;  height: 125px;   }

#logo h1,

 #logo h2{ margin: 0px;  letter-spacing: .2em;}#logo h1{ padding: 28px 0px 0px 139px;  font-size: 160%;}

#logo h2{ font-family: arial, sans-serif;  padding: 5px 0px 0px 139px;  font-size: 108%;}

/* navigation menu */

#menu{ height: 20px;  width: 90%; 
 margin-top: 0px; 
 position: relative; 
padding-top : 0px ;}

#menu ul{margin: 0px auto;} 

#menu li{ float: left;  
 margin: 0px 5px 0px 0px;   padding: 0px;  
list-style: none;}
 
#menu li a { display: block;  
 float: left;   height: 20px; 
 text-decoration: none;   padding: 6px 19px 2px 19px; 
 border: 1px solid;  
text-transform: uppercase; 
 font-size: 88%;}

 #menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ height: 20px;  padding: 7px 20px 2px 20px;  border: 0px;} 

/* main content */#content{ width: 90%;  border-left : 1px solid blue; } 

/* column 1 - contains sidebar items */
#column1{ width: 25%;  margin: 12px 0px 0px 0px;  float: right;  padding: 19px 19px 5px 19px;}

.sidebaritem{ text-align: left;  width: 90%;  float: right; 
 margin: 0px 0px 23px 0px;  border: 1px solid;  padding: 14px 8px 14px 9px;}

.sidebaritem h1{ margin: 0px;   font-weight: normal;  padding: 0px 0px 16px 0px;  text-transform: uppercase;}
.sidebaritem p{ line-height: 16px;   padding: 0px 0px 8px 0px;}.sidebaritem a, 
.sidebaritem a:hover{ padding: 0px 0px 2px 19px;  text-decoration: none;}
.sbilinks{padding: 0px}.sbilinks ul{margin: 0px auto;} .sbilinks li { margin: 0px;   float: left;   list-style: none; } 

.sbilinks li a  { color : white ;
} 
.sbilinks li a:hover{ float: left;   height: 16px;  text-decoration: none;   padding: 5px 0px 4px 0px;  

} 


.sidebaritem2{ text-align: left;  width: 90%;  float: right; 
 margin: 0px 0px 23px 0px;  border: 1px solid;  padding: 14px 8px 14px 9px;
background : transparent; border : 1px dashed #669999;}







/* column 2 - page content */
#column2{
 text-align: justify;      padding: 2px 30px 15px 19px;
border-right: 1px solid #D5D2D6;

 }


#column2 h1{ font-family: arial, sans-serif;  padding: 16px 0px 5px 0px;   margin: 10px 20px 12px 0px;   
border-bottom: 1px solid;  font-size: 150%;  text-transform: uppercase;  font-weight: bold ;
text-align : center;}

#column2 h2{ font-family: arial, sans-serif;  padding: 16px 0px 5px 0px;   margin: 0px 20px 12px 0px;   
border-bottom: 0px solid;  font-size: 120%;  text-transform: uppercase;  font-weight: bold;}

#column2 a, 
#column2 a:hover{ padding: 0px 0px 2px 0px;  text-decoration: none;  border-bottom: 1px dashed;}
#column2 a:hover{border-bottom: 1px solid;}


#images {float : right;
margin : 0px; padding :0px;}

#documents {background : #fcf1d2 ;
border : 1px solid grey ;
width : 600px; 
padding :5px;
}

#documents h2{background : white ;
border : 1px solid grey ;
border-left : 3px solid grey ; 
padding :5px;
margin-top : 10px;
}




#hautpage a {float : right;
margin : 3px; padding :3px;
background: #155c92;}


#admin  a {float : right;
margin : 3px; 
padding :0px;
background: #155c92;
color : white;
text-transform: uppercase;
text-decoration: none
}


#listing {float : right;
margin : 3px; 
padding :3px;
background: #fff;
color : blue;
text-decoration: none ;
border : 1px solid red;
  overflow : auto ;
}