body
{
	padding: 0px;
	margin: 0px;
	background-color: #E6E6FA;
	font-size: 100%;
	text-align: left; 
}

a.werner
{
    color: #4169e1; 
    font-weight: bold; 
    text-decoration: underline;
    font-size: 11px;
 } 
a.werner:link
{
    color: #00A2FF; 
    font-weight: bold; 
    text-decoration: underline; 
    font-size: 11px;
 }
a.werner:hover
{
    color: #333; 
    font-weight: bold; 
    text-decoration: underline; 
    font-size: 11px;
 }


#header
{

	clear: both;
	height: 45px;
	margin: 0 auto;
	left: 15%;
	width: 100%;
	background-color: #57b3b2;
	height: 110px;
	border-bottom: 1px solid black;
}
#menu
{
	background: #57b3b2;
    height: 25px;
	width: 100%;
}

.move
{
	left: 5%;
	position: relative;
}

.move_werner
{
	left: 0%;
	position: relative;
}

.mainLogo
{
	font-family: tahoma,arial;
	font-size: 18px;
	color: #ffffff;
}

#logo {
	color: #000000;
	background: inherit;

}

#slogan {
	float: right;
	border-left: 1px solid #CCCCCC;
	padding: 0 0 0 20px;
	color: black;
}
.slogan2 {
	color: #000000;
	font-size: 13px;
}

/* Main Navigation */
#nav ul {display: inline}

#nav li {display: inline}

#nav a {
	line-height: 30px; /* same as height of nav bar */
	margin-left: 10px; 
	display: inline;
	font-weight: bold
}

span {color: #00A2FF}
p, ul, p a, h2, li {font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 1px; color: Black;}

#nav a span {color: #333}

/* Text styles */
p {margin: 10px; font-size:11px; line-height: 1.75em;}
p.frontpage {text-align: justify;}

p.updated {margin-left: 10px; font-size: 0.60em; line-height: 0.60em; letter-spacing: 0.05em; color: #888}

acronym {border-bottom: 1px dashed #333; cursor: help}

ul {margin-left: 10px; font-size: 0.70em; line-height: 1.75em; list-style: inside square}

/* Paragraph Links */
a {color: #4169e1; font-weight: bold; text-decoration: none; font-size: 11px;} /* The blue colour */
a:link {color: #00A2FF; font-weight: bold; text-decoration: none; font-size: 11px;}
a:hover {color: #333; font-weight: bold; text-decoration: none; font-size: 11px;}
a.demo {color: #00A2FF; font-weight: bold; text-decoration: none; font-size: 11px;} /* The blue colour */
a.demo:hover {color: #ff0000; font-weight: bold; text-decoration: none; font-size: 11px;}

#container {
	width: 780px; /* Suits an 800x600 page, allowing for scrollbar */
	overflow: hidden;
	position: relative;
	left: 5%;
}

#lftcol {
	float: left;
	width: 205px;
	background: transparent;
	overflow: hidden
}

#rgtcol {
	float: left;
	width: 570px;
    background: transparent;
	overflow: hidden;
	padding-left: 4px;
}

/* Heading styles */
h1 {margin-left: 10px; font-family: Arial,Georgia, serif; color: #00A2FF; float: left; font-weight: normal; margin-left: 10px; font-size: 1.55em}
h1 a:link, h1 a:visited, h1 a:active {text-decoration: none; color: #00A2FF; font-weight: normal}
h1 a:link span, h1 a:visited span, h1 a:active span {text-decoration: none; font-weight: normal}
h1 a:hover {color: #00A2FF; text-decoration: none; font-weight: normal}
h1 a:hover span {color: #333; text-decoration: none; font-weight: normal}

h3 a, h3 a:link, h3 a:hover {font-weight: normal} /* styling for h3 heading links */
h4 a, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {font-weight: bold} /* styling for other heading links */

h2 {margin: 0; padding-left: 10px; font-size: 0.75em; background-color: #666666; color: #fff; line-height: 2.0em} /* headings on black backgrounds */
h2.inner {margin: 0; padding-left: 10px; font-size: 0.75em; background-color: #999999; color: #fff; line-height: 2.0em} /* headings on black backgrounds */

h3.large
{
    font-size: 14px;   
}

.small
{
    font-family: Tahoma,arial;
    font-size: 11px;
    border-top: 1px solid #cccccc;
    color: #999999;
    padding: 5px;
}

h3, h4, h5 {font-family: Georgia, serif; margin: 20px 0 0 10px}
h3
{
    font-size: 1.05em;
    line-height: 1.25em;
    font-family: Arial, Tahoma,arial;
    font-weight: normal;
    
}
h4 {font-size: 0.90em; line-height: 0.90em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
h5 {font-size: 0.70em; line-height: 0.70em; font-family: Arial, Helvetica, sans-serif; font-weight: bold} /* appears like bold paragraph text */

.screenHeading
{
	font-family: arial;
	font-size: 11px;
	color: #999999;
	letter-spacing: 1px;
	padding-bottom: 2px;
	border-bottom: 1px solid black;
}
.screenText
{
	font-family: arial;
	font-size: 11px;
	padding-top: 2px;
}

.frmTextBox
{
	border: 1px solid black;
	font-family: arial;
	font-size: 10px;
	background-color: #B0C4DE;
	color: #ffffff;
}

.frmTextCheck
{
	border: 0px solid black;
	font-size: 12px;
	background-color: #B0C4DE;
	color: #ffffff;
	text-decoration: underline;
}

.frmText
{
	font-size:11px; line-height: 1.75em;
	color: white;
}

.downloaddemo
{
	width: 202px;
	padding: 20px;
	height: 75px;
	background: url(../images/demodl.jpg);
	font-family: arial;
	color: white;
	font-size: 11px;
	background-repeat: no-repeat;

}

#copyright
{
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    
    border-top: 1px solid #cccccc;
    font-family: Arial,Tahoma;
    font-size: 12px;
    color: Black;
}

.container {
	width: 780px; /* Suits an 800x600 page, allowing for scrollbar */
	overflow: hidden;
	position: relative;
	left: 5%;
}

li.bp
{
     list-style-position: outside;
     margin-left: 3px;
     text-align: justify;
     padding-right: 10px;
     padding-left: 12px;
}

.maplink
{
    font-family: Tahoma,arial;
    font-size: 12px;
    color: #666666;   
}

.maplink:link
{
    font-family: Tahoma,arial;
    font-size: 12px;
    color: #666666;   
}
.maplink:visited
{
    font-family: Tahoma,arial;
    font-size: 12px;
    color: #666666;      
}
.maplink:hover
{
    font-family: Tahoma,arial;
    font-size: 12px;
    color: #666666; 
    text-decoration: underline;   
}
.mapdesc
{
    font-family: Tahoma,arial;
    font-size: 10px;
    color: Black;   
}
ol
{
    list-style: decimal;
    font-family: Tahoma,arial;
    font-size:11px; line-height: 1.75em;
    letter-spacing: 1px;
}

.p_replace
{
	font-family: Tahoma,arial;
	margin: 10px;
	font-size:11px; 
	letter-spacing: 1px;
}

.werner_error
{
	font-family: Tahoma,arial;
	font-size:10px;
	font-style: normal;
	font-weight: normal; 
	
}

.errortxt
{
	font-family: Tahoma,arial;
	font-size:10px;
	font-style: normal;
	font-weight: normal; 
}

.minititle1
{
	font-family: Tahoma,arial;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
}

.minititle2
{
	font-family: Tahoma,arial;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
}

.minititle3
{
	font-family: Tahoma,arial;
	font-size:10px;
	font-style: normal;
	font-weight: bold;
}

.normal
{
	font-family: Tahoma,arial;
	font-size:11px;
	font-style: normal;
	font-weight: normal;
}

.imlost
{
	font-family: Verdana, Helvetica, Arial;
	font-size:11px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
}