/* This work is licensed under the Creative Commons ShareAlike
   License. To view a copy of this license, visit
   http://creativecommons.org/licenses/sa/1.0/ or send a letter to Creative
   Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA. */

/* Should be compilent with CSS 2.1 for information see http://www.w3.org/TR/CSS21/ */

html, body {
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body { 
	position: absolute ;
	top: 0;
	bottom: 0;
	}

/* no real use of this someone told me its usefull but .. */
.hack{  clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	border: none;
	 }

/* a is link */
a,a:visited,a:active {
        color: #000033;
        border-bottom: 1px solid #000033;
        text-decoration: none;
        }
 
a:hover {
        color: #333366;
        border-bottom: 1px solid #333366;
        text-decoration: none;
        }
 
/* page head( logo name ect..) */
 
#head {
	width: 100%;
        font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 30px;
        padding: 0px 0px 0px 0px;
        white-space: nowrap;
        }
 
#head a {
        font-size: 12px;
        font-weight: bold;
        border-bottom: 0px solid #000;
        text-decoration: none;
        margin: 0px 5px 0px 0px;
        padding: 0px 0px 0px 0px;
        }
#head a:link {
        text-decoration: none ;}
 
#head i {
	float: right;
        font-size: 12px;
        font-weight: bold;
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        }
 
#head img {
        float: left;
        }

/* The menu bar   */
 
#menu {
        background-color: #fff;
        height: 20px;
        text-align: center; 
	margin-bottom: 10px ;
        white-space : nowrap;
        }
 
#menu ul {
        list-style: none;
        padding: 0px 0px 0px 0px;
        margin: 0px;
        }
 
#menu ul li {
        display: inline;
	background-color: #d3d8e5;
        margin: 2px 1px 0px 0px;
	padding-top: 3px;	
	border: 1px solid #626d9a;
        vertical-align: middle;
        }
 
#menu a {
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-size: 18px;
        color: #000;
        border-bottom: 0px solid #000033;
        text-decoration: none;
        padding: 5px 12px 5px 6px;
        }
 
#menu a:hover {
        background-color: #424F63;
        color: #EEEEFF;
        }
 
#menu a:active {
        background-color: #E7F0F9;
        color: #424F63;
        }
 
/* PAGEBODY :: Main Content Area of the Page */
 
#body { text-align: justify ;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 20px ;
	min-height: 50px;
	min-width: 400px;
        font-family: "Trebuchet MS", Arial, sans-serif;
        background-color: #FFF;
	margin-bottom: 20px;
        }
	
#body th{
	font-size: 12px ;
	font-weight: normal ;
	background-color: #33CCFF ;
}
	
#body h1 {
        font-family: georgia, serif;
        font-size: large;
	border-bottom: 2px solid #999;
	margin-bottom: 6px ;
	padding-left: 8px;
	width: 80%;
        }
#body h1.date {
	font-size: medium;
	}

#body h2 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 0px;
        margin-top: 3px;
	margin-left: 18px;
	padding-left: 6px;
	border-bottom: 1px solid #888;
	width: 70% ;
        }
 
#body h3 {
        font-size: 12px;
        font-weight: bold;
        border-bottom: 1px dotted #9999CC;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 3px;
        padding-bottom: 0px;
        margin-left: 0px;
	width: 70%;
        }
 
#body p {
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 10px;
        line-height: 150%;
        }
	
 
#body li {
        font-size: 12px;
        margin-top: 0px;
        padding-top: 2px;
        padding-left: 10px;
        padding-bottom: 0px;
        line-height: 150%;
        }

#body dt {
        padding-top: 10px;
        font-weight: bold;
        }

#body dd {
        padding-bottom: 10px;
        }

#body pre {
        background-color: #D3D8E5;
        line-height: 100%;
        }
        								 
/* PAGEBAR :: Bar on Left Side of Page */
 
#bar {
        background-color: #E9ECEF;
	height: 100%;
	padding-top: 10px;
	clear: both;	
        border-right-style: dotted;
        border-right-width: 2px;
        border-right-color: #728daf;
        font-family: "Trebuchet MS", Arial, sans-serif;
        }
 
#bar a.section {
        font-size: 14px;
        text-align: center;
        font-weight: bold;
        border-bottom: 1px solid #9999CC;
        margin-bottom: 10px;
        }
 
#bar p {
        font-size: 11px;
        margin-top: 0px;
        margin-bottom: 6px;
        }
 
#bar a {
	font-size: 12px;
        border-bottom: 1px dotted #333366;
        color: #333366;
	font-weight: bold;
        
        }
#bar a.secondaire {
        border-bottom: 0px;
        text-decoration: none;
	font-weight: normal;
        font-size: 10px;
        position: relative;
        left: 20px;}
 

#clear {
        clear:both;
        }
 
/* Navigation Bar */
 
#navibar {
        float: left;
        padding-left: 2%;
        text-align: left;
        font-size: 12px;
        font-family: monospace ;
        }
 
/* News box */
#news {
	font-size: 12px;
	border-width: 1px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px ;
	border-color: #555f92 ;
	border-style: solid;
	}

#news p {
	 color: #000000;
	 }

#news h1{ 
	font-size: 12px;
	color: #003a60;
        text-decoration: none;
	 }

#news h1.date{ 
	font-size: 12px;
	color: #003a60;
        text-decoration: none;
	 }

/* line at the bottom */
#credit {
  	clear: both;
	margin-top: 90px ;
        background-color: #c6c6c6;
        height: 15px;
        width: 100% ;
        text-align: center;
        font-size: 10px;
        font-family: monospace ;
        }