/* Body CSS */
body {
width:100%;
margin: 0px;
background-color: #D2EAF1;
min-height:100%;
font-family:Georgia,serif;
}

/* Links */
a {
text-decoration: none !important;
}

img {
border: none !important;
}

/* Headers */
h1 {
font-size:36px;
margin:10px;
margin-left:30px;
font-weight:bold;
color:#6EA9B8;
}

h2 {
font-size: x-large;
font-weight: bold;
color:#6EA9B8;
}

h3 {
font-size:large;
font-weight: bold;
color:#6EA9B8;
}

/* Clear CSS */
.clearboth {
clear:both;
}

/*Page Container CSS */
#page {
margin:0 auto;
width:1050px;
height:auto;
background-color: #E9E9E9;
border-left:1px solid #525252;
border-right:1px solid #525252;
bottom:0;
}

/* Navigation CSS */
#navigation {
height:35px; 
width:100%;
margin:0;
background-color: #98C7D3;
}

/*Banner/Header CSS */
#banner {
background-image: url('../images/banner/snh-ctc-banner-2.png');
background-repeat: no-repeat;
width:1010px;
height:230px;
margin:10px;
padding:10px;
position:relative;
}

#ctclogo {
float:right;
right:10px;
top:10px;
}

#banner-title {
float:left;
position:absolute;
bottom:0;
}

/* Announcements CSS */
#announcements {
background-color: #E6EEEE;
border:1px solid #98C7D3;
margin:10px;
padding:10px;
}

/* Home Page Content */
#homepagemessage {
background-color: #E6EEEE;
border:1px solid #98C7D3;
margin:10px;
padding:10px;
width:698px;
}

/*Page Content Container CSS */
#pagebody {
}

/* Main Panel */
#mainpanel {
background-color: #E6EEEE;
border:1px solid #98C7D3;
margin:10px;
padding:10px;
width:698px;
}

/* Page Titles */
.pagetitle {
font-size:36px;
margin:10px;
margin-left:30px;
font-weight:bold;
color:#6EA9B8;
}

/* Full Panel */
#fullpanel {
background-color: #E6EEEE;
border:1px solid #98C7D3;
margin:10px;
padding:10px;
}

/*Footer CSS */
#footer {
background-color: #98C7D3;
border-top:1px solid #525252;
border-bottom:1px solid #525252;
bottom:0;
width:1050px;
position:relative;
height:auto;
}

#footer-top {
padding:5px;
}

#disclaimer {
font-size:11px;
border-top:1px dashed #525252;
padding:5px;
}

/* Right Panel */
#widgetpanel {
float:right;
margin:0px 10px;
width:300px;
clear:both;
}

#rightpanel {
background-color: #E6EEEE;
border:1px solid #98C7D3;
float:right;
margin:0px 10px 10px 10px;
padding:10px;
width:278px;
}

.right-header {
margin-left:-10px;
margin-right:-10px;
margin-top:-10px;
margin-bottom:10px;
padding:5px;
background-color:#98C7D3;
font-size:large;
color:white;
font-weight:bold;

}

/* Tables */
.table {
margin:10px 0px;
border:1px solid #98C7D3;
}

.table-center {
text-align:center;
background-color: #CEE5EB;
padding:2px;
}

.tbl-cell {
background-color: #CEE5EB;
padding:2px;
}

/* Forms */
.formrow {
width:150px;
}

.form-input {
}

.form-disclaimer {
font-size:11px;
}

/* Warning / Alert Messages */
.warning {
border:1px dashed #FF0000;
background-color:rgba(255,0,0,0.2);
color:#FF0000;
padding:5px;
font-size:large;
font-weight:bold;
}

#ridemaker-container {
border:1px solid #98C7D3;
padding:5px;
text-align:center;
}

.ridemaker-profile {
text-align:center;
width:225px;
height:150px;
margin:5px;
display:inline-table;
background-color: #CEE5EB;
border:1px solid #98C7D3;
}

#event-date {
width:100%;
font-size:16px;
font-weight:bold;
text-align:center;
border:1px dashed #98C7D3;
background-color: #CEE5EB;
}

#online-entries {
width:90%;
margin-left:auto;
margin-right:auto;
font-size:16px;
border:1px dashed #98C7D3;
padding:10px;
background-color: #CEE5EB;
}

/* Ride List Page */
table {
padding:5px;
margin:10px 0px;
border:1px solid #98C7D3;
}

.left, .left tr, .left td {
text-align:left !important;
}

.table-no-css, .table-no-css tr, .table-no-css td{
text-align:left !important;
background:none !important;
padding:none !important;
border:none !important;
}

th {
border-bottom:1px solid #98C7D3;
background-color:#98C7D3;
color:black;
padding:5px;
font-weight:bold;
font-size:16px;
}

tr {
padding:1px;
background-color:#CEE5EB;
}

tr .rideslistrow :nth-child(odd), tr .rideslistrow :nth-of-type(odd) {
background-color:#BDE0EB;
}

tr .rideslistrow :nth-child(even), tr.rideslistrow :nth-of-type(even){
background-color:#D0E9F1;
}

td  {
text-align:center;
}

/* Download Icons */

.pdf {
background: url(../images/icon/pdf-icon.png) center left no-repeat;
padding:0 0 0 20px;
white-space:nowrap;
}

.word {
background: url(../images/icon/word-icon.png) center left no-repeat;
padding:0 0 0 20px;
white-space:nowrap;
}

.web {
background: url(../images/icon/web-icon.png) center left no-repeat;
padding:0 0 0 20px;
white-space:nowrap;
}

.img-left {
float: left;
}

.img-right {
float: right;
}

.google-map {
width:100%;
border:1px solid #98C7D3;
}

.quicklink {
padding:5px;
border:1px solid #000000;
background-color:#98C7D3;
color:#000000;
display:block;
width:auto;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.quicklink:hover {
background-color:#6EA9B8;
color:#FFFFFF;
}

.emitremmus {
padding:20px 10px;
border:1px solid #570505;
background-color:#8A1B1B;
color:#FFFFFF;
width:auto;
display:block;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
font-weight:bold;
font-size:20px;
}

.emitremmus:hover {
background-color:#AA3232;
}