body {
/*        background: url(images/ltor_gradient.png) no-repeat ;*/
        background: #FFF;
        color: #669966;
        font: 150% Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;

	font-variant : normal;
	font-weight : normal;
	font-style : normal;
	font-size : small;
	font-family : Verdana;

}

h1 {
/*        background: #FFF;*/
        color: #669966;
        font: 2em  Verdana, Arial, Helvetica, sans-serif;
        margin-top: 2em;
        margin-left: 2em;
        padding: 0;

	font-variant : normal;
	font-weight : bold;
	font-size : xx-large;
	font-style : normal;
	font-family : Verdana;
   }

h2 {
        margin-top: 1em;
}

h3 {
        background: #FFF;
        color: #669966;
        font: 1em  Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;

	font-variant : normal;
	font-weight : Bold;
	font-style : normal;
	font-size : medium;
	font-family : Verdana;
   }
h4 {
        background: #FFF;
        color: #669966;
        font: 12px  Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;

	font-variant : normal;
	font-weight : Bold;
	font-style : normal;
	font-size : medium;
	font-family : Verdana;
   }

		#navigation1 {
        background: url(crop.jpg) no-repeat left top;
                        list-style: none;
/*			position: absolute;*/
                        float: left;
			left: 0;
			width: 15%;
			margin-top: 7em;
			padding-left: 1em;
		}

               #navigation1 ul, #navigation1 ul li {
                        list-style: none;
			left: 0;
			width: 17%;
			margin-top: 2em;
		}

		#navigation2 {
/*			position: absolute;*/
                        float: right;
                        align: left;
			right: 0;
			width: 35%;
			margin-top: 10em;
                        padding-bottom: 5em;
                        padding-left: 3em;
                        padding-right: 1em;
		}

		#content {
			margin: 2% 31% 2% 17%;
                        align: center;
			margin-top: 1em;
			margin-right: 1em;
		}

		#content-pics {
			margin: 2% 20% 2% 20%;
                        align: center;
			margin-top: 1em;
		}
		#navigation-pics {
			margin-top: 10em;
                        float: right;
                        align: left;
			right: 0;
			width: 15%;
		}
		#footer {
                        float: bottom;
			margin-top: 5em;
                        font-size: x-small;
		}

		#captions {
                        font-size: x-small;
		}
          img   {
                  border-style: solid;
                  border-width: 2px;
                  border-color: #669966;
                }
				 .img2   {
                  border-style: solid;
                  border-width: 0px;
                  border-color: #669966;
                }
          form  {
                  border-style: solid;
                  border-width: 1px;
                  border-color: #669966;
                }
                
   a:link, a:visited {
        font:  Verdana, Arial, Helvetica, sans-serif;
        color : #669966;
        text-decoration: underline;
}
a:hover, a:active {
        color : #669966;
        text-decoration: none;
        background: #CCFF99;
}

#navigation {
        border-bottom: 5px solid #669966;
        margin: 0em 0 0;
		padding-left: 25em;
        font-weight: bold;
	font-size : 120%
}
#navigation ul, #navigation ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#navigation ul {
        padding: 5px 0 5px;
        text-align: center;
}
#navigation ul li {
        display: inline;
}
#navigation ul li a {
        background: url(tableftc.gif) no-repeat left top;
        text-decoration: none;
        padding: 0px,0px,0px 0px;
}
#navigation ul li span {
        background: url(tabrightc.gif) no-repeat right top;
        padding: 5px 7px 5px 3px;
        margin: 4px 0 4px 4px;
}
#navigation ul li a:hover span {
        text-decoration: underline;
}
#navigation ul li a:hover {
}
#navigation #current a {
        background-position: 0 -150px;
}
#navigation #current a span {
        background-position: 100% -150px;
}

/*/
#navigation ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}

#navigation ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}

* html #navigation ul li a {
        padding: 0;
}







#navigation1 {
        border-bottom: 5px solid #669966;
        margin: 0em 0 0;
		padding-left: 25em;
        font-weight: bold;
}
#navigation1 ul, #navigation1 ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#navigation1 ul {
        padding: 5px 0 5px;
        text-align: center;
}
#navigation1 ul li {
        display: inline;
}
#navigation1 ul li a {
        background: url(tableftc.gif) no-repeat left top;
        text-decoration: none;
        padding: 0px,0px,0px 0px;
}
#navigation1 ul li span {
        background: url(tabrightc.gif) no-repeat right top;
        padding: 5px 7px 5px 3px;
        margin: 4px 0 4px 4px;
}
#navigation1 ul li a:hover span {
        text-decoration: underline;
}
#navigation1 ul li a:hover {
}
#navigation1 #current a {
        background-position: 0 -150px;
}
#navigation1 #current a span {
        background-position: 100% -150px;
}

/*/
#navigation1 ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}

#navigation1 ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}

* html #navigation1 ul li a {
        padding: 0;
}

	
	fieldset {
		padding: 0 1em 1em 1em;
	}

	legend {
		padding: 1em;
	}

	label {
		float: left;
		clear: left;
		width: 7em;
	}

       a.squarebutton{
background: transparent url('square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal Verdana, Arial, Helvetica, sans-serif;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

input.btn {
   color:#050;
   font: bold 84% Verdana, Arial, Helvetica, sans-serif;
   background-color: #fed; 
 }


        input.squarebutton{
background: transparent url('square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal Verdana, Arial, Helvetica, sans-serif;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

input.demo2{
	color:#333;
 font: bold 84% Verdana, Arial, Helvetica, sans-serif;
	border:1px solid;
 border-color: #999 #666 #666 #999;
}
input.demo2{
	background-color:#cec;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaddaa');
}


a.demo2{
	color:#333;
 font: bold 84% Verdana, Arial, Helvetica, sans-serif;
	border:1px solid;
 border-color: #999 #666 #666 #999;
}
a.demo2{
	background-color:#cec;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaddaa');
}


.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*vorm begin*/
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	background-color:#cec;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaddaa');
                }