/*Container, define the region to be used*/
#container
{
float: center;
width: 60em;
margin: 1px auto;
background-color: #fffff;
color: #404040;
border: 1px solid white;
line-height: 110%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt; 
}
/*Container style ends here*/

/*Several ways to highligh*/
#hl /*red and bold*/
{
color: #ff0800;
font-weight: bold;
}
#hltft /*red, italic and bold*/
{
color: #ff0800;
font-style: italic;
font-weight: bold;
}
#hltsup /*red and bold superscript*/
{
color: #ff0800;
vertical-align: text-top;
font-size: 7pt;
font-weight: bold;
}
#hltbg /*red background*/
{
background-color: #ff8f00;
}
#lowkey /*grey*/
{
color: #999999;
font-size: 10pt;
font-weight: normal;
}

/*Header styles*/
h1 {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: 16pt;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 150%;
color: #18A6B5;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10.5pt;
line-height: 100%;
color: #18A6B5;
background-image: url("./picture/header_bg.jpg");
background-repeat: repeat-y;
background-position: right;
}
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 100%;
margin: 0 0 0 0.5em;
}
p {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 9.5pt;
font-weight: normal;
line-height: 120%;
margin-left: 0.5em;
}

/*link styles*/
a:active {  color: #333333; text-decoration: underline}
a:link {  color: #6B8E31; text-decoration: none}
a:visited {  color: #6B8E31; text-decoration: none}
a:hover { color: #009294; text-decoration: none}
/* used colors: 006677 */

#img {
background-color: #ffffff;
}

/*top region: for site titles etc*/
#top
{
width: 100%;
padding: 0em;
background-color: #fff;
background-image: url("./picture/header_bg.jpg");
background-repeat: repeat-y;
background-position: right;
border-bottom: 1px solid white;
line-height: 120%;
}

#top h1
{
padding: 0;
margin: 0;
}

#top table
{
margin: -16px 0 0 0;
padding: 0;
width: 85%;
border: 0;
}
/*End of top*/

/*Navigation bar definition*/
#navigation {
  height:2.5em;
  line-height:2.5em;
  width: 100%;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid;
  white-space:nowrap;
  font-weight: normal;
}

#navigation li a {
  display:block;
  padding:0 12px;
  font-size:0.8em;
  text-transform:uppercase;
  letter-spacing:1px;
}

#navigation form {
  float:right;
  height:100%;
  width:20%;
  padding:0 0;
  border-left:0px solid;
  line-height:0;
}

#navigation, #navigation li {background-color:#A3C159;}

#navigation li {border-color:white;}

#navigation a {color:white;}

#navigation .selected, #navigation a:hover
  {background-color:#1BA6B2;}

#navigation form {
  border-color:white;
  background:#FEC42D url(./picture/corner_bottom_right.gif) bottom right no-repeat;
}
/*color: #ff0800; #006677*/
/*End of navigation*/


/*Content region, the main region of information*/
#content
{
float:left;
background-color: #ffffff;
margin-top: 1em;
margin-left: 0;
border-left: 0px solid gray;
padding: 0 0 1em 1em;
width: 47em;
vertical-align: top;
}

#content table {
margin: 0em 1em 0em 0.3em;
border:0.5em solid white;
padding:0;
width: 100%;
vertical-align: center;
}

#content .contact{
margin: 0em 1em 0.5em 0.3em;
border:0.5em solid white;
padding:0;
width: 70%;
}

#content .img{
  align: right;
  vertical-align: center;
  padding: 0 0.3em 0 0;
}

#content .date{
  align: center;
  vertical-align: text-top;
  padding: 0.3em 1em 0.3em 0;
}


#content table tr{
  border: 0;
  margin: 0;
  vertical-align:;
  padding: 0.3em 0 0.3em 0;
}

#content table tr td {
  border: 0;
  margin: 0;
  padding: 0.3em 0em 0.3em 0;
}

#content table tr td p{
  border: 0;
  margin: 0;
  padding: 0 0em 0.3em 0;
}

#content ul {
line-height: 150%;
}
/*End of content region*/

/*subcontent, the vertical navigation menu*/
#subcontent
{
background-color:white;
float: right;
margin: 0;
padding: 0;
border: 0;
width: 15%;
padding: 0 1.5em 0 0.5em;
vertical-align: text-top;
}

#subcontent a:active {  color: #A3C159; text-decoration: underline}
#subcontent a:link {  color: #A3C159; text-decoration: none}
#subcontent a:visited {  color: #A3C159; text-decoration: none}
#subcontent .selected, 
#subcontent a:hover { color: #18A6B5; text-decoration: none}
/*#18A6B5*/


#subcontent p {
  margin: 0.9em 0.5em;
  font-size: 8.5pt;
  font-weight: normal;
  line-height: 150%;
}

#subcontent h2 {
  margin:18px 0 1px 0;
}

#subcontent h2 bd {
  display:block;
  padding:0px;
  font-style:bold;
}


#subcontent h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  line-height: 150%;
  color:white;
  background:#A3C159 url(./picture/corner_top_left.gif) top left no-repeat;
}

#subcontent h2 bd {background:url(./picture/corner_bottom_right.gif) bottom right no-repeat;}
/*End of subcontent*/

/*Footer region, for copyright, site name and others*/
#footer
{
background-color: #ffffff;
clear: both;
width: 57em;
margin: 0;
padding: .5em;
color: #333;
/*background-color: #eeffff;*/
border-top: 6px solid #E9F7F6;
}

#footer .thanks {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  font-weight: normal;
  line-height: 120%;
  color:#a0a0a0;
}

#footer .thanks a:active {color: #000000; text-decoration: none}
#footer .thanks a:link {color: #a0a0a0; text-decoration: none}
#footer .thanks a:visited {color: #a0a0a0; text-decoration: none}
#footer .thanks a:hover {color: #000000; text-decoration: none}
/*End of footer region*/