/* @override
	http://orhub.s3.amazonaws.com/templates/fluid/css/main.css */

#page-content .banner {
background-color:#000;
display: block;
float: left;
height: 140px;
margin:0 0 1px;
overflow: hidden;
position:relative;
width: 100%;
}

/* #page-content .banner .logo {
background-image:url(../img/acr_logo.jpg);
height:44px;
left:5px;
position:absolute;
top:0;
width:176px;
}*/

#page-content .school-content {
background-color:#f58220;
border-bottom: 4px solid #000;
margin:0;
width:100%;
}

#page-content .banner .subject-listing {
left:240px;
position:absolute;
top:0;
}

#page-content .banner .subject-listing a {
color:#ccc;
display:block;
float:left;
font-family:'Tenor Sans';
font-size:18px;
height:45px;
text-decoration:none;
text-transform:uppercase;
}

#page-content .banner .subject-listing a span {
display:block;
padding:12px 20px;
}

#page-content .banner .subject-listing a.selected {
background-color:#D3361C;
color:#fff;
}

#page-content .module-listing {
margin: 0;
padding:0 20px;
vertical-align:top;
width:240px;
}

#page-content .module-listing .mod-list-box {
    margin: 10px 0;
    overflow:hidden;
    padding:0;
    text-align: left;
}

#page-content .module-listing .mod-list-box a {
    background:#000;
    display:block;
    height: 56px;
    margin-bottom: 20px;
}

#page-content .module-listing .mod-list-box a:hover,
#page-content .module-listing .mod-list-box a.selected{
    background:#FFF;
    color: #000;
}


#page-content .module-listing .mod-list-box img {
    margin:0 20px 0 0;
    padding:0;
    position: relative;
    left:0;
    top: 0;
}

#page-content .module-listing .mod-list-box a span {
display: inline;
line-height: 56px;
vertical-align: top;
}

#page-content .module-listing a {
color:#fff;
font-family:Arial;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
}

#page-content .module-listing hr {
background-color:#FFF;
border:0;
clear:both;
color:#FFF;
height:1px;
overflow:hidden;
}

#page-content .module-listing a img {
height:56px;
left:10px;
margin-left:14px;
position:absolute;
top:8px;
width:104px;
}

/* #page-content .module-listing a span {
display:block;
left:138px;
position:absolute;
text-align:left;
top:15px;
width:125px;
}*/

#page-content .module-content-td {
height:421px;
vertical-align:top;
}

#page-content .module-content {
background:#000 url(http://orhub.s3.amazonaws.com/templates/fluid/img/header-im.jpg) center center no-repeat;
height:384px;
margin: 10px;
padding:0;
text-align:center;
vertical-align:top;
width:664px;
}

#page-content .module-content h1 {
background-color:#333;
color:#fff;
font-family:Helvetica,Arial;
font-size:18px;
margin:0 auto;
padding:5px;
text-transform:uppercase;
}

#page-content .blog-table {
background-color:#fff;
margin-top:10px;
display:none;
}

#page-content .blog-left-td {
vertical-align:top;
width:390px;
}

#page-content .blog-right-td {
vertical-align:top;
}

#page-content .blog-tabs {
background:#000;
display: block;
float: left;
margin: 0;
overflow: hidden;
width: 100%;
}

#page-content .blog-tabs .blog-tab-bottom {
background-color:#31363b;
border:1px solid #31363b;
clear:both;
height:1px;
}

#page-content .blog-tabs .blog-tab {
border-right-color:#848689;
border-right-style:solid;
border-right-width:1px;
color:#ccc;
cursor:pointer;
display:block;
float:left;
font-family:arial;
font-size:14px;
font-weight:700;
margin-bottom:-4px;
padding:15px 21px;
text-align:right;
text-decoration:none;
text-transform:uppercase;
}

#page-content .blog-content {
background-color:#e2e2e2;
color:#000;
display:none;
min-height:400px;
margin-top:50px;
padding:20px;
}

#page-content .blog-item {
border-bottom:1px solid #000;
line-height:1em;
padding:20px;
}

#page-content #logo {
float:left;
position: relative;
left: 20px;
top: 20px;
}

#page-content #logo a {
    background: #f5f5f5 url('http://orhub.s3.amazonaws.com/templates/fluid/img/fluid-kayak-logo.gif') no-repeat left top;
    display: block;
    height: 70px;
    text-indent: -9999px;
    width: 595px;
}

#page-content .banner ul {
float:right;
list-style-type:none;
padding-right:30px;
}

#page-content .banner ul li {
display:inline-block;
float:left;
}

#page-content .banner ul li.first {
background:none;
}

#page-content .banner ul li a {
color:#fff;
display:block;
float:left;
font-family:RideLife;
font-size:16px;
height:27px;
letter-spacing:1px;
padding:0 45px;
position:relative;
text-decoration:none;
text-transform:uppercase;
}

#page-content .banner ul li a:hover {
background-color:#525355;
color:#000;
}

.links{
background-color:#000;
display: block;
clear:both;
float: left;
line-height: 29px;
margin:0 auto;
padding:0;
width:985px;
}

.links ul {
float:left;
list-style-type:none;
}

.links ul li {
display:inline-block;
float:left;
padding:0 15px;
}

.links ul li.text {
color:#7d7d7d;
font-family:RideLife;
font-size:17px;
font-weight:700;
letter-spacing:1px;
}

.links ul li.first {
color:#646464;
margin-left:0;
padding-left:0;
}

.links ul li.last {
margin-right:50px;
}

.links ul li a {
color:#f58220;
font-family:Arial;
font-size:12px;
}

.links ul li a#youtube {
background:url(../img/youtube.jpg) no-repeat;
display:block;
float:left;
height:22px;
margin-right:5px;
overflow:hidden;
text-indent:-9999px;
width:55px;
}

.links ul li a#facebook {
background:url(../img/facebook.jpg) no-repeat;
display:block;
float:left;
height:22px;
margin-right:5px;
overflow:hidden;
text-indent:-9999px;
width:103px;
}

.links ul li a#twitter {
background:url(../img/twitter.jpg) no-repeat;
display:block;
float:left;
height:22px;
margin-right:5px;
overflow:hidden;
text-indent:-9999px;
width:104px;
}

#page-content .module-listing a:hover,#page-content .module-listing a:focus {
background:url(http://orhub.s3.amazonaws.com/templates/img/arrow-hover.jpg) no-repeat;
color:#000;
}

#page-content .blog-tabs .blog-tab:hover,#page-content .blog-tabs .selected,#page-content .blog-tabs .selected:hover {
color:#f58220;
}