/*
# -----------------------------------------------------------------------
# This file is part of AROUNDMe
# 
# Copyright (C) 2003, 2006 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.
# -----------------------------------------------------------------------
*/

/*
gopark green = #8BC53F
gopark orange #F16422
*/


@media print {
	#header {
		display: none;
	}
}

@media screen {
	#outerframe {
		background-color:#DCDABE;
		margin-right:auto; 
		margin-left:auto; 
		margin-top:0px;
		padding:0px;
		text-align:left;
		width:760px;
		margin-right: auto;
		margin-left: auto;
		height: 100%;
		min-height: 100%;
		display:table;
	}
	
	.system_message {
		color: #FF5A5A; 
		font-size: 70%; 
		padding: 9px;
	}
	
	#layout	{
		position:relative;
		float:left; 
		width:760px; 
		padding:0px;
		background-image: url(../img/gopark_circle.png); 
		background-repeat: no-repeat;
		bottom:0px;
	}
	
	a {
		color: #333333; 
		text-decoration: underline;
	}
	
	#layout .txt_highlight {
		color: #F16422; 
		text-decoration: none;
	}
	
	a:hover {
		color: #F16422; 
		text-decoration: underline;
	}
	
	#header {
		float:left;
		width:100%;
		padding: 0px;
		margin-bottom: 12px;
	}
	
	#header .masthead {
		float:left;
		text-decoration: none;
		text-align:right;
		font-size: 60%;
		width:100%;
		height:90px;
	}
	
	#header .menu {
		padding: 9px;
		white-space: nowrap;
		float:right;
		padding-left:18px;
	}
	
	#main_menu {
		width:100%;
		padding: 0px;
		float:left;
		font-size: 80%;
		line-height:27px;
		height: 27px;
	}
	
	#main_menu .content {
		float:left;
		margin-left:10px;
	
	}
	
	#main_menu p {
		margin:0px;
		float:left;
		background-image: url(../img/gopark_menu_tab.png); 
		background-repeat: no-repeat; 
		margin-right:1px;
		font-weight: bold;
		width: 103px;
		text-align: center;
	}
	
	#main_menu a {
		text-decoration: none; 
		font-weight: bold;
	}

	#main_menu .highlight {
		margin:0px;
		float:left;
		background-image: url(../img/gopark_menu_tab_hl.png);
		background-repeat: no-repeat;
		margin-right:1px;
		font-weight: bold;
		width: 103px;
		text-align: center;
		color: #F16422;
		
	}
	
	#main_menu a:hover {
		color: #F16422; 
		text-decoration: none
	}
	
	#sub_menu {
		width:100%;
		padding: 0px;
		float:left;
		background-color:#f9f6de;
		border-color: #C9C6AB;
		border-style: solid; 
		border-top-width: 0px; 
		border-right-width: 0px; 
		border-bottom-width: 2px; 
		border-left-width: 0px; 
		font-size: 70%;
	}

	#sub_menu .highlight {
		text-decoration: none;
		color:#F16422;
	}
	
	#sub_menu .content {
		padding-left: 9px; 
		padding-right: 9px; 
		padding-top: 9px; 
		padding-bottom: 6px;
	}
	
	#footer {
		float: left;
		padding-top: 3px;
		text-decoration: none; 
		font-size: 60%;
		background-color: #8BC53F;
		width: 760px;
	}
	
	#footer .content{
		float: left;
		padding: 10px;
	}
	
	#content .col_left1 {
		float:left;
		position:relative;
		left:0px;
		width:364px;
	}
	
	#content .col_right1 {
		float:left;
		position:relative;
		left:12px;
		width:364px;
	}
	
	#content .col_main {
		float:left;
		position:relative;
		left:0px;
		width:528px;
	}
	
	#content .col_side {
		float:left;
		position:relative;
		left:12px;
		width:200px;
	}
	
	.listnav {
		margin-top:20px;
		text-align:center;
	}
	
	#debug_mode {
		float: left;
		padding-top: 20px;
		padding-bottom: 9px;
		padding-right: 9px;
		padding-left: 9px;
		color: #999999;
		text-decoration: none; 
		font-size: 60%;
	}
	
	.txt_search_highlight {
		color: #F36692;
		font-weight: bold;
	}
}

@media screen,print {
	html, body {
  		font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
		font-size: 101%; 
		color: #333333; 
		text-decoration: none;
		background-color:#BBCBCC;
		margin:0px;
		padding:0px;
	}
	
	#content {
		float:left;
		font-size: 70%;
		width:740px;
		margin:10px;
	}
	
	#content .box {
		width:100%;
		float:left;
		margin-bottom: 12px;
		background-color: #c9c6ab;
	}
	
	#content .box_top {
		background-color: #8BC53F;
		text-align: right;
		font-size: 110%;
		position:relative;
		padding:6px;
	}
	
	#content .box_mid {
		float:left;
		width:100%;
	}
	
	#content .box_mid .content {
		float:left;
		padding:9px;
	}
	
	.bg1 {
		background-color: #F16422
	}
	
	.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;
	}
	
	#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;
	}
	
	.warning_message {
		color: #FF5A5A; 
		font-size: 100%;
	}
	
	.icon_frame {
		font-size: 80%;
		border-color: #DCDCDC; 
		border-style: solid; 
		border-width: 1px;
		padding: 1px;
		white-space: nowrap;
		text-decoration: none;
		background-color:#FFF;
	}
	
	.icon_title {
		background-color:#F1EEF0;
		margin: 0px;
		padding: 0px;
		margin-right: 1px;
		background-color:#FDF3F6;
	
	}
	
	.icon_value {
		margin: 0px;
		padding: 0px;
	}
	
	.picture	{
		border: #333333 solid 1px;
	}
}