html {
  height:100%;
}

* html body {
  height:100%;
}

body {
  padding:0;
  width:800px; margin:0 auto;
  text-align:center;
  min-height:100%;
  position:relative;
  FONT-FAMILY: Tahoma, Arial, Helvetica;
}

#frametop {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
}

#framemiddle {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		border-style : solid; border-width:1px 0px 1px 0px;
}

* html #main {
  margin-left:0px;
}

#main {
  float:left; width:639px;
  margin-left:0px;
  margin-top:0px;

}

#sections {
  float:left; width:140px; margin-left:20px;
  text-align: right;
}

* html #sections {
  margin-left:10px;
}

.item {
		width:639px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		border-style : solid; border-width:0px 0px 0px 0px;
  	    BACKGROUND-COLOR: #F0F8FF;
        border-color:#00BFFF;
}

.descr {
	float:left; width: 410px;
  TEXT-ALIGN: justify;
}

.sshot {
	float:left; width: 220px;

}


/* Colors ******************/

body {
  BACKGROUND-COLOR: #B0C4DE
}

#main {
  BACKGROUND-COLOR: #F0F8FF;
  border-color:#00BFFF;
}

#main h3 {
  color:#293499;
}

#sections li a {
  background:white;
  color:black;
  border-color:#00BFFF;
}

#sections li p {
  background:#99CCFF;
  color:black;
  border-color:#00BFFF;
}

#sections li a:hover {
  background:#00BFFF;
}

#framemiddle {
	BACKGROUND-COLOR: white;
	border-color:#00BFFF;
}


/* Fonts *******************/

P {
	MARGIN-TOP: 6px; FONT-SIZE: 9pt; MARGIN-BOTTOM: 6px; CURSOR: default; LINE-HEIGHT: 14pt; FONT-FAMILY: Arial, Tahoma, Helvetica
}

P.SUBTITLE {
	MARGIN-TOP: 12px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; MARGIN-BOTTOM: 6px; COLOR: #6666CC; FONT-FAMILY: Arial, Tahoma, Helvetica
}

#main h2 {
  font-size:120%; font-weight:bold;
  COLOR: #6666CC; FONT-FAMILY: Tahoma, Arial, Helvetica
} 

#sections li p {
  FONT-WEIGHT: bold;
  FONT-SIZE: 10pt; FONT-FAMILY: Tahoma, Arial, Helvetica
}

SPAN.SMALL {
	FONT-SIZE: 8pt; LINE-HEIGHT: 9pt
}

A {
	COLOR: #006600; TEXT-DECORATION: none
}
A:visited {
	COLOR: #6600CC; TEXT-DECORATION: none
}
A:link {
	COLOR: #6600CC; TEXT-DECORATION: none
}
A:hover {
	COLOR: #9999FF
}

/* Misc  *******************/

#sections ul {
  list-style:none;
  margin:50px 0; padding:0;
}

#sections li p {
  display:block;
  margin:5px 0; padding:2px 5px;
  border-style:solid; border-width:1px 0px 1px 1px;
  text-decoration:none;
}

#sections li a {
  display:block;
  margin:5px 0; padding:2px 5px;
  border-style:solid; border-width:1px 0px 1px 1px;
  text-decoration:none;
}


* html #sections li a {
  height:1%;
}

#main h2,
#main p {
  margin-left:25px;
  margin-right:10px;
}

#main h2 {
  margin-top:20px; margin-bottom:20px;
}

P.SMALLEST {
	FONT-SIZE: 7pt; LINE-HEIGHT: 8pt; FONT-FAMILY: Tahoma, Arial, Helvetica;
}

/* MAIN CONTENT */
#main-content{margin:25px 25px 25px 25px; width:589px;}
#main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(40,40,40); font-weight:normal; font-size:160%;}
#main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(40,40,40); font-weight:normal; font-size:130%;}
#main-content p {line-height:1.5em; font-size:80%;}
#main-content p.center {text-align:center;}
#main-content p.right {text-align:right;}
#main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:80%;}
#main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.contactform {width:518px; margin:2.0em 0 0 0; padding:10px 10px 10px 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 10px 5px; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:90%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:370px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:370px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.contactform textarea {width:375px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; margin-bottom:20px; margin-top:10px; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.contactform p.txt {text-align: justify; padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px;}
