/*-----------------------------------------------------------------------------
Yukon Orienteering Association

3 Column Fixed Width 950px (Main Content Left)

version:   1.0
author:    darryl bray
email:     darrylbray@elviowebdesign.com
website:   http://www.elviowebdesign.com/
-----------------------------------------------------------------------------*/

body {
	margin-top: 0;
  	background-color:#800000;
  	color:#3a3a3a;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2.3em;
	font-weight: normal;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #460000;
}

h2 {
	margin-bottom: 0.25em;
	font-size: 1.8em;
	font-weight: normal;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #460000;
}

h3 {
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: normal;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #460000;
}

h4 {
	margin-bottom: 0.5em;
	font-size: 1.3em;
	font-weight: bold;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(50,50,50);
}

a {
	color: rgb(50,50,50);
}

a:hover {
	text-decoration: none;
}

p.calendar_event_volunteer {
	margin: 5px 0;
	padding: 0;
}

p.calendar_event_volunteer.next_event {
	margin-top: 15px;
}

p.calendar_event_volunteer a,
p.calendar_event_volunteer a:hover {
	text-decoration: none;
}

p.calendar_event_volunteer a {
	border: 1px solid rgba(255, 0, 0, 0.5);
	border-radius: 10px;
	padding: 2px 5px !important;
}

p.calendar_event_volunteer.next_event a {
	border: 2px solid rgba(255, 0, 0, 0.75);
}

p.calendar_event_volunteer a:hover {
	box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}


/* News */

#primaryContent #home_page_news {
	width: 475px;
	border: 1px solid #ddd;
	padding: 5px;
}

#primaryContent #home_page_news {
	margin-bottom: 2.5em;
}

#primaryContent #home_page_news hr {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
    border: none;
    height: 2px;
    /* Set the hr color */
    color: #aaa; /* old IE */
    background-color: #aaa; /* Modern Browsers */
}

#primaryContent #home_page_news h3 {
	 border-left: 10px solid #8CA563;
	 padding-left: 10px;
}

/* End news */


.space {
	margin: 5px 0 15px 0;
}

.close-bottom {
	margin-bottom: 0.5em;
}

.closer-bottom {
	margin-bottom: 0.25em;
}

.imagespace, .textspace {
	margin-bottom: 20px;
}

.imageborder {
	border: 1px solid #ccc;
}

.maps p {
	margin: 2px;
}

/* list of OCAD maps on Event Planning page */
#primaryContent .maplist { clear: both; list-style-type: disc; font-family: "Courier New", monospace; font-size: 120%; margin: 0 0 15px 0; padding: 0 0 0 40px; }
#primaryContent .maplist li { padding-bottom: 3px; }
#primaryContent .maplist li.divider { padding-bottom: 10px; }
#primaryContent .maplist li a { display: block; text-decoration: none; color: #000; }
#primaryContent .maplist li a:hover { color: #000; background-color: #dee8ca; }
.number-of-maps { float: right; color: #555; }

#wrapper {
  	background: #ffffff url(../images/fauxcolumn.gif) repeat-y;
}

#branding {
	position: relative;
	height: 125px;
	background-color:#800000;
	color: #ffffff;
}

#branding a {
	color: #ffffff;
}

#branding ul li {
	display:inline;
}

#branding ul li a {
	margin: 0px 30px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	font-size: 95%;
}

#branding ul li a:hover {
	text-decoration: underline;
}

.logo {
	position: absolute;
	top: 15px;
	left: 20px;
}

.brandingnavigation {
	position: absolute;
	top: 10px;
	left: 605px;
}

.nextorienteeringevent {
	position: absolute;
	top: 30px;
	left: 617px;
/*	left: 557px;*/
}

.event {
	position: absolute;
	top: 56px;
	left: 620px;
/*	left: 560px;*/
}

.home {
	background: #800000 url(../images/home.gif) no-repeat;
	padding-left: 20px;
}

.centertext {
	text-align: center;
}

.email {
	background: #800000 url(../images/email.gif) no-repeat;
	padding-left: 20px;
}

.aboutus {
	background: #800000 url(../images/aboutus.gif) no-repeat;
	padding-left: 20px;
}

.visitCOF {
	margin-bottom: 10px;
}

.visitCOF h3 {
	text-align: center;
}

.joinus {
	margin-bottom: 10px;
}

.emphasisblack {
	color: #000000;
	font-weight: bold;
}

.emphasisorange {
	color: #f38917;
	font-weight: bold;
}

.emphasisgreen {
	color: #829657;
	font-size: 105%;
	font-style: italic;
}

.emphasisred {
	color: #ff0000;
	font-weight: bold;
}

.largerfont {
	font-size: 120%;
}

.modifieddate {
	float: right;
	color: #A0A0A0;
}

.photo-container-left {
	display: inline-block;
}

#primaryContent div.homepage-photo {
	padding: 5px;
	border: 1px solid #ccc;
	width: 100%;
}

#primaryContent div.homepage-photo img {
	width: 100%;
	margin: 0;
	padding: 0;
}

#primaryContent .photo-caption {
	display: block;
	text-align: left;
	color: #444;
	font-size: 100%;
	margin-bottom: 20px;
}

div.next-event-details {
	margin-top: 1em;
}

div.next-event-details p {
	margin-bottom: 0.25em;
}

div.next-event-details p.meeting-point {
	text-indent: -7.1em;
	margin-left: 7.1em;
}

div.next-event-details p.contact {
	text-indent: -4.4em;
	margin-left: 4.4em;
}


/* Start Main Navigation */

#navigation {
	background: #e2decc url(../images/roundedtop.gif) no-repeat;
	padding-top: 5px;
}

#navigation ul {
  	margin: 0;
  	padding: 0;
  	font-size: 125%;
  	float: left;
  	width: 950px;
  	background-color: #e2decc;
  	list-style: none;
}

#navigation ul li {
  	float: left;
  	display:inline; /* Fixes IE6 Double Margin Bug */
 	padding: 0 1.7em;
}

#navigation ul li a {
	padding: 0 12px;
	line-height: 39px;
  	background-color: #e2decc;
  	text-decoration: none;
  	color: rgb(50,50,50);
  	float: left;
	border-bottom: 6px solid #e2decc;
}

#navigation ul li a:hover {
	border-bottom: 6px solid #F38917;
}

#navigation ul .last a {
  	border-right: none;
}

/* End Main Navigation */

#primaryContent a {
	color: #460000;
	font-weight: normal;
}

#primaryContent a:hover {
	text-decoration: none;
}

#primaryContent .emphasisred a {
	color: #ff0000;
}

#primaryContent ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	list-style: square;
}

#primaryContent ul li {
	padding-bottom: 5px;
}

#primaryContent ol {
	margin: 0;
	padding: 0 0 0px 20px;
}

#primaryContent ol li {
	padding-bottom: 10px;
}

#primaryContent div.grey_box {
	border: 1px solid #bbb;
	padding: 5px;
	border-radius: 5px;
}


#white_background {
	clear: both;
	background-color: #fff;
	padding-bottom: 75px;
}

/* Twitter Timeline */
#twitter_timeline {
	width: 340px;
	border: 2px solid #d7b296;
	margin: 0 auto 40px auto;
}


/* Facebook Timeline */
#facebook_timeline {
	width: 340px;
	border: 2px solid #d7b296;
	margin: 0 auto;
}


/* HPP Box */

#hpp_box {
	margin: 0 auto;
	margin-bottom: 30px;
	clear: both;
	width: 340px;
	border: 1px solid #d7b296;
	padding: 0;
	background: white;
}

#hpp_box_header {
	background: #d7b296;
	border-bottom: 1px solid #C08656;
	padding: 10px;
	height: 15px;
}

#hpp_box_footer {
	background: #d7b296;
	height: 10px;
}

#hpp_box_body {
	padding: 10px;
}

#hpp_box h4 {
	margin: 0 auto;
	font-size: 1.2em;
}

#hpp_box_left_col {
	width: 160px;
	float: left;
}

#hpp_box_right_col {
	width: 160px;
	float: left;
}

#hpp_box ul {
	margin-bottom: 8px;
	margin-left: 20px;
}

#hpp_box li {
	list-style: none;
	margin-bottom: 2px;
}

#hpp_box .centred {
	text-align: center;
}

#hpp_box .clear {
	clear: both;
}

#hpp_box .indent {
	margin-left: 20px;
}

#hpp_box .visit_blog {
	padding-top: 10px;
}

/* End HPP Box */



/* Start Race Schedule Table */

#primaryContent table {
  	width: 490px;
  	margin: 15px 0px 20px 0px;
  	border: 1px solid #808285;
}

#primaryContent th  {
	width: 245px;
	text-transform: uppercase;
	font-size: 110%;
  	font-weight: bold;
  	padding: 10px;
  	background-color: #000;
  	color: #fff;
}

#primaryContent td  {
	width: 245px;
	padding: 10px;
}

.odd {
	background-color: #a5bf6f;
}

/* End Schedule Table */


/* Start Calendar Of Events Table */

#primaryContent .eventstable {
	margin:0;
	padding: 0 0 15px 0;
	background-color: #fff;
}

#primaryContent .datatable {
	border: 1px solid rgb(242,242,242);
	border-collapse: collapse;
	width: 910px;
	font-size: 90%;
	margin-top: 0;
}

#primaryContent .datatable th {
	background-color: #a5bf6f;
	font-weight: normal;
	text-align: left;
	padding: 8px 2px 6px 4px;
	color: #fff;
	font-size: 115%;
}

#primaryContent .datatable td {
	border: 1px solid #D6DDE6;
	padding: 4px;
}

#primaryContent .datatable.striped tr:nth-child(odd) {
	background-color: rgb(242,242,242);
	color: #000;
}

#primaryContent .datatable tr.row_emphasis td, #primaryContent .datatable tr.row_emphasis td a {
	font-weight: bold;
}

#primaryContent .datewidth {
	width: 50px;
}

#primaryContent .timewidth {
	width: 100px;
}

#primaryContent .meetingpointwidth {
	width: 135px;
}

#primaryContent .mapwidth {
	width: 115px;
}

#primaryContent .contactwidth {
	width: 125px;
}

/* End Calendar Of Events Table */


/* Start Junior Table */

#primaryContent .juniortable {
	border-collapse: collapse;
	border: 1px solid #999;
}

#primaryContent .juniortable th {
	font-size: 110%;
	font-weight: bold;
	text-transform: none;
  	background-color: #fff;
  	color: #000;
  	border: 1px solid #bbb;
}

#primaryContent .juniortable td {
  	border: 1px solid #ddd;
}

#primaryContent .juniortable .firstcol {
	width: 50px;
}

/* End Junior Table */


#primaryContent .programs_col {
	width: 500px;
}

/* Start Teleconference Schedule Table */

#primaryContent .teleconferencetable {
	width: 850px;
	border-collapse: collapse;
	border: 1px solid #999;
}

#primaryContent .teleconferencetable th {
	font-weight: bold;
	text-transform: none;
  	background-color: orange;
  	color: #000;
  	border: 1px solid #888;
}

#primaryContent .teleconferencetable td {
  	border: 1px solid #888;
}

#primaryContent .teleconferencetable td:first-child {
	font-weight: bold;
}

/* End Teleconference Schedule Table */


/* Start Months of the Year on Calenadar of Events Page */

#monthsofyear {
	margin:0;
	padding: 5px 0 20px 0;
	font-size: 110%;
	background-color: #fff;
}

#monthsofyear ul {
	margin:0;
	padding: 0;
}

#monthsofyear li {
	margin:0;
	padding:  0 3px 0 3px;
	list-style-type: none;
	display:inline;
}

#primaryContent .top { /* small horizontal black and red arrow image used for hyperlinking to top of page */
	float: right;
	padding: 2px 30px 20px 15px;
	margin: 0;
}

/* End Months of the Year on Calendar of Events page */


/* Start programs */

#program_registration, #membership_draw {
	width: 410px;
	padding: 10px !important;
	margin: 2em 1em;
}

#membership_draw {
	margin-bottom: 0;
}

#program_registration p, #membership_draw p {
	margin: 2px 0;
}

#program_registration h4, #membership_draw h4 {
	margin-top: 0;
}

#program_registration {
	border: 1px solid #168C8C;
	background-image: linear-gradient(150deg, #77D5D5 0%, #ACEDED 100%);
}

#membership_draw {
	border: 1px solid #1DBB1D;
	background-image: linear-gradient(150deg, #83EA83 0%, #B3F6B3 100%);
}

#primaryContent #programs_button {
	text-align: center;
}

#primaryContent #programs_button a {
	font-size: 1.5em;
	font-weight: bold;
	padding: 15px !important;
	margin: 5px 0 20px 0;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	border: 0;
	color: #000;
	display: inline-block;
	background: #ff9a19;

}

#primaryContent #programs_button a:hover {
	text-decoration: none;
	color: #000;
	background: #e68a17;
}

/* End programs */


#secondaryContent ul {
	margin: 0;
	padding: 0 0 20px 20px;
	list-style: none;
}

#secondaryContent li {
	padding-bottom: 5px;
}

#secondaryContent a {
	text-decoration: none;
}

#secondaryContent a:hover {
	text-decoration: underline;
}

#tertiaryContent ul {
	margin: 0;
	padding: 0 0 20px 20px;
	list-style: none;
}

#tertiaryContent li {
	padding-bottom: 5px;
}

#tertiaryContent a {
	text-decoration: none;
}

#tertiaryContent a:hover {
	text-decoration: underline;
}

#tertiaryContent  .signup a {
	text-decoration: underline;
}

#tertiaryContent  .signup  a:hover {
	text-decoration: none;
}

#footer {
	position: relative;
	background-color: #e2decc;
/*	height: 220px;*/
	font-size: 95%;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer a {
	text-decoration: none;
	color: #000000;
}

#footer a:hover {
	text-decoration:underline;
}


/* Start Action Footer */

#footer .footerCol {
	margin: 20px 15px 0px 0px;
	padding: 0;
	float: left;
	display: inline; /* Fixes IE6 Double Margin Bug */
/*	width: 200px;*/
	width: 225px;
}

#footer .footerCol.last {
	margin-right: 0;
}

#footer .footerCol .join_email_list {
	margin-bottom: 5px;
}

#footer .adminWidth {
/*	width: 130px;*/
	width: 175px;
}

#footer .memberOfWidth {
/*	width: 140px;*/
	width: 185px;
}


/* End Action Footer */

#oneColLayout #primaryContent {
	background-color: #fff;
}

/* Layout Technique
================================= */

body {
  	text-align: center;
}

#wrapper {
  	width: 950px;
  	margin: 0 auto;
  	text-align: left;
}

#contentColumnContainer {
  	width: 418px;
  	float: right;
}

#primaryContent {
  	width: 530px;
  	margin: 0;
  	float: left;
}

#secondaryContent {
  	width: 209px;
  	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  	float: left;
}

#tertiaryContent {
  	width: 209px;
  	float: right;
}

#footer {
  	clear: both;
}

#oneColLayout #primaryContent {
	width: 950px;
}


/* Padding For Layout Technique
================================== */

#primaryContent, #secondaryContent, #tertiaryContent, #quaternaryContent  {
  	padding-top: 20px;
  	padding-bottom: 20px;
}

#primaryContent *, #secondaryContent *, #tertiaryContent *, #quaternaryContent * {
	padding-left: 20px;
  	padding-right: 20px;
}

#primaryContent * *, #secondaryContent * *, #tertiaryContent * *,   #quaternaryContent * * {
  	padding-left: 0;
  	padding-right: 0;
}

#footer {
	padding: 5px 20px 25px 20px;
/* 	padding-top: 5px;
  	padding-bottom: 25px;*/
}

/*
#footer * {
	padding-left: 20px;
	padding-right: 20px;
}

#footer * * {
	padding-left: 0px;
	padding-right: 0px;
}
*/


/* This allows the hr in the tertiary column to display correctly. */
#tertiaryContent hr {
	padding-left: 0;
  	padding-right: 0;
}


#footer .wrapper {
	clear: both;
	padding-top: 25px;
}

#footer .footerCOC2011,
#footer .footerWCOC2015,
#footer .footerNAOC2018 {
	text-align: center;
}

#footer .footerCOC2011,
#footer .footerWCOC2015 {
	margin-bottom: 20px;
}

#footer .footerCOC2011 a,
#footer .footerWCOC2015 a,
#footer .footerNAOC2018 a {
	font-size: 125%;
	margin-left: 20px;
	text-decoration: none;
	padding: 10px 0 10px 32px;
}

#footer .footerCOC2011 a:focus,
#footer .footerWCOC2015 a:focus,
#footer .footerNAOC2018 a:focus {
	text-decoration: none;
}

#footer .footerCOC2011 a {
	background: url(../images/COC-tiny.png) no-repeat left center;
}

#footer .footerWCOC2015 a {
	background: url(../images/wcoc2015-tiny.png) no-repeat left center;
}

#footer .footerNAOC2018 a {
	background: url(../images/naoc2018-tiny.png) no-repeat left center;
}