/* basic elements */

* {
padding: 0;
margin: 0;
}

body {
background: #fff url(bodybg.gif);
height: 100%;
min-height: 100%;
margin: 0 auto;
padding: 0;
color: #000;
text-align: center;
font-size: 100%;
}

h1 {
font-family: 'times new roman';
font-size: 150%;
font-weight: normal;
text-align: left;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 0;
display: inline;
}

h2 {
font-family: 'times new roman';
font-size: 125%;
font-weight: 500;
font-style: italic;
text-align: left;
padding-top: 20px;
padding-left: 15px;
padding-bottom: 0;
}

h3 {
font-family: arial;
font-size: 10pt;
font-weight: 500;
text-align: center;
color: #000;
background: #ee4743;
text-align: center;
padding: 1px;
}

a {
text-decoration: none;
color: #000;
}

ol  {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: left;
line-height: 1.4em;
padding-left: 25pt;
padding-right: 20pt;
list-style: decimal outside;
}

/* ------------------------------------------------------------- */

/* specific divs */

.only_for_print {
display: none;
}

#outer_wrapper {
width: 100%;
height: 100%;
margin: auto;
}

#center_wrapper {
width: 80%;
margin: 10px auto;
padding: 0;
border-left: solid 2px #000;
border-top: solid 2px #000;
border-right: solid 2px #000;
z-index: 0;
}

#header {
width: 100%;
height: 140px;
text-align: left;
z-index: -99;
border-bottom: solid 2px #000;
overflow: hidden;
}

#flashbox {
width: 100%;
background: #fff url(bgclouds_bg.jpg);
background: transparent;
background-position: bottom right;
background-repeat: no-repeat;
margin-left: 0px;
height: 140px;
text-align: right;
}

#logobox {
position: relative;
width: 100%;
height: 140px;
top: -140px;
left: 0;
z-index: 100;
border-right: solid 2px #000;
}

#menubar {
width: 100%;
height: 20px;
background: url('bg_menu_orange.png');
background-repeat: repeat-x;
border-bottom: solid 2px #000;
}

.menu ul {
list-style-type: none; /* suppression of useless elements */
width: 100%; /* precision for Opera */
}

.menu li {
float: left; /* lists aligned to the left */
list-style-type: none; /* suppression of useless elements */
}

.menu a {
margin: 0 0px;
width: 140px; /* definition of menu button size */
height: 20px;
float: left;
display: block;
font-family: arial;
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
border-right: 1px solid #FFF;
text-decoration: none;
color: #fff;
background: transparent;
}

.menu li#visited a {
background: transparent;
}

.menu a:visited {
background: transparent;
}

.menu a:active {
text-decoration: none;
background: #f7bd00;
border-right: 1px solid #FFF;
color: #fff;
}

.menu li#active a {
background: #f7bd00;
}

.menu a:hover {
background: #f7bd00;
border-right: 1px solid #FFF;
text-decoration: none;
}

.clear {
clear: both;
}

#content {
width: 100%;
background: #fff;
margin: 0;
font-size: 100%;
}

#content p {
font-family: "arial" ;
font-size: 80%;
font-weight: 500;
color: #000;
text-align: justify;
line-height: 1.3em;
padding: 8px 15px 5px 15px;
margin: 0;
letter-spacing: normal;
font-style: normal;
}

#content ul {
font-family: "arial" ;
font-size: 80%;
font-weight: 500;
color: #000;
text-align: justify;
letter-spacing: normal;
font-style: italic;
list-style: disc url(bullet.gif) inside;
}

#content li {
margin-left: 80px;
margin-bottom: 5px;
padding-left: 20px;
}

.listing {
font-family: "arial" ;
font-size: 10pt;
color: #d45e00;
text-align: justify;
}

.listing2 {
font-family: "arial" ;
font-size: 10pt;
color: #d45e00;
text-align: center;
}

#textbox {
margin-left: 140px;
height: 154px;
border-bottom: solid 2px #000;
border-left: solid 2px #000;
}

#contentpad {
float:left;
width: 100%;
min-height: 450px;
margin-right: -95%;
background: #fff;

}

#textbox2 {
margin: 10px 110px 0 140px;
text-align: left;
display: inline-block; /* TRIP haslayout for safety */
}

#textbox2 p {
font-size: 80%;
margin-top: 10px;
}


#colorboxleft {
float: left;
width: 140px;
min-height: 450px;
margin-left: -5%;
padding: 0px;
border-right: solid 2px #000;
background: url('bg_green.gif') #bbd101;
background-repeat: repeat-y;
background-position: left;
}

#colorboxright {
float: right;
width: 110px;
min-height: 450px;
border-left: solid 2px #000;
background: url('bg_blue.gif') #007a95;
background-repeat: repeat-y;
background-position: right;
}

#textboximage {
background: transparent;
position: relative;
top: 0;
left: 0;
z-index: 10;
}

#form {
height: 250px;
width: 60%;
margin: 0 auto;
}

#form p {
font-weight: normal;
color: #000;
line-height: 1.0em;
text-align: right;
font-weight: 500;
padding: 0;
padding-bottom: 0.3px;
}

#form input {
border: 1px solid #7604bc;
}

#colorbox {
float: right;
width: 192px;
height: 154px;
border-left: solid 2px #000;
border-bottom: solid 2px #000;
background: url('bg_blue.gif') #007a95;
background-repeat: repeat-y;
background-position: right;
margin-left: 15px;
}

#footer {
clear: both;
width: 100%;
height: 20px;
background-color: #7604bc;
margin: 0;
border-top: solid 2px #000;
border-bottom: solid 2px #000;
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer p {
font-family: verdana;
font-size: 60%;
font-weight: normal;
text-align: center;
letter-spacing: 0px;
color: #FFF;
margin: 0;
padding-top: 3px;
}

ol {
display: block;
text-align: left;
padding-left: 75px;
margin-left: 0;
font-family: 'times new roman';
font-size: 110%;
font-weight: bold;
font-style: italic;
color: #d99b00;
line-height: 1.1em;
}

	#slideEnd{
		padding: 0;
		margin: 0;
	}

	#slideshow{
		background-image:url();
		background-repeat:no-repeat;
	}
	#dhtmlgoodies_slideshow{
		width: 100%;	/* Total width of slideshow */
		vertical-align: bottom;
	}

	#previewPane{
		text-align: center;
		vertical-align: bottom;
		border-left: solid 2px #000;
		border-right: solid 2px #000;

		/* CSS HACK */
		height: 286px;	/* IE 5.x */
		height/* */:/**/286x;	/* Other browsers */
		height: /**/286px;
		float: left;
		padding: 4px 4px 0 4px;
		margin-right: 15px;
	}
	#waitMessage{
		display: none;
		position: absolute;
		left: 200px;
		top: 150px;
		background-color:#FFF;
		border: 1px solid #000;
		padding: 4px;
		color: #555;
		font-size: 0.9em;
		font-family: arial;
	}
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float:left;	/* Floating */

		/* CSS HACK */
		height: 346px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/346px;	/* Other browsers */
		height: /**/346px;

		/* CSS HACK */
		height: 446px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/446px;	/* Other browsers */
		height: /**/446px;

		/* CSS HACK */
		width: 140px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/140px;	/* Other browsers */
		width: /**/140px;

		padding: 0px;	/* A little space between the black border and the content inside */

	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height: 24px;
		text-align: center;
		background-color: #fff;
	}
	#galleryContainer #arrow_up{
		height:24px;	/* Arrow up image */
		text-align: center;
		background-color: #fff;
	}

	#theImages{	/* DIV where the images are located */
		position: relative;
		overflow: hidden;
		height: 398px;	/* Height of boxes for the images */
		padding-left: 3px;
		padding-right: 3px;

	}
	#theImages div{
		position:relative;	/* Don't change this */
		height: 780px;	/* Higher than total height of thumbnails */

	}
	#theImages img{
		border: 0px;	/* No border */
		filter: alpha(opacity=50);	/* Transparency - IE */
		opacity: 0.5; /* Transparency - Firefox */
		padding-top: 3px;	/* Space between images */
	}

	#largeImageCaption {	/* CSS styling of image caption below large image */
		height: 286px;
		padding: 0;
		margin: 0;
margin-left: 395px;
		font-family: arial;
		font-size: 90%;
		font-weight: normal;
		text-align: left;
		padding-top: 4px;
		letter-spacing: normal;
	}

	#largeImageCaption p {	/* CSS styling of image caption below large image */
font-family: "arial" ;
font-size: 90%;
font-weight: 500;
color: #000;
text-align: justify;
line-height: 1.3em;
padding: 4px 15px 5px 0px;
margin: 0;
letter-spacing: normal;
font-style: normal;
	}



	#largeImageCaption a {
		color: #a0b208;
		text-decoration: underline;
	}

	#largeImageCaption img {
	display: block;
	margin: 5px auto;
	border: solid 0.1em #ccc;
	}

	#theImages .imageCaption{
		display:none;
	}