/* ---------------------------- General Styling -------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	background-color: #000;
	text-align: center;
	color: #FFE;
}

a {
	color: #87F;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img.normal {
	border: 3px outset;
}

a img {
	border-width:0;
}

hr {
	clear: both;
}

img.newsimage {
	float: right;
	margin: 0 1em 1em 1em;
}

/* ---------------------------- Navbar Styling ---------------------------------- */

#logos {
	height: 9em;
	text-align: center;
	margin: 1.5em 0 0 0;
}

div#navigation {
	text-align: center;
	margin: 1em 2em 1em 230px;
}

img.logo {
	border: none;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

#topright {
	position: absolute;
	right: 2em;
	top: 0.5em;
	color: #FFF;
	text-align: right;
}
#topright h1 {
	font-size: 200%;
	padding: 0;
	margin: 0.1em 0 0;
}

.upper {
	font-size: 20pt;
}

/* ------------------------------------ Sidebar Styling -------------------------------- */

#sidebar {
	position: absolute;
	left: 0.2em;
	top: 0;
}

#sidebar img {
	margin-left: 0px;
}


/* ------------------------------------ Page Contents Styling ----------------------------- */


table.committee {
	border-collapse: collapse;
	margin-left: 15px;
}

table.committee h3 {
	padding: 0;
	margin: 0;
}

table.committee img {
	margin-bottom: 20px;
}

table.committee td {
	border: none;
}

table.committee td.details {
	padding-left: 20px;
}

img.left_float {
	border: 3px outset;
	float: left;
	margin-right: 15px;
}

img.right_float {
	border: 3px outset;
	float: right;
	margin-left: 15px;
}




h5 {
	color: #FCD;
	font-size: 100%;
	margin: 1.4em 0 .4em 0;
}
h6 {
	color: #FFF;
}


h3 {
	color: #FFF;
}
h4 {
	color: #FFA;
	margin: 2.7em 0 0.4em 0;
}

div#content {
	background-color: #342420;
	border: 1px solid #202020;
	margin: 0 2em 0 230px;
	padding: 0.5em 5% 1em 5%;
    text-align:justify;	
}
.error {
	color: #ff0000;
}
.message {
	color: #00bb00;
}

textarea {
	width: 100%;
}
span.small {
	font-size: 70%;
}

input, textarea {
	background-color: #443430;

	color: white;
}

/* OpenSpace */
div.mapcontainer {
	width: 100%;
}
div.mapcontainer > div {
	margin: 0 auto;
	width: 800px;
}
div.mapcontainer > div > div.os_map {
	border: 1px solid black;
	height: 600px;
}
div.mapcontainer > div > div.os_maplow {
	height: 200px;
}
div.os_sidebar {
	float: right;
}
div.os_sidebar li a {
	vertical-align: 65%;
}
div.os_popupmenu {
	background-color: #EEEEFF;
	width: 17em;
	font-size: 85%;
}
div.os_popupmenu div.os_popupmenu_gridref {
	background-color: #AAAADD;
	font-weight: bold;
}
div.os_popupmenu div {
	padding: 0.1em 0.2em;
}
div.os_popupmenu div:hover {
	background-color: #AAAAFF;
}
div.os_popupmenu a {
	color: #000000;
}
div.os_popuptitle {
	background-color: rgba(255, 255, 166, 0.8);
	padding: 0.07em 0.4em;
	font-size: 90%;
	color: black;
	width: 17em;
}

div.os_statusbar {
	background-color: rgba(255, 255, 166, 0.8);
	padding: 0.2em 1em 0.1em 95px;
	color: black;
	width: 800px;
}

div.os_areaoverlay {
	background-color: rgba(255, 166, 166, 0.6);
	padding: 0;
	border: black 2px solid;
	color: black;
	font-size: 80%;
	width: 100%;
	height: 100%;
}

td {
    vertical-align: top;
}
ul.os_markerlist {
    list-style:none;
}
ul.os_markerlist li {
     line-height: 37px;
     padding-left: 39px; /* the width of your image + some space */
     margin: 3px 0;
}
form.os_form input.text {
	width: 40em;
}
form.os_form textarea {
	width: 100%;
}


ul.upcomingtrips li {
	margin-top: 0.4em;
}
ul.pasttrips li {
	margin-top: 0.8em;
}
ul.tripphotos li {
	list-style-type: none;
	float: left;
	width: 165px;
	height: 95px;
}
ul.tripphotos div {
	text-align: center;
	width: 165px;
	height: 95px;
}
p.tripphoto {
	text-align: center;
}
p.subh3links {
	margin: -1em 0 1.6em 3em;
	font-size: 85%;
}