/** TITLES */

#title1 { background: url(images/homepage12.gif) no-repeat left top; }
#title2 { background: url(images/homepage13.gif) no-repeat left top; }
#title3 { background: url(images/homepage14.gif) no-repeat left top; }
#title4 { background: url(images/homepage15.gif) no-repeat left top; }
#title5 { background: url(images/homepage16.gif) no-repeat left top; }
#title6 { background: url(images/homepage17.gif) no-repeat left top; }
#title7 { background: url(images/subpage1_01.gif) no-repeat left top; }
#title8 { background: url(images/subpage2_01.gif) no-repeat left top; }

.contentHeader
{
    background: url(images/subpage1_01.gif) no-repeat left top;
    width: 713px;
    height: 24px;
    padding-left: 5px;  
}

.menuHeader

{
    background: url(images/homepage12.gif) no-repeat left top;
    width: 216px;
    height: 24px;
    padding-left: 5px;  
}

.h1Header

{
  font-size: 12px; 
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.headerBlue

{
  color: #40D8F7;  
}

.headerWhite

{
  color: #FFFFFF;  
}


.title h1, .title h2, .title h3 {
	height: 24px;
}

.title b {
	position: absolute;
	left: -10000px;
}

.content2 {
	background: url(images/homepage07.gif) repeat-x left top;	
}

.content2 {
	background: url(images/homepage07.gif) repeat-x left top;
	height: 100px;
	vertical-align:top;
	padding-left: 10px;
	padding-right: 10px;
}

/** BASIC */

html, body {
	height: 100%;
}

.link3 {
	padding-left: 12px;
	background: url(images/homepage08.gif) no-repeat left center;
}

.ul1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	line-height: 180%;
}

.ul1 a {
	padding-left: 15px;
	background: url(images/homepage08.gif) no-repeat left center;
}

/** HEADER */

#header {
	width: 713px;
	height: 275px;
	margin: 0px auto;
}

#logo {
	float: left;
	width: 220px;
	height: 104px;
	background: url(images/homepage100.gif) no-repeat left top;
}

#logo h1, #logo h2 {
	position: absolute;
	left: -10000px;
}

#headermenu {
	float: left;
	width: 493px;
	height: 104px;
	background: url(images/homepage04.jpg) no-repeat right top;
	font-size: 10px;
}

#headermenu ul {
	margin: 0px;
	padding: 70px 0px 0px 0px;
	list-style: none;
}

#headermenu li {
	display: inline;
}

#headermenu a {
	display: block;
	float: left;
}

#headermenu .arrow {
	display: block;
	float: left;
	width: 17px;
	height: 10px;
	background: url(images/homepage05.gif) no-repeat center;
}

/** SPLASH */

#splash {
	width: 713px;
	margin: 0px auto;
	padding: 12px 0px 19px 0px;
}

/** CONTENT */

#content {
	width: 711px;
	margin: 0px auto;
}

#left {
	float: left;
	width: 216px;
}

#right {
	float: left;
	width: 495px;
}

/** BOX1 */

#box1 {
	padding-right: 12px;
}

#box1 .title {
}

#box1 .content {
	padding: 20px 0px 20px 20px;
}

#box1 .text2 {
	display: block;
}

#box1 #imagefield1 {
	float: right;
	margin-right: 20px;
}

/** BOX2 */

#box2 {
}

#box2 .content {
	margin-right: 12px;
	padding: 20px;
}

#box2 h3 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}

#box2 h4 {
	font-size: 12px;
}

/** BOX3 */

#box3 {
}

#box3A {
	float: left;
	width: 250px;
}

#box3B {
	float: left;
	width: 245px;
}

/** BOX4 */

#box4 {
}

#box4 .content {
	margin-right: 5px;
	padding: 20px;
}

#box4 h3 {
	font-size: 12px;
}

/** BOX5 */

#box5 {
}

#box5 .content {
	margin-right: 5px;
	padding: 20px;
}

#box5 h3 {
	font-size: 12px;
}

/** BOX6 */

#box6 {
}

#box6 .content {
	padding: 20px;
}

#box6 h3 {
	font-size: 12px;
}

/** BOX7 */

#box7 {
}

#box7 .content {
	padding: 20px;
}

#box7 h3 {
	position: relative;
	font-size: 12px;
}

#box7 p {
	position: relative;
}

/** BOX8 */

#box8 {
}

#box8 .content {
	padding: 20px;
}

#box8 h3 {
	font-size: 12px;
}

/** FOOTER */

#footer {
	width: 713px;
	margin: 0px auto;
	padding: 20px 0px;
	background: url(images/homepage20.gif) repeat-x left top;
}

.settingsheader {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	CURSOR: default; 
	COLOR: #000000; 
	BACKGROUND-COLOR: #C6C9CC; 
	TEXT-DECORATION: none;
}

.settingsheader a {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	CURSOR: default; 
	COLOR: #000000; 
}

.settingsheader a:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	CURSOR: default; 
	COLOR: #000000; 
	FONT-FAMILY: Arial; 
}

.settingsheader a:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	CURSOR: default; 
	COLOR: #000000;  
}

.settingsheader a:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	CURSOR: default; 
	COLOR: #000000; 
}

.save
{
    color: Green;
}

.error
{
    color: Red;
}