body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-size: 12px;
color: #666;
background-image: url('/static/images/header_bckg_short.jpg');
background-repeat: repeat-x;
/*width: 100%;
height: 100%;*/
position: relative;
padding: 0px;
/* margin: 60px auto 0px auto; */
}

* {
margin: 0px;
padding: 0px;
}

a {
color: #006837;
}

h1 {
color: #006837;
font-weight: normal;
margin: 0px 0px 20px 0px;
}

h2 {
font-weight: normal;
}

h3 {
margin-top: 15px;
}

.clearing {
clear: both;
height: 1px;
}

.container {
position: relative;
margin: 0px auto 0px auto;
width: 970px;
/* height: 700px; */
}

.masthead {
float: left;
display: inline;
width: 970px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.logo {
float: left;
display: inline;
margin: 30px 0px 0px 0px;
padding: 0px;
height: 53px;
}

.upper_right_menu {
float: right;
width: 500px;
display: inline;
margin: 30px 0px 0px 0px;
}

.upper_right_menu ul{
float: right;
display: inline;
list-style-type: none;
}

.upper_right_menu ul li{
float: left;
display: inline;
padding: 0px 10px;
}

.upper_right_menu ul li a{
color: white;
float: left;
display: inline;
padding: 0px;
text-decoration: none;
font-size: 12px;
}

.upper_right_menu ul li a:hover {
text-decoration: underline;
}

.search_field {
float: right;
display: inline;
margin: 13px 0px 0px 0px;
background: none;
height: 20px;
line-height: 20px;
font-size: 14px;
color: white;
width: 330px;
/* border: 1px solid red; */
}

.search_field input{
float: left;
margin: 0px;
background: none;
width: 270px;
color: white;
font-weight: normal;
border: 1px solid white;
}

.gallery_container {
position: relative;
float: left;
width: 962px;
border: 4px solid #666;
background: #666;
border-bottom: none;
margin: 20px 0px 0px 0px;
}

#slideshow {
float: left;
display: inline;
width: 962px;
height: 330px;
margin: 0px;
padding: 0px;
}

#navigator_menu_header {
position: absolute;
width: 316px;
height: 287px;
top: 32px;
right: 12px;
/* background: red; */
/* background-image: url('/static/images/navigator.png'); */
/* background-repeat: no-repeat; */
z-index: 101;
}

#navigator_bckg {
position: absolute;
width: 316px;
height: 287px;
top: 32px;
right: 12px;
background-image: url('/static/images/navigator.png');
background-repeat: no-repeat;
z-index: 100;
}

#navigator_uri_link {
float: left;
display: inline;
width: 280px;
height: 60px;
margin: 8px 0px 0px 18px;
}

#navigator_menu_header table {
float: left;
display: inline;
margin: 16px 0px 0px 0px;
border-collapse: collapse;
}

#navigator_menu_header table th{
text-align: left;
width: 100%;
padding: 2px 2px;
color: white;
font-size: 12px;
}

#navigator_menu_header table td{
width: 100%;
padding: 3px 2px 2px 2px;
color: white;
font-size: 11px;
}

#navigator_menu_header a {
color: white;
text-decoration: none;
}

#navigator_menu_header a:hover {
text-decoration: underline;
}

.full_width_menu_container {
position: absolute;
left: 0px;
height: 40px;
top: 119px;
width: 100%;
border-top: 4px solid #999;
border-bottom: 4px solid #999;
background: #666;
}

.main_menu {
float: left;
display: inline;
width: 962px;
border: 4px solid #999;
background: #666;
}

.main_menu_closed {
float: left;
display: inline;
width: 962px;
width: 970px;
/* border: 4px solid #999; */
background: #666;
margin-top: 40px;
padding: 0px;
}

#nav, #nav ul {
float: left;
width: 962px;
width: 860px;
display: inline;
list-style-type: none;
height: 40px;
padding: 0px 0px;
margin: 0px 0px 0px 0px;
}

#nav li{
float: left;
/*width: 124px;*/
display: inline;
/* height: 40px; */
margin: 0px 0px 0px 0px;
padding: 0px 16px;
}

#nav li a{
float: left;
/*width: 124px;*/
display: inline;
/* height: 40px; */
line-height: 40px;
text-decoration: none;
font-size: 16px;
font-size: 14px;
font-size: 15px;
font-weight: bold;
font-weight: normal;
color: #ccc;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
}

#nav li a:hover{
text-decoration: underline;
}

#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 124px;
width: auto;
width: 400px;
margin: 0;
background: #666;
z-index: 100;
padding: 5px;
}

html > body #nav li ul {
width: auto;
}

#nav li ul li {
float: left;
clear: left;
/*width: 112px;
width: 100%;*/
margin: 0px;
padding: 2px;
width: 100%;
/* height: 20px; */
font-size: 11px;
}

#nav li ul li a{
float: left;
display: block;
/* width: 112px; */
color: #ccc;
font-weight: normal;
/* height: 20px; */
line-height: 20px;
font-size: 14px;
font-size: 12px;
/* margin: 10px 0px; */
}

#nav li ul li a:hover{
text-decoration: underline;
}

#nav li:hover ul ul, #nav li.subhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.subhover ul, #nav li li.subhover ul {
left: auto;
}

#hide_show_heading {
float: right;
width: 96px;
margin: 0px;
display: inline;
background: #063;
border: none;
color: white;
height: 40px;
padding: 0px 7px;
cursor: pointer;
font-size: 12px;
}

#hide_show_heading a{
color: white;
line-height: 40px;
padding: 0px 10px;
font-size: 14px;
text-decoration: none;
}

.content_container {
float: left;
display: inline;
width: 970px;
margin: 20px 0px 10px 0px;
background: white;
/* border-bottom: 1px solid #ccc; */
/* border: 1px solid lime; */
}

.third_level_menu {
float: left;
width: 470px;
display: inline;
margin: 0px 0px 20px 0px;
padding: 6px 0px;
font-size: 12px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.third_level_menu a{
float: left;
display: inline;
margin: 0px 25px 0px 0px;
padding: 0px 0px;
font-size: 12px;
line-height: 22px;
color: #666;
text-decoration: none;
}

.third_level_menu a:hover {
text-decoration: underline;
}

.third_level_menu a.selected {
color: #006837;
}

.ustrojstvo_container {
float: left;
width: 470px;
margin: 0px 0px 20px 0px;
padding: 0px;
line-height: 22px;
}

.ustrojstvo_container a{
text-decoration: none;
}

.main_text_container {
float: left;
width: 470px;
margin: 0px 0px 20px 0px;
padding: 0px;
line-height: 18px;
}

.main_text_container h1{
color: #006837;
width: 470px;
/* display: inline; */
padding: 0px;
margin-left: 0px;
margin-right: 0px;
line-height: 36px;
}

.main_text_container ul{
float: left;
width: 430px;
padding: 0px;
margin: 0px 0px 0px 14px;
/* border: 1px solid red; */
}

.main_text_container ul li{
float: left;
width: 430px;
padding: 0px;
margin: 0px 0px 0px 0px;
/* border: 1px solid red; */
}

.main_text_container p{
float: left;
width: 470px;
margin: 12px 0px 0px 0px;
padding: 0px;
line-height: 18px;
}

.main_text_container h2{
float: left;
width: 470px;
margin: 15px 0px 5px 0px;
padding: 0px;
line-height: 28px;
font-weight: normal;
}

.main_text_container h3{
float: left;
width: 470px;
margin: 15px 0px 5px 0px;
padding: 0px;
line-height: 25px;
font-weight: bold;
}

.main_text_container table {
float: left;
width: 470px;
margin: 0px;
padding: 0px;
border-collapse: collapse;
clear: both;
}

.main_text_container table td {
vertical-align: top;
}

.news_date_text {
float: left;
display: inline;
width: 470px;
font-size: 12px;
font-weight: normal;
font-style: italic;
margin: 0px;
}

.news_navigation_controls_container {
float: left;
display: inline;
width: 470px;
margin-top: 60px;
padding: 10px 0px;
border-top: 1px solid #ccc;
}

#news_navigation_controls{
float: left;
display: inline;
width: 470px;
border-collapse: collapse;
}

#news_navigation_controls td{
width: 156px;
text-align: center;
padding: 5px 0px;
}

#news_navigation_controls td a{
width: 156px;
text-align: center;
padding: 0px 0px;
text-decoration: none;
}

#news_navigation_controls td a:hover{
text-decoration: underline;
}

.left_column {
float: left;
width: 220px;
display: inline;
margin: 0px 30px 0px 0px;
padding: 0px;
padding-top: 9px;
/* border: 1px solid red; */
}

.left_menu {
float: left;
display: inline;
width: 220px;
margin: 0px;
padding: 0px;
}

.left_menu a {
/* color: #666; */
font-size: 13px;
}

.left_menu a.second_level {
float: left;
display: inline;
width: 217px;
text-decoration: none;
margin: 4px 0px;
}

.submenuitem_selected {
/* font-weight: bold; */
color: #006837;
}

.left_menu a.second_level:hover {
/*color: #006837;*/
text-decoration: underline;
}

.left_menu a.third_level {
float: left;
display: inline;
width: 200px;
color: #666;
text-decoration: none;
padding: 0px 0px 0px 20px;
margin: 4px 0px;
}

.selected_category_title {
float: left;
display: inline;
margin: 0px;
padding: 0px 5px;
font-weight: bold;
font-size: 16px;
background: #666;
color: #ccc;
line-height: 28px;

}

.active_category_title {
float: left;
display: inline;
/* width: 200px; */
margin: 0px;
padding: 0px 5px;
font-weight: bold;
font-size: 16px;
background: white;
color: #666;
line-height: 28px;
}

.active_category_title a {
text-decoration: none;
color: #666;
}

.active_category_title a:hover {
text-decoration: underline;
color: #666;
}

.hp_project {
float: left;
display: inline;
width: 220px;
margin: 10px 0px 10px 0px;
padding: 0px;
}

.hp_project_department {
float: left;
display: inline;
width: 220px;
margin: 0px;
margin-bottom: 5px;
}

.hp_project_title {
float: left;
display: inline;
width: 220px;
font-size: 16px;
font-weight: bold;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
}

.project_details_link {
float: right;
display: inline;
}

.hp_project_brief {
float: left;
display: inline;
width: 220px;
font-size: 12px;
font-weight: normal;
margin: 0px 0px 0px 0px;
line-height: 18px;
}

#popup_projects_container {
position: absolute;
/* left: 0px; */
left: -999px;
z-index: 100;
width: 169px;
/* margin-top: -26px; */
background: #666;
color: #ccc;
}

#popup_projects_container a {
float: left;
width: 153px;
margin: 5px 0px;
padding: 0px 8px;
text-decoration: none;
color: #ccc;
font-size: 11px;
}

#popup_projects_container a:hover {
text-decoration: underline;
}

.project_department_title {
font-size: 16px;
float: left;
width: 470px;
border-bottom: 1px solid #666;
}

.project_description {
float: left;
width: 470px;
display: inline;
margin: 5px 0px 10px 0px;
padding: 0px;
/* border-bottom: 1px solid #ccc; */
}
.project_description_title {
float: left;
/* width: 460px; */
display: inline;
margin: 0px 0px 5px 0px;
font-weight:  bold;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
background-color: #006837;
background: #919191;
color: white;
padding: 2px 5px;
}

.item_title {
float: left;
width: 460px;
display: inline;
margin: 10px 0px 3px 0px;
padding: 0px;
font-weight: bold;
}

.item_title_small {
float: left;
width: 80px;
display: inline;
margin: 0px 0px 10px 0px;
padding: 0px;
font-weight: bold;
}

.project_description_body {
float: left;
width: 470px;
display: inline;
text-align: left;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.project_description_body_small {
float: right;
width: 370px;
display: inline;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.separator {
float: left;
display: inline;
height: 1px;
width: 270px;
margin: 0px 0px 10px 0px;
padding: 0px;
border-bottom: 1px solid #ccc;
font-size: 0px;
}

.project_description_date {
float: right;
width: 380px;
text-align: left;
display: inline;
margin: 0px 0px 5px 0px;
}

#project_viewport {
width: 470px;
/* height: 500px; */
overflow: hidden;
position: relative;
}

.ten_projects {
float: left;
width: 470px;
display: inline;
margin: 0px;
padding: 0px;
}

.middle_column {
float: left;
width: 470px;
display: inline;
margin: 0px 30px 0px 0px;
padding-top: 9px;
}

#news_viewport {
width: 470px;
height: 500px;
overflow: hidden;
position: relative;
}

#news_scroll_container {
position: absolute;
top: 0px;
float: left;
}

.hp_news_group_container {
float: left;
width: 470px;
display: inline;
}


.hp_news_container, .hp_announcements_container {
float: left;
display: inline;
width: 470px;
/* border: 1px solid red; */
margin: 0px 0px 30px 0px;
}

.hp_news_container_title, .hp_announcements_container_title {
float: left;
display: inline;
width: 470px;
height: 18px;
line-height:18px;
background-repeat: no-repeat;
margin-bottom: 10px;
padding: 0px;
}

.controls_container {
float: left;
display: inline;
width: 460px;
margin: 0px 0px 10px 0px;
padding: 5px;
background: #fafafa;
font-size: 14px;
}

.news_navigation {
float: right;
background: white;
display: inline;
margin: 0px 10px 0px 0px;
height: 18px;
line-height: 18px;
padding: 0px 5px 0px 5px;
}

.news_navigation_big {
float: right;
display: inline;
margin: 0px 0px 0px 5px;
height: 18px;
line-height: 18px;
padding: 0px 5px 0px 0px;
width: 400px;
/* border: 1px solid red; */
}

#news_navigation .news_navigation_selected {
color: #666;
font-weight: bold;
}

#news_navigation_bottom .news_navigation_selected {
color: #666;
font-weight: bold;
}

/*.news_navigation a{
float: left;
display: inline;
margin: 0px;
height: 18px;
line-height: 18px;
padding: 0px 0px 0px 5px;
color: #006837;
font-size: 14px;
font-weight: normal;
}*/

.news_navigation span{
float: left;
display: inline;
margin: 0px;
height: 18px;
line-height: 18px;
padding: 0px 0px 0px 5px;
color: #006837;
font-size: 14px;
font-weight: normal;
cursor: pointer;
}

.news_navigation_big span{
float: left;
display: inline;
margin: 0px;
height: 18px;
line-height: 18px;
padding: 0px 0px 0px 5px;
color: #006837;
font-size: 14px;
font-weight: normal;
cursor: pointer;
}

.hp_news {
float: left;
display: inline;
width: 470px;
margin: 10px 0px 10px 0px;
padding: 0px;
}

.date_news {
position: relative;
float: left;
display: inline;
width: 55px;
height: 79px;
margin: 0px 0px 0px 0px;
background-image: url('/static/images/date_background.jpg');
background-repeat: no-repeat;
}

.month {
float: left;
display: inline;
width: 55px;
margin: 10px 0px 0px 0px;
color: #ccc;
font-size: 12px;
text-align: center;
}

.date {
float: left;
display: inline;
width: 55px;
margin: 10px 0px 0px 0px;
color: #ccc;
font-size: 35px;
text-align: center;
}

.text {
float: right;
display: inline;
width: 395px;
}

.text h1 {
font-size: 25px;
font-weight: normal;
margin-bottom: 5px;
}

.text h1 a{
text-decoration: none;
}

.text h1 a:hover{
text-decoration: underline;
}

.text_body {
float: left;
width: 395px;
display: inline;
font-size: 13px;
line-height: 17px;
margin-top: 5px;
}

.right_column {
float: right;
width: 220px;
display: inline;
margin: 9px 0px 0px 0px;
}

.right_column a {
float: left;
display: inline;
width: 210px;
height: 38px;
line-height: 38px;
background-image: url('/static/images/green_link_background.gif');
text-decoration: none;
color: white;
font-weight: normal;
font-size: 16px;
margin-bottom: 20px;
padding: 6px 0px 0px 10px;
}

.right_column a:hover {
text-decoration: underline;
}

.right_column a.selected {
background-image: url('/static/images/green_link_background_gray.gif');
}

#right_menu_down_container {
float: left;
display: inline;
width: 220px;
background: #666;
border-top: 9px solid #242424;
padding-bottom: 5px;
}

#right_menu_down_container a {
float: left;
display: inline;
width: 200px;
height: 38px;
line-height: 38px;
text-decoration: none;
background: none;
border-bottom: 1px solid #0f6;
color: white;
font-weight: normal;
font-size: 16px;
margin-bottom: 5px;
padding: 6px 0px 0px 0px;
margin-left: 10px;
}

#right_menu_down_container a:hover {
color: #0f6;
}

.square_sections {
float: left;
display: inline;
width: 970px;
margin: 0px 0px 20px 0px;
padding-top: 10px;
border-top: 1px solid #ccc;
}

.section {
float: left;
display: inline;
width: 200px;
height: 120px;
margin: 0px 30px 0px 0px;
padding: 10px;
background: #e6e6e6;
}

.shortcut_link {
float: left;
display: inline;
width: 200px;
height: 120px;
margin: 0px;
padding: 0px;
text-decoration: none;
cursor: pointer;
}

.section_title {
float: left;
width: 200px;
display: inline;
font-size: 20px;
font-weight: normal;
border-bottom: 1px solid #666;
height: 60px;
}

.section_text {
float: left;
width: 200px;
display: inline;
font-size: 14px;
font-weight: normal;
height: 60px;
margin-top: 10px;
}

.footer_wrapper {
float: left;
display: inline;
background: #cdcdcd;
width: 100%;
background-image: url('/static/images/footer_background.jpg');
background-repeat: repeat-x;
/* height: 453px; */
}

.footer_content {
position: relative;
width: 970px;
margin: 0px auto 0px auto;
}

#back_to_top {
/*position: absolute;
left: 30px;*/
/* right: 100px; */
float: right;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#back_to_top a img{
border: none;
}

.footer_menu {
float: left;
width: 970px;
padding-bottom: 50px;
border-bottom: 1px solid #666;
}

.footer_menu_section {
float: left;
width: 220px;
display: inline;
margin-right: 30px;
}

.last_container {
margin-right: 0px;
}

.footer_menu_section a{
float: left;
width: 210px;
margin: 0px 0px 5px 0px;
color: #666;
text-decoration: none;
}

.footer_menu_section a:hover{
text-decoration: underline;
}

.footer_menu_section ul{
float: left;
width: 210px;
padding: 5px;
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}

.footer_menu_section ul li{
float: left;
width: 210px;
display: inline;
padding: 0px 0px 0px 0px;
/* height: 15px; */
margin: 0px 0px 5px 0px;
}

.footer_menu_section ul li a{
float: left;
width: 210px;
display: inline;
padding: 0px;
line-height: 15px;
/* height: 15px; */
font-size: 11px;
text-decoration: none;
color: #666;
}

.footer_additional {
float: left;
width: 950px;
padding: 5px 10px;
display: inline;
}

.footer_additional a{
float: left;
padding: 0px 20px 0px 0px;
display: inline;
text-decoration: none;
}

.footer_additional .monad{
float: right;
/* width: 200px; */
padding: 0px 0px 0px 0px;
display: inline;
text-align: left;
}

.latest_glasnik {
float: left;
background: #e6e6e6;
width: 450px;
padding: 10px;
margin: 0px 0px 20px 0px;
}

.glasnik_table {
float: left;
display: inline;
width: 470px;
margin: 0px;
border-collapse: collapse;
/* border: 1px solid red; */
}

.glasnik_table th {
padding: 5px 2px;
background: #9c9;
color: white;
border: 1px solid #99cc99;
}

.glasnik_table td {
padding: 5px 10px;
border: 1px solid #ccc;
border-top: none;
vertical-align: top;
}

#map {
float: left;
width: 470px;
height: 492px;
margin: 0px;
padding: 0px;
}

.county_and_cities_container {
float: left;
width: 470px;
display: inline;
margin: 0px;
padding: 10px 0px;
}

.county_and_cities {
float: left;
width: 470px;
list-style-type: none;
}

.county_and_cities li {
float: left;
padding: 0px 7px;
border-right: 1px solid #ccc;
margin-bottom: 6px;
}

.county_and_cities li .navigation_link {
font-size: 12px;
font-weight: bold;
color: #006837;
cursor: pointer;
}

.navigator_menu {
float: left;
width: 220px;
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.menu_category {
float: left;
width: 220px;
display: inline;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.category_title, .county_title {
float: left;
position: relative;
width: 220px;
display: inline;
padding: 0px 0px;
color: white;
font-weight: bold;
font-weight: normal;
font-size: 16px;
line-height: 22px;
height: 22px;
background: #006837;
background: #9c9;
vertical-align: middle;
cursor: pointer;
background-image: url('/static/images/white_arrow.gif');
background-repeat: no-repeat;
background-position: right;
}

.category_title_arrow_selected {
background-image: url('/static/images/white_arrow_down.gif');
background-repeat: no-repeat;
background-position: right;
}

.category_title img {
float: left;
}

.county_title img {
float: left;
}

.category_entries {
float: left;
width: 220px;
margin: 5px 0px 0px 0px;
}

.category_entries span {
float: left;
width: 200px;
margin: 2px 0px 2px 0px;
padding-right: 20px;
background-image: url('/static/images/checkbox.gif');
background-repeat: no-repeat;
color: #006837;
background-position: right;
cursor:pointer;
}

.category_entries span.selected{
background-image: url('/static/images/checkbox_selected.gif');
background-repeat: no-repeat;
color: #006837;
background-position: right;
}

.category_entry {
float: left;
width: 220px;
margin: 2px 0px;
cursor: pointer;
font-size: 12px;
}

.category_entries table {
float: left;
width: 220px;
border-collapse: collapse;
margin: 0px;
}

.category_entries table td{
width: 110px;
}

.category_entries table td .category_entry{
float: left;
width: 110px;
margin: 2px 0px;
cursor: pointer;
font-size: 12px;
}

.arrow_link {
position: absolute;
right: 0px;
top: 2px;
float: right;
}

#detailed h1 {
float: left;
width: 470px;
font-weight: bold;
margin: 10px 0px 0px 0px;
border-bottom: 1px solid #ccc;
font-size: 20px;
color: #006837;
}

#detailed p {
float: left;
width: 470px;
font-weight: bold;
margin: 10px 0px 0px 0px;
color: #006837;
}


/*google maps baloons*/

.tooltip{
display: block;
font-size: 10px;
font-family: verdana;
padding: 2px;
border: 1px solid black;
background: white;
white-space: nowrap;
}

.baloon {
float: left;
width: 260px;
padding: 0px;
margin: 0px;
/* border: 1px solid lime; */
}

.baloon .baloon_title {
float: left;
line-height: 13px;
width: 235px;
padding: 0px;
margin: 0px 0px 2px 0px;
font-weight: bold;
}

.baloon div.pic_holder {
float: left;
width: 80px;
padding: 2px;
border: 1px solid #006837;
margin-top: 4px;
}

.baloon div.pic_holder img {
display: inline;
margin: 0px;
width: 80px;
border: none;
}

.baloon div.baloon_text {
float: left;
width: 168px;
margin-left: 5px;
margin-top: 4px;
padding: 0px;
font-size: 12px;
/* font-weight: bold; */
}

.mapzoomcontrolscontainer {
width: 16px;
}

.maptypecontrolscontainer {
height: 16px;
float:left;
}

.maptypecontrolscontainer div {
float:left;	
}

.maptypebutton {
float: right;
/* width: 47px; */
height: 16px;
margin-left: 4px;
background-color:#006837;
line-height: 15px;
color: #FFFFFF;
font-size:9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
cursor: pointer;
padding: 0px 3px;
}

.mapzoombutton {
width: 16px;
height: 16px;
margin-bottom: 4px;
background-color:#006837;
line-height: 16px;
color: #FFFFFF;
font-size:9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
cursor:pointer;
}

.mapbuttonrollover {
background-color:#343434;
}

.gallery_block {
float: left;
width: 470px;
display: inline;
margin: 10px 0px 0px 0px;
padding: 0px;
/* border: 1px solid red; */
}

.image_holder {
float: left;
display: inline;
width: 150px;
margin: 0px 10px 5px 0px;
padding: 0px;
}

.image_holder a {
float: left;
display: inline;
width: 150px;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.image_holder a.image_title {
float: left;
display: inline;
width: 150px;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.image_holder a img{
border: none;
margin: 0px;
}

.contact_form {
float: left;
display: inline;
width: 470px;
margin: 30px 0px 0px 0px;
padding: 0px;
}

.red {
color: #006633;
}

#contact_form_container {
float: left;
display: inline;
width: 470px;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}

#contact_form_container td {
margin: 0px;
padding: 5px 0px 5px 5px;
font-weight: normal;
text-align: left;
width: 350px;
vertical-align: middle;
/* border: 1px solid red; */
}

#contact_form_container td select {
float: left;
width: 270px;
width: 232px;
margin: 0px;
padding: 1px 2px;
font-weight: bold;
border: 1px solid #CCD1E0;
font-size: 11px;
font-weight: normal;
color: #87838a;
}

#contact_form_container td input {
float: right;
width: 270px;
width: 300px;
margin: 0px;
padding: 2px 2px;
font-weight: bold;
border: 1px solid #CCD1E0;
font-size: 11px;
font-weight: normal;
color: #87838a;
}

#contact_form_container td.specification {
width: 100px;
margin: 0px;
padding: 0px 0px 2px 0px;
font-weight: normal;
vertical-align: middle;
}

#contact_form_container td textarea {
width: 300px;
float: right;
margin: 0px 0px 10px 0px;
padding: 2px;
font-weight: normal;
font-size: 11px;
border: 1px solid #CCD1E0;
color: #87838a;
}

#contact_form_container td input.button {
/* float: left; */
margin: 0px;
width: 85px;
padding: 0px 0px 4px 0px;
font-size: 15px;
line-height: 31px;
vertical-align: middle;
height: 31px;
font-weight: bold;
color: white;
background: #006633;
cursor: pointer;
}


.png_fix { behavior: url('/static/css/iepngfix.htc'); }