/*
# -----------------------------------------------------------------------
# This file is part of AROUNDMe
# 
# Copyright (C) 2003, 2005 Barnraiser
# http://www.barnraiser.org/
# info@barnraiser.org
# 
# This program is free software; you can redistribute it and/or modify it
# under the terms of the GNU General Public License as published by the
# Free Software Foundation; either version 2, or (at your option) any
# later version.
# 
# This program is distributed in the hope that it will be useful, but
# WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
# General Public License for more details.
# 
# You should have received a copy of the GNU General Public License
# along with program; see the file COPYING. If not, write to the Free
# Software Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA
# 02111-1307, USA.
# -----------------------------------------------------------------------
*/

/*
green = 9ECF13
dark green = 064F45
*/

@media screen {
	#layout	{
		position:absolute; top:0px; left:0px; width:950px; 
		padding:10px;
		background-color:#FFF;
	}
	
	#layout a {
		color: #064F45; 
	}
	
	#layout .txt_highlight {
		color: #9ECF13; 
		text-decoration: none;
	}
	
	#layout a:hover { 
		text-decoration: none;
	}
	.floatRight{
		float:right;
	}
	
	#header {
		float:left;
		width:100%;
		padding: 0px;
	}
	
	#header .masthead {
		float:left;
		text-decoration: none;
		text-align:right;
		font-size: 60%;
		width:100%;
		background-image: url(/graphics/headerBG.jpg); 
	}
	.error{
		color:#FFFFFF;
		padding:4px;
		background-color:#FF0000;
	}
	#header .shoutbox {
		padding: 9px;
		text-align:left;
	}
	#header .logo{
		float:left;
		padding-top:12px;
		padding-bottom:28px;
	}
	#header .menu {
		padding: 9px;
		white-space: nowrap;
		float:right;
		padding-left:18px;
	}

	#main_menu {
		width:100%;
		padding: 0px;
		float:left;
		font-size: 12px; 
		font-family:Arial, sans-serif;
		padding-top:3px;
		padding-bottom:2px;
	}
	
	#main_menu .content {
		float:left;
	}
	
	#main_menu a {
		margin:0px;
		float:left;
		padding-left: 13px; 
		padding-right: 13px;
		margin-right:1px;
		color: #9ECF13;
		font-weight: bold
	}
	
	#main_menu a {
		text-decoration: none; 
		font-weight: bold;
        color:#064F45;
	}
	
	#main_menu a:hover {
		color: #9ECF13; 
		text-decoration: none
	}
	
	#sub_menu {
		width:100%;
		padding: 0px;
		float:left;
		border-color: #DCDCDC;
		font-size: 70%;
	}
	
	#sub_menu a {
		text-docoration:none;
	}
	
	#sub_menu .content {
		padding-left: 9px; 
		padding-right: 9px; 
		padding-top: 9px; 
		padding-bottom: 6px;
	}

	#breadcrumb	{
		color: #999999;
		text-decoration: none; 
		font-size: 55%; 
		padding: 9px;
		padding-bottom: 12px;
		display: none;
	}
	
	#breadcrumb a {
		color: #999999;
	}
	
	#footer {
		float: left;
		padding-top: 12px;
		padding-bottom: 9px;
		padding-right: 10px;
		padding-left: 9px;
		color: #999999;
		text-decoration: none; 
		font-size: 9px; 
	}
	
	#footer img {
		float: left;
		margin-right: 10px;
	}
	
	#content{
		background-color:#FFFFFF;
	}
	
	#content .col_left1 {
		float:left;
		position:relative;
		left:0px;
		width:364px;
	}
	
	#content .col_right1 {
		float:left;
		position:relative;
		left:12px;
		width:364px;
	}
	#content .col_rightHome {
		float:left;
		position:relative;
		left:12px;
		width:230px;
	}
	
	#content .col_leftHome {
		float:left;
		position:relative;
		left:0px;
		width:510px;
	}
	#content .col_leftMaps {
		left:0px;
		width:735px;
	}
	#mapsContain {
		clear:both;
	}
	#legend {
		float:left;
		position:relative;
		margin-left:5px;
	}
	
	#flashcontent {
		
	}

	#content .sidebar_content {
		float:left;
		position:absolute;
		margin-left:810px;
		width:120px;
	}
	
	#content .sidebar_large {
		margin-left:16px;
		float:left;
		position:relative;
		width:180px;
		text-align:center;
	}
	
	#content .col_rightHome {
		width:205px;
	}
	
	#content .col_main {
		float:left;
		position:relative;
		left:0px;
		width:528px;
	}
	
	#content .col_side {
		float:left;
		position:relative;
		left:12px;
		width:200px;
	}
	.tip{
		padding-left:10px;
		padding-right:10px;
	}
	.box_bottom {
		width:100%;
		height:18px;
		float:left;
		background-image: url(img/box_bottom.png); 
		background-repeat: repeat-x;
		margin-bottom:3px;
	}
	
	.box_bottom_right {
		float:right;
		width:5px;
		height:18px;
	}
	
	.box_bottom_left {
		float:left;
		width:5px;
		height:18px;
	}
	
	.input {
		font-size: 100%;
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		border: 1px solid #DCDCDC; 
		padding: 0.2em;
		float:left;
	}
	
	.input1 {
		font-size: 100%;
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		border: 1px solid #DCDCDC; 
		padding: 0.2em;
	}
	
	.input_submit {
				background-color:#006633;
		border: 1px solid #006633; 
		font-size: 10px;
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
color:#ffffff;
padding:2px;
margin-top:3px;
	}
	
	textarea {
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		border: 1px solid #DCDCDC; 
		padding: 0.2em; 
		font-size: 100%;
	}
	
	select {
		border: 1px solid #DCDCDC; 
		padding: 0px; 
		font-size: 80%;
	}
	
	.col_side .options_select {
		border: 1px solid #DCDCDC; 
		font-size: 100%;
		width:126px;
		float:left;
	}
	
	.gui_select {
		border: 1px solid #DCDCDC; 
		font-size: 80%;
		width:72px;
		float:left;
	}
	
	#content .go {
		width:14px;
		border:0px;
		margin-left:9px;
		margin-right:9px;
		float:right;
	}
	
	#comment_form {
		margin-right:9px;
		padding-top:3px;
	}
	
	#comment_form textarea {
		width:100%;
	}
	
	#comment_form .gui {
		float:right;
	}
	
	.calendar {
		position: relative; 
		display: none; 
		border-top: 2px solid #fff; 
		border-right: 2px solid #333; 
		border-bottom: 2px solid #333; 
		border-left: 2px solid #fff; 
		font-size: 11px; 
		color: #333333; 
		cursor: default; 
		background: #E2E2E2; 
		font-family: tahoma,verdana,sans-serif
	}
	
	.calendar table {
		border: 1px solid #DCDCDC;
	}
	
	.calendar .button {
		text-align: center;
		padding: 1px; 
		border-top: 1px solid #fff; 
		border-right: 1px solid #333333; 
		border-bottom: 1px solid #333333; 
		border-left: 1px solid #fff;
		background: #D9E478;
	}
	
	.calendar thead .title {
		padding: 1px; 
		border: 1px solid #333333; 
		background: #D9E478; 
		color: #FFF; 
		text-align: center;
	}
	
	.calendar thead .name {
		border-bottom: 1px solid #333333; 
		padding: 2px; 
		text-align: center; 
		background: #E2E2E2;
	}
	
	.calendar thead .hilite {
		background-color: #9ECF13;
	}
	
	.calendar tbody .day {
		width: 2em; 
		text-align: right; 
		padding: 2px 4px 2px 2px;
	}
	
	.calendar tbody td.hilite {
		padding: 1px 3px 1px 1px; 
		border: 1px solid; 
		border-color: #fff #000 #000 #fff;
	}
	
	.calendar tbody td.selected {
		font-weight: bold;
		background-color:#F5F5F4;
	}
	
	.calendar td.time {
		border-top: 1px solid #000; 
		padding: 1px 0px; 
		text-align: center;
		background-color: #F5F5F4;
	}
	
	.calendar tfoot .ttip {
		padding: 1px; 
		border: 1px solid #fff; 
		background: #E2E2E2;
		text-align: center;
	}
	
	.txt_search_highlight {
		color: #78A926;
		font-weight: bold;
	}
	
	.listnav {
		margin-top:20px;
		text-align:center;
	}
	
	.logLogin{
		margin:0px;
		padding:0px;
		font-size:10px;
	
	}
	.logInput{
        color:#064F45;
		font-size: 10px;
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		border: 1px solid #DCDCDC;
		padding:2px;
		margin-left:2px;
		margin-right:2px;
	}
	
	.greenBox {
		background-color:#064F45;
        color:#ffffff;
		font-size: 100%;
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		padding:5px;
	}
	.greenBox .head {
		font-weight: bold;
		margin-right:4px;
	}
	
	#logLogin input{
		color:#064F45;
		font-size: 100%;
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		border: 1px solid #DCDCDC; 
		margin-top: 5px;
		margin-left: 3px;
	}
	#regionJump{
		margin-bottom: 4px;
		margin-top: 4px;
	}
	#regionJump select{
		font-size: 100%;
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		border: 1px solid #DCDCDC; 
		padding:2px;
	}
	.loginWarn{
		background-color:#CC0000;
		padding:4px;
		color:#FFFFFF;
		font-size:10px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		width:100%;
	}
}

@media print {
	#header {
		display: none;
	}
	
	#breadcrumb {
		display: none;
	}
	
	#footer {
		display: none;
	}
	
	#content .col_side {
		display: none;
	}
	
	#comment_form {
		display: none;
	}
	
	#content .col_main {
		width: 100%;
	}
	
	#content .col_left1 {
		float:left;
		position:relative;
		left:0px;
		width:49%;
	}
	
	#content .col_right1 {
		float:left;
		position:relative;
		left:12px;
		width:49%;
	}
	
	.box_bottom {
		width:100%;
		float:left;
		border-color: #DCDCDC;
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px; 
	}
	
	#header .masthead {
		font-size: 10pt;
	}
	
	#content {
		font-size: 12pt;
	}
	
	#content .metadata {
		font-size: 10pt;
	}
	
	#content .metadata_top {
		font-size: 10pt;
	}
}

@media screen,print {
	body {
  		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		font-size: 101%; 
		color: #333333; 
		text-decoration: none;
		background-color:#FFF;
	}
	
	#system_message {
		color: #FF5A5A; 
		font-size: 70%; 
		padding: 9px;
	}
	
	#content {
		clear:left;
		margin-top:30px;
		font-size: 70%;
		width:100%;
	}
	
	#content .box {
		width:100%;
		float:left;
		border-color: #DCDCDC; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 0px; 
		border-left-width: 1px;
	}
	
	#content .box_top {
		border-color: #DCDCDC; 
		border-style: solid; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 1px; 
		border-left-width: 0px; 
		text-align: right;
		font-size: 110%;
		position:relative;
		padding:6px;
		font-size:10px;
		font-weight:bold;
		color:#064F45;
	}
	
	#content .box_mid {
		float:left;
		width:100%;
	}
	
	#content .box_mid .content {
		float:left;
		padding:9px;
	}
	
	#content .box_mid .content_right {
		float:right;
		padding-left:9px;
	}
	#content .box_mid .pic_content {
		float:left;
		padding-top:9px;
		padding-bottom:9px;
		width:258px;
	}
	
	#content .box_mid .pic {
		float:left;
		padding:9px;
	}
	
	#content h2 {
		font-size: 1.5em; 
		font-weight: bold;
	}
	
	#content h3 {
		font-size: 1.1em; 
		font-weight: bold;
	}
	
	#content h4 {
		font-size: 1.0em; 
		font-weight: bold;
	}
	
	#content .metadata {
		font-size: 80%;
		margin-left:0px;
		margin-right:0px;
		border-color: #DCDCDC;
		border-style: dotted; 
		border-top-width: 1px; 
		border-right-width: 0px; 
		border-bottom-width: 0px; 
		border-left-width: 0px;
		padding-top:9px;
		padding-bottom:9px;
		color:#666;
	}
	
	#content .metadata_top {
		font-size: 80%;
		margin-left:0px;
		margin-right:0px;
		border-color: #DCDCDC;
		border-style: dotted; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 1px; 
		border-left-width: 0px;
		padding-top:0px;
		padding-bottom:9px;
		color:#666;
	}
	
	#content .comment {
		border-color: #DCDCDC;
		border-style: dotted; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 1px; 
		border-left-width: 0px;
		padding-bottom:9px;
		padding-top:3px;
		width:100%;
	}
	
	#content .comment_author {
		font-size: 80%;
	}
	
	#content .comment_author a:hover {
		color:#78A926;
	}
	
	.bg1 {
		background-color: #F494B2
	}
	
	.bg2 {
		background-color: #F1EEF0
	}
	
	.bg3 {
		background-color: #DCDCDC
	}
	
	.bg4 {
		background-color: #FDF3F6
	}
	
	.txt_item_title {
		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		color: #333333;
		font-size: 1.5em; 
		font-weight: bold; 
		text-decoration: none;
	}
	
	hr {
		color: #DCDCDC;
		height: 1pt;
		margin-top: 6px; 
		margin-right: 0px; 
		margin-bottom: 4px; 
		margin-left: 0px;
		border-top: 1px; 
		border-right: 0px; 
		border-bottom: 0px; 
		border-left: 0px;
		border-style: dotted; 
	}
	
	.picture_right	{
		border: #333333 solid 1px; 
		margin-bottom: 4px; 
		margin-left: 10px;
	}
	
	.picture_left	{
		border: #333333 solid 1px; 
		margin-bottom: 4px; 
		margin-right: 10px;
	}
		
	.picture	{
		border: #333333 solid 1px;
	}
	
	fieldset {
		 border: 1px solid #CCCCCC;
		-moz-border-radius: 3px;
	} 
	
	legend {
		padding-left: 6px;
		padding-right: 6px;
	}
	
	#id_frm label {
		float:left; 
		width:6.0em; 
		display:block
	}
}