body, td { font-family: Verdana, Arial, Helvetica, Sans-Serif; color: black; font-size: 12px; margin: 0px; }
body { background-color: #3B56DD; }
img { border: 0;}
a:link, a:visited { color: blue; text-decoration: none;}
a:active, a:hover { color: blue; text-decoration: underline;}
h1 { font-size: 250%; font-weight: bold; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
h5 { font-size: 200%; }
h6 { font-size: 90%; }
i { font-style: italic; }
smaller { font-size: smaller; }

p.popup { margin: 5px; }

input, select, option, textarea { font-family : sans-serif, veranda; font-size : 12; color : black; border : 1px outset gray; background-color : white; }
.checkbox { background-color : transparent; border: 0px ! important; }
.blueBttn { background-color : #6F87FF; }
.bttnSubmit { background-color : #6F87FF; }

.form { border:1px dashed #999999; }
a.outside { target: _new; }

.leftCol { text-align: right; }
.rightCol { text-align: left; }

#top_sponsor { position: absolute; left: 0px; top: 0px; height: 120px; width: 120px; z-index: 3; }
#top_title_image { position: absolute; left: 0px; top: 0px; height: 120px; text-align: right; background: #3B56DD; z-index: 2; width: 100%; }
#top_bathunicanoe { position: absolute; z-index: 4; left: 0px; top: 105px; height: 12px; width: 100%; text-align: right; color: white ! important; }
div#middle_links { position: absolute; margin: 0px; padding: 5px; left: 16%; top: 120px; height: 20px; width: 82%; background: #EFF0FD; }
div#main { position: absolute; margin: 0px; padding: 5px; left: 16%; top: 140px; width: 82%; background: #EFF0FD; z-index: 2; }
div#behind_main { position: absolute; margin: 0px; padding: 5px; left: 16%; top: 140px; width: 82%; background: #EFF0FD; height: 1000px; z-index: 1;}

span#homeLeft { position: relative; margin: 0px; padding: 5px; width: 48%; background: #EFF0FD; float: left; clear: left;}
span#homeRight { position: relative; margin: 0px; padding: 5px; width: 48%; background: #EFF0FD; float: right; clear: right;}

span#profilesLeft { position: relative; margin: 0px; padding: 5px; width: 48%; background: #EFF0FD; float: left; clear: left;}
span#profilesRight { position: relative; margin: 0px; padding: 5px; width: 48%; background: #EFF0FD; float: right; clear: right;}

div#profilePics { float: left; clear: left; }

.centered { text-align: center; }
.errorLogin { color: #ffcc00; text-align: center; }
div.tripWarning { font-style: italic; text-align: center; border: 1px solid red; padding: 0.5em; }
.warning { font-style: italic; text-align: center; border: 1px solid red; padding: 0.5em; }
.floatPhotoRight { float: right; clear: right; font-size: smaller; font-style: italic; color: #aaaaaa; text-align: center; padding: 1px;}
.frontMessage { font-weight: bold; padding: 0.5em; }

.homeUpdatesDateToday { color: red; }
.homeUpdatesDate { color: black; }
.homeForumDateToday { color: red; }
.homeForumDate { color: black; }
.homePhotoOfWeek { font-size: smaller; font-style: italic; color: #aaaaaa; padding: 1px; }

.calendarStandard { background-color: #E2E3FE; }
.calendarWeekend { background-color: #C7C9FE; }

.committeeOne { background-color: #C7C9FE; }
.committeeTwo { background-color: #E2E3FE; }

.tripListGrp0 { background-color: black ! important; color: white ! important; }
.tripListGrp1 { background-color: gray ! important; }
.tripListGrp2 { background-color: #ffff00 ! important; }
.tripListGrp3 { background-color: #ff0000 ! important; }
.tripListGrp4 { background-color: #ff6600 ! important; }
.tripListGrp5 { background-color: #ffcc33 ! important; }
.tripListGrp6 { background-color: #6f87ff ! important; }
hr.viewTripList { border-top: 1px dashed gray; border-bottom: 0px; color: #fff; background-color: #fff; height: 4px; }
hr.standard { border-top: 1px dashed gray; border-bottom: 0px; color: #fff; background-color: #EBECFF; height: 1px; }

/*
Chat styling
*/
div#chatText { padding: 0.2em; position: absolute; top: 0em; left: 0px; width: 81%; background: transparent; border-right: 1px dotted black; min-height: 99%; }
div#chatMembers { padding: 0.2em; position: absolute; top: 0em; left: 82%; width: 17%; background: transparent; margin: 0px; border-width: 1; min-height: 99%;}

span.chatComm { color: yellow; }

/*
Don't edit below here - the menu gets cranky in the mornings
*/

div#left_menu {position: absolute; top: 12em; left: 0; width: 16%; background: transparent; padding: 0; margin: 0px; border-width: 0; }
div#left_menu div { margin-bottom: 0; }

div#left_menu a {display: block; margin: 0; padding: 5px; text-align: left; /*border-bottom: 1px solid #88B;*/ border-top: 1px solid #88B; color: yellow; background: transparent none center left no-repeat; text-decoration: none;}
div#left_menu a:link { background-color: transparent;}
div#left_menu a:visited { background-color: transparent;}
div#left_menu a:hover {background: #77A; }
div#left_menu a span {display: none;}

div#left_item {border-color: #88B;}
div#left_item h4 {background: #77A; color: #yellow;}
div#left_item a {text-transform: lowercase;}
div#left_item a:link:hover {background: #77A;}
div#left_item a:visited:hover {background: #77A;}

div#left_item div.sublinks {border-width: 0; margin: 0; }
div#left_item div.sublinks a { font-size: 85%; padding-left: 15px; color: yellow;}
div#left_item div.sublinks a:visited {color: yellow;}

div#left_login_form { margin: 0.75em; text-align: center; width: 80%; border-bottom: 2px solid #88B; border-left: 1px solid #88B; border-right: 1px solid #88B;border-top: 2px solid #88B; color: yellow; padding: 5px; }
div#left_login_form h4 { text-align: center; }

div.logged_in { padding: 5px; text-align: left; color: yellow; }