/* Generic Selectors */
html,body{margin:0;padding:0; color:#111;}
/**  body{font: 86% verdana,sans-serif;text-align:center; background:#f5f2e9;} **/
body{font: 86% verdana,sans-serif; text-align:justify;background:#20528e;}
p {width: 90%;}

h1 {font-family: Georgia, "Times New Roman", Times, serif; position:center; font-size: 18px;font-weight: bold;color: #000000; text-align: center;}

h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #000000; border-bottom: 1px solid #C6EC8C; text-align: center;}

/**************** Pseudo classes ****************/

a:link {color: #00CC00; text-decoration: underline; font-weight: bold;}
li :link {color: #00CC00; text-decoration: none; font-weight: bold;}
a:visited {color: #00CC00; text-decoration: underline; font-weight: bold;}
li a:visited {color: #00CC00; text-decoration: none; font-weight: bold;}
a:hover {color: rgb(0, 96, 255); padding-bottom: 5px; font-weight: bold; text-decoration: underline;}
li a:hover {display: block; color: rgb(0, 96, 255); padding-bottom: 5px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid;border-bottom-color: #C6EC8C;}
a:active {color: rgb(255, 0, 102); font-weight: bold;}

/************************* ID's *************************/

/***  Define the Outer Perimeter of the content Area ***/
/** div#outer { background: url(/cssfiles/body.jpg) repeat-y; width: 835px; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: left;} **/
div#outer { width: 835px; margin-top: 10px;margin-bottom: 10px; margin-left: auto; margin-right: auto; background-image: url(body.jpg); background-repeat: repeat-y; }


/** Define the main content Area **/
div#Content {display:inline; float:right; width:618px; background:transparent; padding: 5px;}
/** div#content { margin-left: 250px;   margin-right: 10px; margin-top: 1px;    padding: 10px;position:relative; left:10px; top:10px } **/
/** #Content p  {padding-left: 1cm} **/


/** Define the header area **/
div#header {width: 835px; height: 203px; margin: 0 auto; padding: 0 20px; background: url(header.jpg); background-position: top left; background-repeat:no-repeat;}
/** Define the Navigation pane **/
div#navigation {text-align: right; float: left; width:150px; height:100%; padding-left: 10px; margin-top: 1px;}
/** Define the spacer to enable the background in the outer area to show **/
div#spacer {clear: both;}

/** Little information box **/
div#boxl {float:right; margin:7px 7px 7px 14px; color:#444; width: 160px; background:#D1DAEB; padding:12px; border:1px solid #496DAB; font-size:90%; text-align: left;}
#boxl h3 {margin:0 0 6px 0;color:#191962;} 
#boxl ul {margin:0; padding:0 0 0 10px; list-style-type:square;} 
#boxl ul li {padding-bottom:6px; line-height:1.5em;}
/** #boxl p {padding-left:1px;} **/