


* {
    margin:0; /* zero out margin */
    padding:0; /* zero out padding */
}
html, body {
    height:100%; /* gives layout 100% height */
    overflow:inherit; /* triggers 100% height in Opera 9.5 */
    background: #e5eaf1; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #e5eaf1 60%, #bbc9dd 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(60%,#e5eaf1), color-stop(100%,#bbc9dd)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #e5eaf1 60%,#bbc9dd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #e5eaf1 60%,#bbc9dd 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #e5eaf1 60%,#bbc9dd 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #e5eaf1 60%,#bbc9dd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eaf1', endColorstr='#bbc9dd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-attachment: fixed;
}
body {
    font-family: "lucinda grande",tahoma,verdana,arial,"sans-serif";
}

body.fullscreen .header-container {
    width: 100%;
}

#wrapper {

}
* html #wrapper {
    height: 100%; /* IE6 treats height as min-height */
}

#footer {
    height:25px;
    width:994px; /* centered div must be given a width */
    margin:-25px auto 0; /* -80px sucks it back in & auto centers it */
    background:#F0F0F6;
    text-align:center;
    z-index:99;
}
.push {
    height:45px;
}

#sponsors {
    padding:10px;
    height:60px;
    background-color:#001133;
    color:white;
}

#topBarLinks {
    text-align:center;
}
#topBarLinks li a {
    font-weight:normal;
}

#headerWrapper {
    /*  margin-bottom:-1px;     */
    /*  background-color:#003466;   */
}

#header {
    /*background-color:#181e33;*/
    background-color: #1a2239;
}

#header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#main_logo {
    float: left;
    margin: 5px 2px;
}

#header_options {
    display: inline-block;
    margin-top: 6px;
    vertical-align: top;
    font-size: 10px;
    margin-left: 5px;
}

#contentWrapper {
    /*  background-color:#FFF;*/
    padding-bottom:75px;
    overflow:auto;
}

#content {
    width: 994px;
    margin:0 auto;
    background-color:white;
    /*  padding-top:5px; */
    /*  padding-bottom:10px; */
    text-align:left;
    min-height:350px;
	padding-top:1px;
	margin-top:10px;
	box-shadow: 0 0 10px 0px #B2C1D8;
}

#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#contentHeader {
    padding:5px;
    padding-left:0px;
    padding-right:5px;
    margin:0px;
    border-bottom:1px solid black;
    font-size:1.2em;
}

#contentHeader:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* start */

#contentBody {
    background-color:#FFF;
    margin-left:15px;
    margin-right:15px;
}

#contentBody:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#contentFooter {

}

#footer {

}

#footer table,#footer div {
    border:none;
}

#footer ul,#footer li {
    list-style: disc;
    padding:0px;
    margin:0px;
    padding-left:15px;

}


#container{
    float:left;
    width:100%;
    border-left:160px transparent; /* The width and color of the left rail */
    /*  margin-left:-150px; */
    display:inline; /* So IE plays nice */
}
#leftRail{
    float:left;
    width:160px;
    margin-left:0px;
    position:relative;
    padding-bottom:10px;
}
#center{
    float:left;
    width:814px;
    margin-right:-100%;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
}


.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/* end */






#loginBarWrapper {
    background: #EE9400;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlYmI1NGQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlOTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #ebb54d 0%, #ee9400 100%);
    background-image: -moz-linear-gradient(top, #ebb54d 0%, #ee9400 100%);
    background-image: -o-linear-gradient(top, #ebb54d 0%, #ee9400 100%);
    background-image: linear-gradient(to bottom, #ebb54d 0%, #ee9400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb54d', endColorstr='#ee9400',GradientType=0 );
    padding: 1px 8px 5px 0;
    margin-top:2px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    color: #fff;
    position: relative;
    vertical-align:top;
}

#loginBarWrapper span.vline {
    border-left: 1px solid #DE991F;
    height: 23px;
    left: 47px;
    position: absolute;
    top: 0;
    width: 1px;
}

#loginBar {

}

#mastheadTabBarWrapper {
    /* background-color: #001333; */

    background-image: url("https://regattacentral.com/images/WaterTexture.jpg") ;
    background-repeat:repeat-y;
}
#mastheadWrapper {
    padding-top:10px;
    padding-bottom:10px;
}

#masthead {

}

#tabBarWrapper {
    /* background-color:#001333; */
    /*  border-bottom:5px solid #F1A223; */
}

#tabBar {
    background-color:white;
    opacity:1.0;
}

#mastHead {
    background-color:#003466;

}

#mastHead:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#displayFixed img,#displayWide img {
    border:1px solid #F0F0F0;
}
#displayFixed img:hover {
    border:1px solid silver;
}

#displayWide img:hover {
    border:1px solid silver;
}

#sideBar {
    float:left;
    padding-right:10px;
    padding-left: 10px;
}

.centeredContent {
    margin-left:auto;
    margin-right:auto;
    padding:0px;
}

#affiliationPicker {
    padding-bottom:10px;
}

.fixedWidth {
    width:968px;
}

.gradientV{
    /* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
    /* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #ffffff;
    /* Mozilla: */
    /* background: -moz-linear-gradient(bottom, #708BA7, #ffffff); */
    /* Chrome, Safari:*/
    /* background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#708BA7)); */
    /* MSIE */
    /* filter: progid:DXImageTransform.Microsoft.Gradient(
                    StartColorStr='#ffffff', EndColorStr='#708BA7', GradientType=0);*/
}

#contentHeader {
    padding-left: 5px;
    color: red;
    border-bottom: 1px solid #E5EAF1;
}

#contentHeader h1 {
    color:black;
    font-weight: bold;
    font-size:1.4em;
    float:left;
}

#contentNav {
    float: left;
}

.shadow {
    /*
    -moz-box-shadow:1px 1px 2px #C8C8C8; */
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#C8C8C8')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#C8C8C8');
}

ul#css3menu1 a:hover {
    cursor:pointer;
}

#topBar {
    background-color: #13192b;
}

.header_options {
    text-align: left;
    white-space: nowrap;
    display: inline-block;
    margin-top: 6px;
    vertical-align: top;
    font-size: 11px;
    margin-left: 5px;
}

.header_options li {
    list-style: none;
}

.header_options > li {
    background: transparent;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    position: relative;
    margin-left: 10px;
}

.header_options > li > a:link,
.header_options > li > a:visited,
.header_options > li > span {
    color: #fff;
    display: block;
    padding-bottom: 4px;
    text-decoration: none;
}

.header_options > li > a:hover {
    text-decoration: underline;
}

.header_options > li > ul {
    display: none;
    position: absolute;
    right: 0;
    min-width: 68px;
    box-shadow: 0 3px 12px 0px #0d1528;
    border-radius: 1px;
    overflow: hidden;
}

.header_options > li:hover > ul,
.header_options > li:active > ul {
    display: block;
}

.header_options ul a:link,
.header_options ul a:visited {
    background-color: #f5f5f7;
    display: block;
    padding: 5px 4px;
    text-decoration: none;
    color: #0d1528;
}

.header_options ul a:hover,
.header_options ul a:active {
    background-color: #e5e5e9;
    text-decoration: underline;
}

.header_options ul a.active {
    background-color: #385a92;
    color: #fff;
}

