body {
    background: none repeat scroll 0 0 #F5F1E8;
    }
#topwrapper {
    background: url("") repeat-x scroll 0 0 transparent;
    width: 100%;
}
#top {
    background: url("") repeat-y scroll 0 0 #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    height: 185px;
    margin: 20px auto 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 920px;
    z-index: 2727;
}
#header {
     left: 25px;
     height: 128px;
}
#header .motto {
    background: none repeat scroll 0 0 transparent;
    left: 322px;
    top: 12px;
 }
#header span.motto a {
    background: url("/past/etc/designs/bc/offices/rec/images/at_bc_logo.gif") no-repeat scroll 0px 28px transparent;
    display: block;
    height: 103px;
    margin: 17px 0 0;
    padding: 0;
    text-decoration: none;
    width: 515px;
}

#header h1 {
    background: url("/past/etc/designs/bc/offices/rec/images/bc_rec_logo.gif") no-repeat scroll 7px 21px transparent;
    display: block;
    height: 122px;
    text-indent: -2727px;
    width: 290px;
    margin-top:3px;
    
}
h1 a.bcrec {
    display: block;
    height: 120px;
    width: 275px;
}
#secondarymenu {
    /*font: 1.035em "Trebuchet MS",Arial,Helvetica,sans-serif;*/
	font: 11px "Trebuchet MS",Arial,Helvetica,sans-serif;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    -moz-box-shadow: -1px 1px 3px #DDDDDD;
    -webkit-box-shadow: -1px 1px 3px #DDDDDD;
    box-shadow: -1px 1px 3px #DDDDDD;
    height: 18px;
    padding: 6px 5px 1px 0;
    right: 0;
    top: 0;
    width: 470px;
    }
#secondarymenu li {
    background: transparent url("/past/etc/designs/bc/offices/rec/images/arrow.gif") no-repeat 0 2px;
    float: left;
    list-style: none ;
    padding: 0 15px 0 8px;
    }
#secondarymenu li a, #secondarymenu li a:link, #secondarymenu li a:visited, #secondarymenu li a:active {
	font-size: 11px;
    background: none repeat scroll 0 0 transparent;
    text-transform:none;
    color:#990000;
    }
#secondarymenu li a:hover {
    text-transform:underline;
}
#mainmenu {
    background-color: #600000; /* Old browsers */
    background: -moz-linear-gradient(top, #900000 0%, #660000 61%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#900000), color-stop(61%,#660000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #900000 0%,#660000 61%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #900000 0%,#660000 61%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #900000 0%,#660000 61%); /* IE10+ */
    background: linear-gradient(top, #900000 0%,#660000 61%); /* W3C */
    height: 25px;
    left: 10px;
    position: absolute;
    top: 145px;
    width: 900px;
    z-index: 2727;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}
html.ie7 #mainmenu, html.ie8 #mainmenu {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900000', endColorstr='#660000',GradientType=0 ); /* IE6-9 */
    }
#nav {
width:910px;
}
#nav, #nav ul {
    margin: 0 auto;
}
#nav .nav {
    height: 25px;
    margin: 0;
    padding: 0;
    width: 910px;
}
#nav .nav li {
    float: left;
    height: 20px;
    letter-spacing: 0.1em;
    list-style: none outside none;
    margin: 0 0 0 0px;
    padding: 5px 25px; /* UPDATED SPACING DUE TO ISSUES WITH TOP NAVIGATION */
    position: relative;
    }
#nav .nav li a, #nav .nav li a:link, #nav .nav li a:visited, #nav .nav li a:active {
    float: left;
    font-weight: normal;
    height: 20px;
    margin: 0;
    text-decoration: none;
    text-transform:uppercase;
    text-indent: 0;
    color:#ffffff;
    outline: 0;
}
#nav .nav li ul {
    background-color: #FFFFFF;
    border-color: #900000;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 25px;
    width: 250px;
}
#nav .nav li ul li {
    background: none repeat scroll 0 0 transparent;
    color: inherit;
    float: left;
    font-weight: normal;
    height: 20px;
    padding: 0;
    text-indent: 0 !important;
    width: 193px;
    border-bottom: 1px dotted #efefef;
}
#nav .nav li a:hover, #nav .nav li ul li:hover, #nav .nav li ul li.over, #nav  .nav li ul li a:hover {
    background-color: transparent;
    color: #990000;    
}
#nav .nav li ul li a {
    width: 193px;
    outline: 0;
    }
#nav .nav li:hover, #nav .nav li:hover a, #nav .nav li.over, #nav .nav li.active {
    background-color:#600000;
    border-bottom: 4px solid #B29C6D;
	padding-bottom: 1px;
    height: 16px;
    }
#nav .nav li.active a {
border-bottom:none;
}
#nav .nav li a:hover {
    background-color: transparent;
    color: #FFFFFF;    
}
#nav .nav li.active a {
height:15px;
}
#nav .nav li.about.active, #nav .nav li.about:hover {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px; 
    margin-right: 0px;
    margin-left:0;
    }
#nav .nav li.intramurals.active, #nav .nav li.intramurals:hover {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    margin-left: 0px;
    margin-right:0;
    }
a, a:link, a:visited, a:active {
    background-color: inherit;
    color: #990000;
}
/*** Content area ***/
.breadcrumb {
    top: -4px;
    margin-bottom: 8px;
}
#main {
    background: url("") repeat-y scroll 0 0 #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    left: 20px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 920px;
}

 /* form elements */
input, textarea, select, #cse-search-box2 input[type="text"] {
    font-size: 100%;
    font-family: inherit;
}

/* form field style */
input[type=text], textarea, #cse-search-box2 input[type="text"] {
    background: #f9f9f9;
    color: #666;
    border: solid 1px #eaeaea;
    border-top-color: #d5d5d5;
    border-bottom-color: #f4f4f4;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
}
input[type=text]:focus, #cse-search-box2 input[type="text"]:focus {
    outline: none;
    background: #fcfcfc;
    color: #000;
}

/* form field width */
input[type=text], #cse-search-box2 input[type="text"] {
    margin-left: 15px;
    max-width: 96%;
    width: 190px;
}
textarea {
    line-height: 150%;
    width: 94%;
}

label.search {
    display: block;
    height: 0;
    left: -9999em;
    overflow: hidden;
    position: absolute;
    width: 1em;
    }
/* form buttons */
input[type=reset], input[type=submit] {
    background: #333;
    color: #fff;
    line-height: 100%; 
    text-transform: uppercase;
    border: none;
    padding: 7px 20px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 0 rgba(0,0,0,.1);
}
input[type=reset]:hover, input[type=submit]:hover {
    background: #000;
    color: #fff;
}
/************************************************************************************
SEARCH FORM
*************************************************************************************/
#searchbox {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 10px;
    padding-bottom: 12px;
}
#main #cse-search-form {
    position: absolute;
    left: 0;
    top: 10px;
}
#main  #cse-search-box2 input[type="text"] {
    width: 150px;
    background-image: url(/etc/designs/bc/offices/rec/images/search.png);
    background-position: 7px center;
    background-repeat: no-repeat;
    padding-left: 28px;
}
#main #cse-search-form input:focus {
    width: 140px;
    color: #000;
}
table.gsc-branding {
display:none;
}
#menu {
    background-color: transparent;
    border-right: 1px dotted #CCCCCC;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    margin: 0 11px 0 10px;
    padding: 0 15px 0 0;
    width: 215px;
    }
#menu #sitename {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px dotted #ccc;
    color: #990000;
    font-size: 2em !important;
    line-height: 30px;
    text-transform: uppercase;
    }
#menu #sitename a {
    color: #990000;
    display: block;
    font-size: 0.7em;
    line-height: 15px;
    padding: 3px 0 13px 10px;
    text-decoration: none;
}
#menu .leftnav {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 7px;
    }
#menu .leftnav li.current {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    margin: 8px 0;
    padding: 8px 0;
}
#menu .leftnav a, #menu .leftnav a:link, #menu .leftnav a:active, #menu .leftnav a:visited {
    background: inherit;
    color: #990000;
}
#menu .leftnav ul li a {
    padding: 4px 4px 4px 15px;
}
#menu .leftnav li.current li a {
    background: none repeat scroll 0 0 transparent !important;
    color: #990000 !important;
    padding: 4px 4px 4px 25px;
}
#menu .leftnav li.parent {
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    margin: 7px 0;
}
#menu .leftnav li.parent a {
    margin-top:7px;
}
#menu .leftnav li.parent ul {
    margin-bottom: 7px;
    padding-left: 9px;
}
#menu .leftnav li.parent ul li a {
    margin-top:0px;
}
#menu .leftnav li.parent ul li.current {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin:0;
    padding:0
}
#menu .leftnav li.parent ul li.parent {
    border-bottom: 0px solid #d5d5d5;
    border-top: 0px solid #d5d5d5;
    margin: 0px 0;
    }
#menu .leftnav ul li ul li ul li a {
    padding: 4px 4px 4px 14px;
}
#maincontent {
    background: none repeat scroll 0 0 #FFFFFF;
    color: inherit;
    float: left;
    width: 650px;
}
#maincontent #primary {
    float: left;
    margin-right: 15px;
    padding: 0 0 20px 0px;
    width: 630px;
}
#maincontent h1, #content h1, #menu #sitename {
    font-family: "trebuchet MS",tahoma,verdana san-serif;
    font-size: 2.3em;
    letter-spacing: 0.1em;
    margin-top: 0;
}
h1#content-title {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
    padding-bottom: 8px;
}
#maincontent h3 a {
    color:#990000;
    }
/** FULL WIDTH **/
body.fullwidth #maincontent, body.fullwidth #maincontent #primary {
width:890px;
}
body.fullwidth #maincontent #primary {
    padding:0 10px;
}
body.fullwidth .breadcrumb {
    width: 870px;
}
.searchBread  {
    display: block;
    height: 35px;
    margin: 0 0 16px;
    width: 890px;
}
.searchBread #searchbox {
    border-bottom: 0 dotted #CCCCCC;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 12px;
    width: 210px;
}
.searchBread #cse-search-box2 input[type="text"] {
    margin-left: 0;
}
.searchBread .breadcrumb {
    margin-bottom: 8px;
    top: 1px;
}
/*** component styles ***/
#calloutbox {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #D5D5D5;
    margin: 15px auto;
    padding: 0 10px;
    width: 80%;
}
#maincontent .newslisting h3  {
    background: inherit;
    color: #990000;
    font: bold 1.2em Arial,Verdana,sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-top: 14px;
    text-transform: none;
    border-bottom: 0 solid #ffffff;
    
}
#maincontent .newslisting h3 a {
    background-color: inherit;
    color: #990000;
    text-decoration: underline;
    }
.newslisting .news-item {
    border-bottom: 1px solid #DEDEDE;
    min-height: 90px;
    padding: 1.25em 0 0.75em;
}
.newslisting img {
    margin: 5px 15px 0 0;
    }
/** FOOTER ***/
#foot.clear {
    border-bottom: 4px double #DADADA;
    border-top: 11px solid #FFFFFF;
    margin: 0 10px; 
}
#bcRec_footer, #footer {
    color: #666666;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 7px 0px;
    text-align: left;
    width: 920px;
}
#bcRec_footer {
    background: url("") repeat-y scroll 0 0 #FFFFFF;
    height:85px;
    }
#bcRec_footer {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: 0 auto 50px;
    padding: 10px 0;
    position: relative;
    width: 920px;
}
#bcRec_footer:before, #bcRec_footer:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:15px;
    left:10px;
    width:50%;
    height:10px;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, .6);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, .6);
    box-shadow:0 15px 10px rgba(0, 0, 0, .6);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
#bcRec_footer:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}
html.ie7 #bcRec_footer, html.ie8 #bcRec_footer {margin-bottom:-3px; border-bottom:0px solid;}
html.ie7 #footer, 
html.ie8 #footer {
    background: url("/past/etc/designs/bc/offices/rec/images/ie_footer.png") no-repeat scroll center top transparent;
    height:50px;
    }
#bcRec_footer > div {
    float: left;
    display: block;
    margin: 3px 0;
    padding: 10px 0;
    width:20%;
    height:60px;
}
#bcRec_footer div.bcLogo {
    border-right: 1px dotted #DADADA;
    padding: 10px 28px  10px;
    text-indent: -2727px;
}
#bcRec_footer div.bcLogo a {
    background: url("/past/etc/designs/bc/offices/rec/images/bc_logo.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 60px;
    width: 190px;
}
#bcRec_footer div.contact {
    color: #999999;
    font-family: trebuchet MS;
    font-size: 1em;
    letter-spacing: 0.1em;
    line-height: 1.25em;
    padding:7px 5px 0 15px;
	width: 21%;
}
#bcRec_footer div.contact a, #bcRec_footer div.contacta:link,
#bcRec_footer div.contact a:visited, #bcRec_footer div.contact a:active {
    color:#999999;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration:none;
}
#bcRec_footer div.william_flynn {
    margin: 4px 0 0;
    padding: 10px 20px 0 10px;
    text-indent: -2727px;
    width: 144px;
}
#bcRec_footer div.william_flynn a {
    background: url("/past/etc/designs/bc/offices/rec/images/eagles_official_banner.gif") no-repeat scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    display: block;
    height: 48px;
    width: 138px;
}
#bcRec_footer div.social_media {
    border-left:1px dotted #dadada;
    color: #999999;
    font-family: times New Roman;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    line-height: 25px;
    padding: 20px 0 0 20px;
    width: 250px;
}
#bcRec_footer div.social_media a {
    border-left:1px dotted #adadad;
    margin-left: 5px;
    text-indent: -2727px;
}
#bcRec_footer div.social_media a.twitter {
    background: url("/past/etc/designs/bc/offices/rec/images/twitter.gif") no-repeat scroll 11px 0 transparent;
    display: inline-block;
    height: 25px;
    width: 39px;
}
#bcRec_footer div.social_media a.fb {
    background: url("/past/etc/designs/bc/offices/rec/images/facebook.gif") no-repeat scroll 11px 0 transparent;
    display: inline-block;
    height: 25px;
    width: 39px;
}
#bcRec_footer div.social_media a.instagram {
    background: url("/past/etc/designs/bc/offices/rec/images/instagram.gif") no-repeat scroll 11px 0 transparent;
    display: inline-block;
    height: 25px;
    width: 39px;
}
#footer {
width:920px;
display:block;
float:none;
}