@import url("/database/css/font.css");
@import url("/database/css/content.css");
@import url("/database/css/image.css");

body
{
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000;
	/*background-color: #3C5A50; */
	/*background-color: #AABBA9; */
	background-color: #666666;
	text-align: center;
	font-family: verdana, Arial, Helvetica, sans-serif;
}

.clr   {clear:both;  }
.centerblock {
   margin-left: auto;
   margin-right: auto;
}

#bottommenu {
	text-align: right;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #006453;
	color: white;
}

#navmenu {
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/*border-bottom: 1px solid black; */
}

#navmenu A {
	text-decoration: none; 
    font-weight: normal;
	color: #fff;
}

#navmenu A:link
{
    font-weight: normal;
	color: #fff;
}

#navmenu A:visited
{
    font-weight: normal;
	color: #fff;
}

#navmenu A:hover
{
	text-decoration: underline;
    font-weight: normal;
	color: #fff;
}

#loginmenu {
	text-align: left;
	padding-bottom: 0.5em;
	border-bottom: 1px solid black;
}

#loginmenu A {
	text-decoration: none; 
    font-weight: normal;
	color: #000;
}

#loginmenu A:link
{
    font-weight: normal;
	color: #000;
}

#loginmenu A:visited
{
    font-weight: normal;
	color: #000;
}

#loginmenu A:hover
{
	text-decoration: underline;
    font-weight: normal;
	color: #000;
}
.wrapper { min-width: 400px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

.wrapper {	border-top: 1px solid black;
			border-bottom: 1px solid black;
			border-left: 0px solid black;
			border-right: 0px solid black;
			margin: 0 -1px; }
          /* this is a border with marginal compensation to stop scroll bars */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
	/*width: 790px;*/               /* total width */
	/*width: 98%;*/               /* total width */
}      

.outer {
	border-left-width: 10px;  /* left column width */
	border-left-color: #006453;   /* left column colour */
	
	border-right-width: 200px; /* right column width */
	border-right-color: #fefefe;  /* right column colour */
	
	background-color: #fefefe; /* center column colour */
}

.outernoright {
	border-left-width: 10px;  /* left column width */
	border-left-color: #006453;   /* left column colour */
	
	border-right-width: 0px; /* right column width */
	border-right-color: #fefefe;  /* right column colour */
	
	background-color: #fefefe; /* center column colour */
}



.left {
	width: 10px;              /* left column width */
	margin-left: -10px;       /* _negative_ left column width */
}

.right {
	width: 200px;              /* right column width */
	margin-right: -200px;      /* _negative_ right column width */
}

.wide {
	background-color: #fff;    /* header and footer colours */
	/*border-top: 1px solid black;*/
	/*border-bottom: 1px solid black; */
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.outernoright { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }

.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; }
.center { float: left; width: 100%; position: relative; z-index: 12; }

.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.outernoright > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -3px 0 -2px; }