/*
======= (c) Copyright, Welte Engineering, 2003-2005, All Rights Reserved =======

 Style Sheet: 1

 Notes:
   - html comment after STYLE tag hides the contents of the STYLE tag from
     browsers that do not recognize it, so it won't be printed on the page.

 References:
   - http://www.pageresource.com/                        (good CSS reference)
   - http://www.htmlcodetutorial.com/style/style.html
   - http://www.1stsitefree.com/design_webstyle.htm      (example of CSS layout)
   - http://www.thesitewizard.com/archive/css.shtml      (NVU tutorials)
   - http://thelinuxapprentice.com/1css.html             (How to make separate style sheets in NVU)
   - http://templatetool.co.uk/css/css-positioning.html  (How to layout a web page using styles)
   - http://www.boogiejack.com/html_tutorials.html       (How to do different things)
   - http://www.projectseven.com/tutorials/css/uberlinks (Animated menu list!)
   - http://www.pmob.co.uk/                              (layout galore!!!)
   - http://solardreamstudios.com/learn/css/footerstick
	
================================================================================
*/

<STYLE>
/*<![CDATA[*/
<!--

* {
  margin             : 20;
  padding            : 0;
}

html, body {
  height             : 99%;    
}

body {
  font-family        : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size          : 12pt;
  color              : #000088;
}

h1 {
  font-family        : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size          : 12pt;
  font-weight        : bold;
  color              : #000088;
}

/* page layout */
#Container-Page {
  position           : relative;
  margin             : 0 auto;
  width              : 780px;
  min-height         : 99%;             /* For Modern Browsers */
  height             : auto !important; /* For Modern Browsers */
  height             : 99%;             /* for IE */
  background-color   : #FFFF99;
  border-style       : solid solid solid solid; /* top, right, bottom, left */
  border-width       : 1px;
}

#Header {
  height             : 80px;
  background-image   : url(../images/background_header.jpg);
  background-repeat  : no-repeat;
}

#Navigation {
  height             : 16px;
  padding-top        : 14px;
  background-image   : url(../images/background_navigation.jpg);
  background-repeat  : no-repeat;
  border-style       : solid none solid none;/* top, right, bottom, left */
  border-width       : 1px;
  color              : #000000;
  font-size          : 10pt;
  font-weight        : normal;
  text-align         : right;
}

#Navigation li {
  float              : right;
  list-style-type    : none;
  white-space        : nowrap;
}

#Navigation ul {
  margin             : 0px;
  padding-right      : 15px;
}

#Navigation a {
  padding            : 0px 10px 0px 22px; /* top, right, bottom, left */
  border             : 1px solid;
  border-color       : #DDD #000 #000 #DDD;
  background-color   : #C0C0C0;
  background-image   : url(../images/background_menu.jpg);
  background-repeat  : no-repeat;
  background-position: 0% 50%;
  text-decoration    : none;
}

#Navigation a:link, #Navigation a:visited {
  color              : #FFFFFF;
}

#Navigation a:hover, #Navigation a:active,
#Uberlink   a:link , #Uberlink a:visited,
#Uberlink   a:hover, #Uberlink a:active {
  background-color   : #FFFF99;
  background-image   : url(../images/background_menu_hover.jpg);
  background-repeat  : no-repeat;
  background-position: 0% 50%;
  color              : #000088;
}

#Container-Content {
  padding            : 10px 2em 50px 2em;
  font-size          : 10pt;
  font-weight        : bold;
  text-align         : justify;
}

#Container-Content a:hover {
  background-color   : #C0C0C0;
  color              : #000088;
}

#Footer {
  position           : absolute;
  width              : 775px;
  bottom             : 0 !important;
  bottom             : -1px; /* For Certain IE widths */
  height             : 40px;
  padding-right      : 5px;
  background-image   : url(../images/background_footer.jpg);
  background-repeat  : no-repeat;
  border-style       : solid none none none;/* top, right, bottom, left */
  border-width       : 1px;
  font-size          : 8pt;
  color              : #000000;
  text-align         : right;
}

#Footer a:hover {
  background-color   : #C0C0C0;
  color              : #000088;
}

-->
/*]]>*/
</STYLE>