/* CSS Document */

* {
   padding: 0;
   margin: 0;
   margin-left: 0;
   padding-left: 0;
}

body {
   color: #000; 
   text-align: center; 
   min-width: 1000px; 
   font-family: verdana, lucida, arial, helvetica, sans-serif;
}

p {
   margin-bottom: 10px;
   line-height: 19px;
   font-size: 80%;
}

a, a:link, a:visited {
   color: #660;
   text-decoration: none;
   font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a:active, a:focus {
   text-decoration: none;
   color: #666;
}  

span a {
   font-weight: bold;
   text-decoration: none;
}

#intro  {background:   ;
}

#container {
   position: relative; 
   margin: 0 auto;
   width: 1000px;
   text-align: left;
   background:  fff;
}

/* intro */

#pageHeader {
   background: url(../content/masts/jelaero-homemast.jpg) center top no-repeat;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   height: 180px;
   color: #7D8669;
}

#pageHeader h1 {
	position: absolute;
	width: 294px;
	left: 206px;
	top: 60px;
}

#pageHeader h2 {
	position: absolute;
	width: 294px;
	left: 191px;
	top: 109px;
	font-size: 80%;
}


#columnright {
	float: right;
	font-size: 90%;
	width: 200px;
	padding-left: 15px;
	padding-right: 15px;
	background-color:
}

#columnleft {
	float: left;
	font-size: 90%;
	width: 200px;
	padding-left: 15px;
	padding-right: 15px;
	background-color:
}

#h3 {
   color: #003366;
   margin-bottom: 20px;
    
}


/* generic text */

.style1 {
	font-size: small;
	font-weight: bold;
	color: #000;
}
.style2 {
	font-size: medium;
	font-weight: bold;
	color: #660;
}
.style3 {
	font-size: 18px;
	font-weight: bold;
	color: #660;
}

.style4 {
	font-size: small;
	font-weight: bold;
	color: #990000;
}

.style5 {
	font-size: small;
	font-weight: bold;
	color: #660;
}

.style6 {
	font-size: medium;
	font-weight: normal;
	color: #000;
}

.style7 {
	font-size: medium;
	font-weight: bold;
	color: #360;
}

.style8 {
	font-size: x-small;
	font-weight: normal;
	color: #000;
}

.style9 {
	font-size: 16px;
	font-weight: bold;
	color: #660;
}
.style10 {
	font-size: small;
	font-weight: bold;
	color: #000;
}

.style11 {
	font-size: small;
	font-weight: bold;
	color: #360;
}

#supportingText {
   margin-left: 240px;
   margin-right: 240px;
   padding: 5px 10px 10px 10px;
   border-left: solid thin #CCC;
   border-right: solid thin #CCC;   
   background-color:;
}

#contentbox2, #contentbox5 #centercontent{
   padding-right: 20px;
   padding-left: 10px;
   padding-top: 5px;
   background-color:#fff;
}

#contentbox1 {
	float: right;
	font-size: 14px;
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color:#fff;
}

#contentbox3 {
	float: right;
	font-size: 14px;
	text-align:center;
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color:#fff;
}

#contentbox4 {
	float: right;
	font-size: 14px;
	text-align:center;
	width: 180px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color:#fff;
}

#supportingText h3 {
   margin-bottom: 10px;
   height: 20px;
   width: 400px;
   background-color: #fff;
   color: #003366;
   border-bottom: solid #336699 2px;

}

#supportingText .p1 {
   color: #000000;
}

#link-box {
   clear: both;
   font-size: 70%;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #000000;
   background-image:url(../content/backgrounds/10px-bg.jpg);
}

#footer {
   clear: both;
   font-size: 70%;
   padding-top: 10px;
   color: #000000;
}

/* links */

#lmenu {
   clear: both; 
   height: 25px;
   margin-bottom: 15px;
}

#lmenu li a:hover {
   color: #C90;
}

#lmenu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
}

#lmenu ul li {
   display: inline;
}

#lmenu li a { 
   text-decoration: none; 
   padding: .2em .5em;
   color: #660;
}