#right {

    color: #99CCFF;
    border: 2px solid;
    border-radius: 25px;

}
#right input {
    color: black;
}

a.darkBG {
    color: #33CCFF;
    font-weight: bold;
    text-decoration: none;
}



/************************* STEVE BREESE's ADDITIONS: *********************/
.blur {
filter: blur(3px) !important;
}
.Event_Description {
font: bold 14px verdana, Geneva, Arial, helvetica, sans-serif;color: darkRed;
}
.Event_Left_Column {
vertical-align:top;/*max-width:160px;*/
}
.Select_Pace {font-family: Arial;}
.RRR_Formatted {
color: midnightblue;
font-style: italic;
font-weight: bold;
}
.RRR_Cap {
color: crimson;
}
.php{vertical-align:middle;
list-style-image: url(/IMAGES/ICONS/icon_php.png);
}
.xls{vertical-align:middle;
list-style-image: url(/IMAGES/ICONS/icon_xls.gif);
}
.lsx{vertical-align:middle;
list-style-image: url(/IMAGES/ICONS/icon_xls.gif);
}
.pdf{vertical-align:middle;
list-style-image: url(/IMAGES/ICONS/ICON_PDF.jpg);
}
.jpg{vertical-align:middle;
list-style-image: url(/IMAGES/ICONS/ICON_jpg.gif);
}
.png{vertical-align:middle;
list-style-image: url(/IMAGES/ICONS/ICON_png.png);
}
.doc{vertical-align:middle;
list-style-image: url(/IMAGES/ICONS/ICON_doc.gif);
}
.rtf{vertical-align:middle; list-style-image: url(/IMAGES/ICONS/ICON_rtf.gif);
}
.justify{text-align: justify;}


dt {//THIS IS FOR ACCORDIAN SHOW/HIDE
cursor:pointer;
}
img.mid {vertical-align:middle}//THIS CENTERS ICONS IN A SENTENCE

//THE FOLLOWING IS FOR FRAMING IMAGES
div.img-wrap {
/* Needed to keep the image from being set to float left in ie 7, but doesn't work for ie 6*/
position: relative;
/* This triggers the layout feature to contain the floated divs for the top and bottom borders */
overflow: hidden;
}

div.img-center-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px;
box-sizing: border-box;
}

div.img-container {
/* Keep the floated divs/image contained within */
position: relative;
float: left;
overflow: hidden;
/* this is the left side vertical border
Set the color to transparent then include the image and have
it repeat vertically */
background: transparent url(//fasttrackracingteam.com/IMAGES/BACKGROUNDS/pic_frame_vertical.jpg) repeat-y;
}


div.img-container img {
/* Setting the padding equal to the border width for all sides
so the borders can be seen */
padding: 6px;
/* this is the right side vertical border
Set the color to transparent then include the image and have
it repeat vertically and line up on the right side of the image */
background: transparent url(//fasttrackracingteam.com/IMAGES/BACKGROUNDS/pic_frame_vertical.jpg) repeat-y right;
}


div.img-container div.img-top {
/* Positioning the top border to start at the top left corner of
the img-container div */
position: absolute;
left: 0;
top: 0;
/* Set the height equal to the height of the border */
height: 6px;
width: 100%;
/* this is the top horizontal border
Set the color to transparent then include the image and have
it repeat horizontally */
background: transparent url(//fasttrackracingteam.com/IMAGES/BACKGROUNDS/pic_frame_horizontal.jpg) repeat-x;
}
div.img-container div.img-bottom {
/* Positioning the bottom border to start at the bottom left corner of
the img-container div */
position: absolute;
left: 0;
bottom: 0;
/* Set the height equal to the height of the border */
height: 6px;
width: 100%;
/* this is the bottom horizontal border
Set the color to transparent then include the image and have
it repeat horizontally positioned at the bottom of the div
(bottom position needed for ie 6) */
background: transparent url(//fasttrackracingteam.com/IMAGES/BACKGROUNDS/pic_frame_horizontal.jpg) bottom repeat-x;
}

/************************* BEGIN overwrite CloudMe template: *****************************/

.Full_Event_Info { padding: 7px; }
.Full_Event_Info td { padding: 2px; }
.RSVP_Section td { padding: 2px; }

/************************* END overwrite CloudMe template: *****************************/
/**************************** BEGIN on Board & Admin page: *****************************/
#MembershipTable
{
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#MembershipTable td, #MembershipTable th
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
/*background-color:white; DELETE IN JUNE 2017*/
}
#MembershipTable th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#MembershipTable tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}

/**************************** END on Board & Admin page: *****************************/
/************************* BEGIN IN USE ON RACE PAGE: *****************************/
.fixed {
position: fixed;
top: 20px;
right: 5px;
background-color: darkslategray;
max-width: 20rem;
border-top-left-radius: 2em;
border-top-right-radius: 2em;
border-bottom-left-radius: 2em;
border-bottom-right-radius: 2em;
}

#right h2, #right h3 {color: white;}
/************************* END IN USE ON RACE PAGE: *****************************/
/************************* BEGIN Event Section **********************************/
.SurfsUp_Box {text-align:center;}
.text-align-left {text-align: left;}
/************************* END Event Section ************************************/
::-moz-selection,::selection {
background: #ff6028;color:#fff;
text-shadow:none;
}

/*///////////////////////////////////////////////////
////////// BEGIN CARA LEFT MENUS //////////////*/
/* Tertiary menu (on the left-hand side) */

.menuTertiary ul
{
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
}

.menuTertiary ul li
{
margin: 0;
padding: 0;
list-style-position: outside;
}

.menuTertiary ul li a, .menuTertiary ul li a:link, .menuTertiary ul li a:visited, .menuTertiary ul li a:hover
{
display: block; padding: 5px 0 0 5px; min-height: 25px;
background: url('//fasttrackracingteam.com/IMAGES/BACKGROUNDS/BACKGROUND_Nav.gif'); text-decoration: none; color: #ffffff; font-weight: bold; background-size: auto 100%;
}

.menuTertiary ul li ul li {background: #ffffff;}

.menuTertiary ul li ul li a,
.menuTertiary ul li ul li a:link,
.menuTertiary ul li ul li a:visited,
.menuTertiary ul li ul li a:hover {
margin: 0 0 0 20px; padding: 5px 0 0 5px; display: block; min-height: 20px;
background: #ffffff; text-decoration: none; color: #000000; font-weight: normal;
}

.menuTertiary ul li ul li ul li {background: #ffffff;}

.menuTertiary ul li ul li ul li a,
.menuTertiary ul li ul li ul li a:link,
.menuTertiary ul li ul li ul li a:visited,
.menuTertiary ul li ul li ul li a:hover {
margin: 0 0 0 40px; padding: 5px 0 0 5px; display: block; min-height: 20px;
background: #ffffff; text-decoration: none; color: #000000; font-weight: normal;
}

/* This makes the currently-selected item blue (and overrules any other declaration) */
.menuTertiary ul li a:hover, .menuTertiary a.menuTertiaryCurrentItem {color: #06357a !important;}
.menuTertiary a.menuTertiaryCurrentItem::before {
content: "» ";
}

/* END CARA LEFT MENU
///////////////////////////////////////////////////////*/