html, body {
background-color: #d2d2d2;
height: auto;
margin: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: "trebuchet ms", "Myriad Pro", verdana, arial; color: #333;
}

p {
font: normal 11pt/1.5em "trebuchet MS", "Myriad Pro", Arial, Verdana, webdings; color: #333;
}

a {color: #333; font: bold 10pt/1.5em "trebuchet MS", Arial, Verdana, webdings; background: transparent;text-decoration: none;}
a:link  { color: #333; background: transparent; text-decoration: none;} 
a:visited { color: #666; background: transparent; text-decoration: none;} 
a:hover { color: #c00; background: transparent; text-decoration: normal;}
a:active  { color: #999; background: transparent;font-weight: normal;}  

#container {
position: relative;
width: 1000px;
height: auto;
voice-family: "\"}\"";
voice-family: inherit;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
background-color: #fff;
}

#header {
background-color: #333;
width: auto;
height: 120px;
padding: 0 10px;
}

#header img {
border: 0; padding: 10px; float: left;
}

#header .text-container {
width: 200px; float: right; margin: 5px 20px;
}


#header p {
font: bold 12pt/1.3em "trebuchet MS", "Myriad Pro", Arial, Verdana, webdings; color: #ff0;
}

#maincontent {
background-color: #fff;
width: 1000px;
height: 260px;
}

#maincontent p {
font: normal 11pt/1.5em "trebuchet MS", "Myriad Pro", Arial, Verdana, webdings; color: #333;
}

#maincontent .imgcontainer {
width: 230px; float: left; margin: 0 20px -10px 10px;
}

#maincontent .text-container {
width: auto; height: auto; margin: 20px 50px -10px 0;
padding: 10px;
}

#leftblock {
background-color: #666;
width: 210px;
height: 210px;
display: block;
float: left;
padding: 0 20px;
}

#leftblock h1, #leftblock h2, #leftblock h3, #leftblock h4, #leftblock h5, #leftblock h6, #leftblock p {
color: #333;
}

#rightblock {
width: 710px;
height: 210px;
background: #f0f0f0 url(../images/mainlogo.jpg) scroll no-repeat 95% 85%;
display: block;
float: right;
padding: 0 20px;
}

.red {color: #c00;}

/* navbar */

#vertmenu {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 170px;
padding: 0px;
margin: 0px;
text-align: right;
float: right;
margin-top: 20px;
margin-right: 10px;
}

#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width: 159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 90%;
display: block;
font-weight: bold;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #f0f0f0;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #c00;
}

/* GALLERY IMAGES */

#gallery {
height: auto;
margin-left: 0;}

#gallery img {
width: 30px; height: 30px;
margin: 3px; border:none; vertical-align: top;  
}


/* POPUP STYLE */
#popupmaincontent {
background-color: white;
padding: 20px;}

.form {
font: normal 90%/1.4em "myriad pro", Verdana, Arial;
color: #333;
}