/* Styles for the VOA site */
/* Color #3c4a21 is a darker DarkOliveGreen */
/* Color #f0f0f0 is an off white */
/* Color #004000 is a dark green */

@import url(https://fonts.googleapis.com/css?family=Asul);

#header {width:910px}
#navigation { float: left; width: 160px }
#main { margin-left: 160px; width:750px}
#footer { }

h1 {color: DarkOliveGreen; font-family: 'Asul', sans-serif}
h2 {color: DarkOliveGreen; line-height: 0; font-family: 'Asul', sans-serif; margin-top: 2em}
h3 {color: DarkOliveGreen; line-height: 0; font-family: 'Asul', sans-serif; margin-top: 2em}
p {color: #004000; font-family: trebuchet ms, Arial, Helvetica;}
h1.voa_centered, h2.voa_centered, h3.voa_centered , h4.voa_centered {text-align:center;}

img {border:1px solid DarkOliveGreen}
hr {color: DarkOliveGreen; background-color: DarkOliveGreen;}

.no_border {border:0px;}

.divider {border:0px; height:3px; width:600px;}
.divider400 {border:0px; height:3px; width:400px; clear:both; }
.voa_divider400 {border:0px; height:3px; width:400px; clear:both; }

.photo_left {float:left; margin:5px}
.photo_right {float:right;margin:5px}
.photo_text {float:left;}
.entry {clear:both;}
.general_text {color:#004000; font-family:"trebuchet ms","Arial","Helvetica"; font-size:10pt}
.h-photo {width:600px;}
.v-photo {width:450px;}

.tripreport {vertical-align:top; padding-right:20px;}

.logo { border: none }

.sidemenu ul
{
	list-style-type:none;
	margin:4px;
	padding:0px;
	font-family: trebuchet ms, Arial, Helvetica;
	font-size:12pt;
	font-weight:normal;
	text-align:center;
}
.sidemenu a
{
	display:block;
	text-decoration:none;
	background-color:DarkOliveGreen;
	margin:2px;
	padding:5px;
	color:#f0f0f0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.sidemenu a:hover, a:active
{
	background-color:#3c4a21;
}

.sidemenu li
{
	color:#3c4a21;
}

.welcome p
{
	color:DarkOliveGreen;
	font-family:tahoma, Arial, Helvetica;
	font-size:22pt;
}


/* 
// Override the default table style
*/
table {border-collapse: collapse; border-style: none;}
td, tr td {border-style:none; padding:5px;}

/*
// voa_framed: Draw a line around all the cells
*/
table.voa_framed {border: 1px solid DarkOliveGreen}
.voa_framed td, th {border: 1px solid DarkOliveGreen}

/*
// voa_centered: Center a table
*/
table.voa_centered {margin-left:auto; margin-right: auto;}

/*
// Calendar icon for events
*/
.voa_event_schedule td {padding: 10px;}
.voa_event_schedule td.voa_date {padding: 0px;}
.voa_event_schedule td.voa_ev_type { text-align: center; color: DarkOliveGreen; padding: 3px; font-weight:bold; font-size: 1.2em;}
.voa_event_schedule td.voa_ev_type.voa_ev_social { color: red;}
.voa_event_schedule td.voa_ev_desc:first-line { color: DarkOliveGreen; font-weight:bold; font-size: 1.2em; }

.voa_icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 6em;
  height: 6em;
  background-color: #fff;
  /* border-radius: 0.6em; */
  /* box-shadow: 0 1px 0 #bdbdbd; */
  /* border:1px solid black; */
  overflow: hidden;
}
.voa_icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

/* Day of the Week at top */
.voa_ev_day
{
  position: absolute;
  top: 0;
  padding: 0.3em 0;
  color: #fff;
  background-color: #ca641c;
  border-bottom: 1px solid #874312;
  text-transform: uppercase;}

/* Month at bottom */
.voa_ev_month
{
  position: absolute;
  bottom: 0.25em;
  color: #ca641c;
}

/* Day of Month in middle */
.voa_ev_date
{
  font-family: 'Asul', sans-serif;
  font-size: 2.4em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #101010;
}