/* HTML Element Styles */


#ctl00_ctl00_ctl00_cphBody_cphBody_cphBody_ctl01_rgCustomList th {
    width:22% !important;
}

.RadGrid_Silk .rgHeader:first-child {
    width: 50% !important;
}

section.CustomListGrid h4 {
    
    display: none;
}

.RadGrid_Silk .rgAltRow>td:first-child,.RadGrid_Silk .rgRow>td:first-child   {
    width: 140px !important;
    
    border-left-width: 0;
    padding-left: 8px;
}

.RadGrid_Silk .rgHeader, .RadGrid_Silk th.rgResizeCol, .RadGrid_Silk .rgHeaderWrapper, .RadGrid_Silk .rgFilterRow {
    background-color: #22824d !important;
    border-bottom: 0px solid !important;
    color: #ffffff !important;
    box-shadow: 0px 2px 8px #000000;
    font-size: 14px !important;
}


.rgAltRow {
       
    background-color: #f9f9f9;
}




.RadGrid_Silk .rgAltRow>td:first-child img, .RadGrid_Silk .rgRow>td:first-child img {
    width: 133px !important;
    height: 200px !important;
    border-left-width: 0;
    padding-left: 0px;
    box-shadow: 0px 2px 13px;
}

.RadGrid_Silk .rgRow>td, .RadGrid_Silk .rgAltRow>td, .RadGrid_Silk .rgEditRow>td {
    border-style: solid;
    border-bottom: 1px solid #e3e3e3;
    border-width: 0 0 1px;
    font-size: 17px;
}

span.fa.fa-book {
    margin-right: 12px;
}

#Logo3 {
    display: none;
}

#Logo3 {a
    display: none !important;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

a {
    color:#000;
}

#ContentWrap .HomePage .CalendarEventList .Title {
    display: inline-block;
    width: 245px;
    vertical-align: top;
    font-size: 14px;
    color: white;
}

#ContentWrap h1 {
    border-bottom: 2px solid #22814d;
    padding-bottom: 6px;
    font-weight: 300;
    font-family: Tahoma;
}
h1 {s
    font-size:32px;
    border-bottom: 2px solid #f5cf47;
    padding-bottom: 6px;
    font-weight: 300;
    font-family:Tahoma;
}

h2 {
    font-size:1.26em;
    border-bottom: 2px solid #f5cf47;
    padding-bottom: 6px;
    font-weight: 300;
}

h4 {
    font-size:1.26em;
    border-bottom: 2px solid #cccccc;
    padding-bottom: 6px;
    font-weight: 300;
}

p {
    font-size:18px;
}

/* Main Content */
.MainContent {
    padding-top:40px;
}

/* Home Page */
.HomePage {
    padding-top:0px;
}

/* Header */
#MainHeader {
    padding-top:75px;
}

/* Navigation */
#Navigation {
    display:block;
    width:100%;
    height: 64px;
    background-image: url(../Images/NavSlice.png);
    position:relative;
}

.FinancialAidNavigationItem { 
    display:none !important; 
}

/* Sub Navigation */
#SubNavigation {
    position: absolute;
    top: 32px;
    z-index: 10;
    left: 50%;
    margin-left: -190px;
    line-height: 32px;
}

#SubNavigation a {
    color: white;
    text-decoration:none;
    font-size: 1.0em;
    font-weight:400;
    margin-right:25px
}

/* Search Box */
#SearchBox {
    position:absolute;
    top:20px;
    left:50%;
    margin-left:280px;
    width:300px;
}

/* Logo */
#Logo {
    position:absolute;
    top:45px;
    left:50%;
    margin-left:-600px;    
    display:block;
    background-image: url(../Images/Logo.png);
    width: 403px;
    height: 124px;
    z-index:10;
}

/* Slideshow */
#Slideshow {
    /* Watch the aspect ratios */
    /*
    width:1300px;
    height:300px;
    */
    width:980px;
    height:288px;
    margin:auto;
}

#slider {
    height:300px;
}

/* Middle Navigation (below the slideshow) */
#MiddleNavigation {
    width:100%;
    height:78px;
    background-color: #018852;
    background-image: url(../Images/SubNavTexture.png);
    background-repeat: repeat-x;
    position:relative;
    font-weight:400;
}

#MiddleNavigation .Wrapped {
    width:1200px;
    margin:auto;
}

#MiddleNavigation .Links {
    font-size: 1.26em;
    display:inline-block;
    margin-right: 160px;
    vertical-align:top;
}

#MiddleNavigation .Links a {   
    line-height:78px;
    vertical-align:top;
    color:#fff;
    margin-right:25px;
    text-decoration:none;
    display:inline-block;
}

.InsideCC, .Students, .Faculty, .OnlineClasses {
    background-image:url(../Images/Sprites.png);
    background-repeat: no-repeat;
    width:45px;
    height: 45px;
    display:inline-block;
    margin-right: 5px;
    margin-top:16px;
    vertical-align:top;
}

.InsideCC {
    background-position: 0px 0px;
}
.Students{
    background-position: -45px 0px;
}
.Faculty{
    background-position: -90px 0px;
}
.OnlineClasses{
    background-position: -135px 0px;
}

#MiddleNavigation .SocialMedia {
    display:inline-block;
}
.SocialMedia2 a {
    
    background-repeat: no-repeat;
    display:inline-block;
    color: #ffffff !important;
    vertical-align:top;
}

.SocialMedia2 a:hover{
        color: #00965b !important;
    
}

.SocialMedia2 {
    width: 300px;
    right: 0px;
    position: absolute;
    top: 13px;
    font-size: 43px;
    color: #ffffff;
    text-shadow: 0px 1px 8px #000000;
    z-index: 50;
    text-align:right;
}

.SocialMedia a {
    background-image: url(../Images/Sprites.png);
    background-repeat: no-repeat;
    display:inline-block;
    width:45px;
    height:45px;
    
    margin:16px 10px;
    line-height:45px;
    vertical-align:top;
}

.Facebook {
    background-position: -180px 0px;
}
.Twitter{
    background-position: -225px 0px;
}
.LinkedIn{
    background-position: -270px 0px;
}
.YouTube{
    background-position: -315px 0px;
}

/* Footer */
#MainFooter {
    background-image: url(../Images/FooterTexture.png);
}

#MainFooter .Wrapped {
    width:1050px;
    margin:auto;
    padding: 50px 0px;
}

#MainFooter .Column1, #MainFooter .Column2, #MainFooter .Column3, #MainFooter .Column4, #MainFooter .Column5{ 
    display:inline-block; 
    vertical-align:top; 
}

#MainFooter a {
    display:block;
    font-size: 1 em;
    font-weight: 300;
    color:black;
    text-decoration: none;
}

#MainFooter .Column1 {
    width:230px;
}

#MainFooter .Column2 { 
    width: 200px;    
}

#MainFooter .Column3 {
    width: 200px;
   /* margin-top: 63px*/
}

#MainFooter .Column4 {
    width: 200px;
   /* margin-top: 63px*/
}

#MainFooter .Column5 {
    width: 200px;
   /* margin-top: 63px*/
}

#MainFooter .FooterMiniMenu {
    font-size: .813em;
    margin-top:50px;
    margin-left:85px;
}

#MainFooter .FooterMiniMenu a {
    display:inline;
    }
#MainFooter .Spacer {
    margin-left:4px; 
    margin-right:4px;
}

#MainFooter .Addresses {
    display:inline-block;
    width:815px;
    
}

#MainFooter .ContactUs {
    margin-left:30px;
    font-size: 1.15em;
    font-weight: bold;
    color: #018852;
}

#MainFooter .Hours, #MainFooter .HoursDot {
    line-height: 60px;
    vertical-align: top;
    display: inline-block;
}

#MainFooter .Column1 .ResumeButton {
    display:none;
}

#MainFooter .Column1 a, #MainFooter .ResumeButton {
    background-image: url(../Images/FooterButton.png);
    width: 250px;
    height: 51px;
    color:black;    
    text-decoration:none;
    margin-bottom: 10px;    
    font-size:1.26em;
    line-height:51px;
    font-weight:400;
}

#MainFooter .ResumeButton {
    background-image: url(../Images/FooterButtonYellow.png);
}

#MainFooter .Apply, #MainFooter .Register, #MainFooter .CampusMaps, #MainFooter .Careers, #MainFooter .RequestTranscripts, #MainFooter .OnlineResume {
    background-image: url(../Images/Sprites.png);
    background-repeat: no-repeat;
    width:45px;
    height:45px;
    display:inline-block;
    margin: 3px 10px 0px 14px;
    vertical-align:top;
}

#MainFooter .FooterLinkBox {
    margin-left:30px;
}





#MainFooter .Apply { background-position: -360px 0px;}
#MainFooter .Register { background-position: -405px 0px;}
#MainFooter .CampusMaps { background-position: -450px 0px;}
#MainFooter .Careers { background-position: -495px 0px;}
#MainFooter .RequestTranscripts { background-position: -540px 0px;}

#MainFooter strong {
    text-transform:uppercase;
    color: #000000;
    font-weight:400;
    font-size:1 em;
}

.SubMenu{
    text-align:right;
}
.SubMenu p a {
    text-decoration:none;
}
.SubMenu p a:hover {
    text-decoration:underline;
}
.SubMenu .ContactUs{
    text-align:left;
    text-decoration:underline;
    float:left;
    clear:both;
    line-height:28px;
}
.SubMenu .ContactUs span{
    background-image: url(../Images/LeftArrow.png);
    background-repeat: no-repeat;
    margin-left: 20px;
    width:28px;
    height:28px;
    display:inline-block;
    vertical-align:top;
}


/* Misc Overrides */
.arl.active, .arr.active {
    background-color:#f5cf47;
}

.HomePage .arl {
    margin-top: 110px;
}

.HomePage .arr {
    top: 128px;
}

.HomePage .jcarousel {
    width: 960px;
}

.HomePage .CalendarEventItem {
    display:block !important;
    height:50px;
}

.HomePage .CalendarEventList .Date, .HomePage .CalendarEventList .Hyphen {
    display:none;
}

.HomePage .CalendarEventList .ELDate {
    color: white;
border: 2px solid #00B16A;
border-radius: 2px;
display: inline-block;
width: 50px;
padding-top: 8px;
height: 46px;
text-align: center;
vertical-align: middle;
margin-right: 10px;
background-color: #018852;
line-height: 17px;
    -webkit-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.8);
box-shadow: 0px 2px 9px -3px rgba(0,0,0,0.8);
}

.HomePage .CalendarEventList .ELDate .ELDateMonth {
    text-transform: uppercase;
color: white;
font-size: 14px;
font-weight: bold;  
}

.HomePage .CalendarEventList .ELDate .ELDateDay{
    text-transform: uppercase;
color: white;
font-size: 24px;
font-weight: bold;
}

.HomePage .CalendarEventList .Title {
    display:inline-block;
    width:175px;
    vertical-align:top;
    font-size:14px;
    color:white;
}

.HomePage .statistics { display: inline-block; width: 195px; }

.HomePage .CalendarEventItem:hover {
    text-decoration:none !important;
}

.BlogListText {
display: inline-block;
vertical-align: top;
width: 540px;
padding-left: 12px;
}

.BlogItemImage {
display: inline-block;
padding-right: 0px;
}

.BlogItemImage img {
width: 120px;
-webkit-box-shadow: 0px 2px 7px -2px rgba(0,0,0,1);
-moz-box-shadow: 0px 2px 7px -2px rgba(0,0,0,1);
box-shadow: 0px 1px 3px -1px rgba(0,0,0,1);
}

.CalendarListBoxParent {
    width: 25%;
background-color: #AAAAAA;
border: 2px solid #AAAAAA;
border-radius: 25px;
padding: 20px;
}

.HomeBulldogsAhtleticsImage, .HomeWhyChooseCCImage, .HomeCourseScheduleImage, .HomeRegOnlineImage {
    display:inline-block;
    padding-right:11px;
    padding-top:5px;
}

.HomeBulldogsAhtleticsImage img, .HomeWhyChooseCCImage img, .HomeCourseScheduleImage img, .HomeRegOnlineImage img {
    width:240px
}

.HomeImageContainer {
    text-align:center;
}

/* PRINT FORMATTING */
@media print{
    #Slideshow,
    #MainFooter,
    #Navigation,
    #MainHeader,
    .nivoSlider, 
    .nivo-main-image,
    .nivo-slice,
    #MiddleNavigation
    {
        display:none !important;
    }
    #Logo 
    {
        display:block !important;    
    }
}


#SearchBox2 .gsc-control-cse.gsc-control-cse-en {
    background-color: #186d3e;
    border-radius: 0px 0px 8px 8px;
    border-top-width: 0px;
}
#Logo2 {
    position: absolute;
    top: 0px;
    left: 0%;
    margin-left: 0px;
    display: block;
    z-index: 10;
}

#Navigation2 #MainNavigation ul {
    font-size: 1.26em;
    list-style: none;
    font-weight: 500;
    margin: 0;
    padding: 0px 0px 0px 6px;
}

#Slideshow2 {
    width: 100%;
    height: auto;
}
#Navigation2 {
    display: block;
    width: 100%;
    height: 75px;
    top: 0px;
    background-image: url(../Images/SubNavTexture.png);
    position: absolute;
    box-shadow: 0px 4px 15px #000000;
    z-index: 7;
    background-color: rgba(35, 131, 78,.9);
}

#MiddleNavigation2 {
    width: 100%;
    height: 78px;
    background-color: #018852;
    background-image: url(../Images/SubNavTexture.png);
    background-repeat: repeat-x;
    position: relative;
    font-weight: 400;
    z-index: 6;
    box-shadow: 0px -4px 17px;
    margin-top: -3px;
}

#ContentWrap #MainContent {
    width: 100%;
    margin: 0px auto;
    min-height: 700px;
}

#HomeBtnWrap {
    width: 100%;
    height: auto;
    margin-top: -12px;
}

#HomePageBtn {
    width: 23%;
    height: 300px;
    display: inline-block;
    background-color: #248650;
    margin-left: 20px;
    margin-bottom: 30px;
    box-shadow: -3px 4px 13px #000000;
}
#MiddleNavigation2 .Wrapped {
    width: 78%;
    margin: auto;
    text-align: center;
}
#MainFooter .Addresses2 {
    display: inline-block;
    width: 820px;
    text-align: right;
    vertical-align: top;
    float: right;
}
#ContentWrap .BlogListText {
    display: inline-block;
    vertical-align: top;
    width: 76%;
    padding-left: 12px;
}
#ContentWrap .BlogItemBodyText {
    min-width: 200px;
    max-width: 985px;
}

#ContentWrap .BlogItemBodyTitle {
    font-weight: bold;
    min-width: 200px;
    max-width: 985px;
}

#ContentWrap .CalendarListBoxParent {
    width: 27%;
    background-color: #AAAAAA;
    border: 2px solid #AAAAAA;
    border-radius: 25px;
    padding: 20px;
}



#MiddleNavigation2 .Links {
    font-size: 1.26em;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}

#MiddleNavigation2 .Links a {
    line-height: 78px;
    vertical-align: top;
    color: #fff;
    margin-right: 25px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
}

#MiddleNavigation2 .SocialMedia {
    display: inline-block;
    float: right;
}
#ContentWrap {
    width: 80%;
    margin: 0px auto;
}

#Navigation2 #SubNavigation {
    position: absolute;
    top: 32px;
    z-index: 10;
    line-height: 32px;
    width: 100%;
    text-align: center;
    margin-left: -952px;
    background-color: rgba(0,0,0,.8);
}

#Navigation2 #MainNavigation {
    /* width: 800px; */
    height: 45px;
    position: absolute;
    top: 18px;
    left: 36%;
    margin-left: -120px;
}

.Wrapped2 {
    width: 80%;
    margin: 0px auto;
    padding-top: 20px;
}

#ContentWrap .TwoThirdWidth {
    display: inline-block;
    width: 65% !important;
    vertical-align: top;
    margin-right:20px;
}
#Slider2 {
    height: auto;
    position: relative;
    
    z-index: -1;
}
#SlideWrap {
    position: relative;
    z-index: 5;
    top:0;
}

.SlideCenterWrap {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 2px 7px #000000;
    margin-left: 23%;
    //margin-top: 339px;
}
.Line1 {
    font-size: 142px;
}

.Line2 {
    font-size: 42px;
    color: #01c476;
}
#SearchBox2 {
    position: absolute;
    display: none;
    top: 76px;
    right: 0px;
    width: 300px;
    z-index: 7;
}
#ContentWrap .FullWidth {
    margin-bottom: 0px;
    height: auto !important;
    clear: both;
}    

span.fa.fa-search {
        cursor: pointer;
}

span.fa.fa-search:hover {
        color: #00965b !important;
}

#Navigation2 #MainNavigation ul.rmVertical.rmGroup.rmLevel1 {
    border: 1px solid #001d34;
    text-align: left;
    background-color: #000000;
    border-radius: 0px 0px 12px 12px;
    box-shadow: 1px 7px 6px #000000;
    color: #fff;
    opacity: 0.9;
    text-decoration: underline;
    width: 775px;
}
.arrow {
    position: absolute;
    width: 150px;
    font-size: 90px;
    z-index: 200;
    left: 45%;
    top: 207%;
    cursor: pointer;
}

.arrow a {
    color: #ffffff !important;
    cursor: pointer;

}

.arrow a:Hover {
     
    color: #00965b !important;
}
#Logo2 img {
    width: 249px;
    margin-left: 20px;
    margin-top: 4px;
}

.ms-layer.ms-caption {
    width: 100%;
}

span.fa.fa-arrow-circle-down {
    color: #ffffff;
    text-shadow: 0px 2px 9px #000000;
      
}
#SlideCenterWrap {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 2px 7px #000000;
    margin-left: 0%;
    margin-top: 12%;
}

.Column11 {
    width: 265px;
    display: inline-block;
}

  #MainFooter .Column11 a {
    width: 100%;
    background-color: #018852;
    border-radius: 12px;
    height: 51px;
    color: black;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 1.26em;
    line-height: 51px;
    font-weight: 400;
}

#ContentWrap .CalendarListBoxParent {
    width: 27%;
    background-color: #AAAAAA;
    border: 2px solid #AAAAAA;
    border-radius: 25px;
    padding: 20px;
    box-shadow: -2px 4px 14px;
}

#MainFooter .FooterMiniMenu {
    font-size: .813em;
    margin-top: 30px;
    margin-left: 85px;
    text-align: center;
}

@-moz-document url-prefix() { 
#Line2 {
    font-size: 42px;
    color: #01C476;
    margin-top: 70px;
}
    .arrow {
    position: absolute;
    width: 150px;
    font-size: 90px;
    z-index: 200;
    left: 45%;
    top: 102%;
    cursor: pointer;
}
}