.breaker                    
    { clear: both; border-bottom: 1px dashed #c3c3ae; margin-bottom: 5px; }
hr {
    /*clear: both; */
    border: none;
    border-style: none;
    border-top: 1px dashed #c3c3ae;
    margin-bottom: 5px; 
    background: none;
}
.indent
    { margin-left: 2em; }
.source
    { text-indent: -50px; margin-left: 50px; }
.no-admit {
    display: block;
    border: 1px dotted #c3c3ae;
    padding: 5px;
    background-color: #eee;
}

/*** RED BUTTON ***/
a.long-button, a.small-button               
    { box-shadow:inset 0px 1px 0px #d89a9a;
          -webkit-box-shadow:inset 0px 1px 0px #d89a9a;
          -moz-box-shadow:inset 0px 1px 0px #d89a9a;
          border: 1px solid #410202;
          border-radius: 4px;
          background: #b03334; /* Old browsers */
          background: -moz-linear-gradient(top,  #b03334 0%, #810f10 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b03334), color-stop(100%,#810f10)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top,  #b03334 0%,#810f10 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top,  #b03334 0%,#810f10 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(top,  #b03334 0%,#810f10 100%); /* IE10+ */
          background: linear-gradient(to bottom,  #b03334 0%,#810f10 100%); /* W3C */
          -pie-background: linear-gradient(#B03334, #810f10); /* IE6-9 */
          text-transform: uppercase; text-decoration: none; display: block; text-align: center; padding: 10px; color: #fff;
          font-size: 1.4em; font-weight: bold; margin: 0px;
        }
a.small-button {
    font-size: 1em;
    padding: 5px;
}
a.long-button:hover, a.small-button:hover         
    { box-shadow:inset 0px 1px 0px #fff;
          -webkit-box-shadow:inset 0px 1px 0px #fff;
          -moz-box-shadow:inset 0px 1px 0px #fff;
          background: #f0f0ea;
          background: -moz-linear-gradient(top,  #f0f0ea 0%, #810f10 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0ea), color-stop(100%,#c3c3ae)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top,  #f0f0ea 0%,#c3c3ae 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top,  #f0f0ea 0%,#c3c3ae 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(top,  #f0f0ea 0%,#c3c3ae 100%); /* IE10+ */
          background: linear-gradient(to bottom,  #f0f0ea 0%,#c3c3ae 100%); /* W3C */
          -pie-background: linear-gradient(#f0f0ea, #c3c3ae); /* IE6-9 */
          color: #000; 
        }
        
/*** RIGHT CALLOUT AREA ***/

.layout-2-column .right-column .right-area {
    border-left: 1px dashed #c3c3ae;
    width: 234px;
    float: right;
    margin: 0px 0px 20px 20px;
    padding-left: 20px;
    overflow: auto;
}
.layout-2-column .right-column .left-area {
    width: 395px;
    float: left;
    margin: 0px 0px 20px 0px;
    overflow: auto;
}

/*** Big Callout Grey Border (SOE) ***/
.big-callout { border: 1px solid #c3c3ae; margin-bottom: 1em; padding: 10px 20px 10px 20px; }

.text-highlight {
    font-family: georgia,serif;
    font-size: 16px;
    font-weight: normal;
}

/**** Image treatment styles ****/
.align-left {
    float: left;
    margin-right: 10px;
}
.align-right {
    float: right;
    margin-left: 10px;
}

/**** Highlight box styles ****/
.highlight-box-center {
    border: 1px solid #ccc;
    margin: 10px auto;
    width: 80%;
    padding: 10px;
}
.highlight-box-right {
    border: 1px solid #ccc;
    margin-left: 10px;
    padding: 10px;
    width: 30%;
    float: right;
}
.highlight-box {
    border: 1px solid #ccc;
    padding: 10px;
}
.alert {
    border: 2px solid #921b1c;
    font-weight: bold;
    font-size: 1.3em;
}


/*** MAIN AREA TWO COLUMN SPLIT ***/
.divided-col-left {
    float: left;
    border-right: 1px dashed #CCC;
    width: 315px;
    padding-right: 20px;
}
.divided-col-right {
    float: right;
    width: 315px;
    clear: right;
}
.right-column .content .clear {
    clear: left;
    height: inherit;
    padding-top: 10px;
}

/*** Auto flow two columns ***/
.columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

/**** three column divs ***/
.three-column { 
    width: 33%; float: left; 
}

/*** TABLE BORDERS ***/

table.horiz-border {
    border-top: 1px solid #C3C3AE;
    margin-top: 5px;
}
table.horiz-border td, table.horiz-border th {
    border-bottom: 1px solid #C3C3AE;
    padding: 3px 0px;
    vertical-align: top;
}

/*** REVEAL/HIDE TOGGLE ***/
.section-toggle {
    clear: both;
}

.section-toggle h4.section, .section-toggle h4 {
    background-image: url("../images/plus.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    display: block;
	margin: 5px 0px 0px 0px;
	padding: 15px 30px;
	border: 1px solid #c3c3ae;
	cursor: pointer;
}
.section-toggle h4 {
    background-image: none;
}
.section-toggle h4:hover {
    background-color: #f0f0ea;
}
.section-toggle h4.active {
    background-image: url("../images/minus.png");
    background-repeat: no-repeat;
    color: #222222;
    font-weight: bold;
    border: 1px solid #C3C3AE;
    border-bottom: 0px;
}
.section-toggle h4.active:hover {
    border-bottom: 0px;
    background-color: transparent;
}

.section-toggle .sectionContent {
	background-color: #fff; /* f9f8f4 */
	display: block;
	/* width: 265px; */
	margin: 0px 0px 5px 0px;
	padding: 10px 15px 10px 15px;
	border-right: 1px dotted #c3c3ae;
    border-left: 1px dotted #c3c3ae;
    border-top: 1px solid #c3c3ae;
    border-bottom: 1px dotted #c3c3ae;
    overflow: auto;
}
.section-toggle .sectionContent li {
	margin: 5px 0px 5px 15px;
}
.section-toggle .sectionContent img {
	margin: 0px 4px 0px 4px;
}
.section-toggle h4.section .toggle-icon {
    float: right;
    display: block;
    height: 20px;
    width: 20px;
    overflow: hidden;
}


/*** SOCIAL MEDIA ***/

.left-column .social-media {
    padding: 20px 0 10px 20px;
}
.left-column #leftContent .social-media {
    padding: 0px;
}

.left-column .social-media .badge    { clear: both; margin-bottom: 1em; float: left; }
.left-column .social-media .badge {
    margin-left: -10px;
}
.left-column .social-media a {
    border-left: 1px solid #ddd;
    height: 30px;
    display: block;
    float: left;
    width: 160px;
    padding: 0px 10px 0px 5px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: table;
    overflow: hidden;
}
.left-column .social-media a.twitter { 
    border-top: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    background-color: #ececec;
    color: #333
}
.left-column .social-media a:hover.twitter { 
    background-color: #2aa9df; color: #fff; 
}
.left-column .social-media a.facebook { 
    border-top: 1px solid #475f8d;
    border-right: 1px solid #475f8d;
    border-bottom: 1px solid #475f8d;
    border-left: 1px solid #ddd;
    background-color: #2d5291;
}
.left-column .social-media a:hover.facebook {
    background-color: #fff;
    color: #000;
}
.left-column .social-media a.linkedin {
    border-top: 1px solid #475f8d;
    border-right: 1px solid #475f8d;
    border-bottom: 1px solid #475f8d;
    border-left: 1px solid #ddd;
    background-color: #17699e;
}
.left-column .social-media a:hover.linkedin { 
    background-color: #fff; 
    color: #000; 
}
.left-column .social-media a.instagram {
    border-top: 1px solid #3D6C92;
    border-right: 1px solid #3D6C92;
    border-bottom: 1px solid #3D6C92;
    border-left: 1px solid #ddd;
    background-color: #3D6C92;
    color: #FFF;
}
.left-column .social-media a:hover.instagram { 
    background-color: #fff; 
    color: #000; 
}
.left-column .social-media a .text {
    vertical-align: middle;
    display: table-cell;
    line-height: 1.1em;
}
.left-column .social-media a.youtube {
    border-top: 1px solid #c3cad0;
    border-right: 1px solid #c3cad0;
    border-bottom: 1px solid #c3cad0;
    border-left: 1px solid #ddd;
    background-color: #ececec;
    color: #000;
}
.left-column .social-media a:hover.youtube { 
    background-color: #fff; 
    color: #333; 
}
.left-column .social-media a.soundcloud {
    border-top: 1px solid #892c08;
    border-right: 1px solid #892c08;
    border-bottom: 1px solid #892c08;
    border-left: 1px solid #fff;
    background-color: #ff5419;
    color: #FFF;
}
.left-column .social-media a:hover.soundcloud { 
    background-color: #fff; 
    color: #000; 
}

/**** FORM STYLES ****/
form .horizontal-group {
    overflow: auto;
}
form .horizontal-field {
    float: left;
    margin-right: 10px;
}
form.standard-form label { 
    display: block; width: 150px; float: left; font-weight: bold; 
}
form.standard-form label.spaced { 
    width: 120px; 
}
form.standard-form input.standard { 
    width: 300px; 
}
form.standard-form input.small { 
    width: 50px; 
}
/*form.standard-form .three-column { 
    width: 33%; float: right; 
}*/
form.standard-form .no-label {
    margin-top: 5px;
    margin-left: 150px;
}
form.standard-form label .note {
    font-weight: normal;
}

form.mini-form label {
    display: block; width: 50px; float: left; font-weight: bold; 
}

/***** HEADER SLIDER (SUB-SITE CAROUSEL) *****/

#site-header-slider .overlay-basic {
    bottom: 0;
    color: #FFFFFF;
    font-family: georgia,serif;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    z-index: 100;
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.75);
    border-top: 1px solid #FFFFFF;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 0;
    padding: 6px 10px;
}

#site-header-slider .overlay-custom {
    z-index: 1;
    height: 255px;
    color: #000;
    display: block;
    position: absolute;
    width: 195px;
    margin: 0px;
    background: rgba(34, 34, 34, 0.75);
    padding: 20px 30px;

}
#site-header-slider .overlay-custom h2 {
    color: #fff;
    font-size: 18px;
    font-family: 'latoRegular';
    margin: 18px 0px;
}
#site-header-slider .overlay-custom p {
    color: #fff;
    font-size: 15px;
    font-family: 'latoLight';
    margin-bottom: 18px;
}
#site-header-slider .overlay-custom .learn-more-btn {
    background: linear-gradient(to bottom, #B03334 0%, #810F10 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #410202;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 #D89A9A inset;
    color: #FFFFFF;
    cursor: pointer;
    font-family: arial;
    font-size: 12px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 130px;
}


#site-header-slider li img {
    float: right;
}
}
#site-header-slider a {
    text-decoration: none;
}

#site-header-slider .bjqs-markers {
    top: 280px;
    right: 20px;
    
}
#site-header-slider .bjqs-markers li a {
    border: 2px solid #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    width: 8px;
    height: 8px;
}
#site-header-slider .bjqs-markers li.active-marker a {
    background-color: #FFF;
}

// An attempt to make a easy table that is easy to read
table.simpleTable { border-collapse: collapse; }
table.simpleTable th { padding: 5px 5px 5px 0; border-bottom: 2px solid #c3c3ae; margin: 0; }
table.simpleTable tr {  }
table.simpleTable td { margin: 0; padding: 5px 5px 5px 0; border-bottom: 1px solid #c3c3ae; vertical-align: top; }


/* MiniCalendar (site events) Styles */
#monthcalendar #event a {
    text-decoration: none;
    border: 1px solid #ccc;
    display: block;
    padding: 5px;
    margin: 5px 12px 5px -5px;
}
.right-column #monthcalendar #event a {
    margin: 5px 0px 5px 0px;
}
#monthcalendar #event a:hover {
    border: 1px solid #000;
}
#monthcalendar #event .date {
	font-size: .8em;
	color: #999999;
}
#monthcalendar #event .what {
	color: #000;
	font-weight: bold;
}
#monthcalendar #event .details {
	color: #000;
}

/* tables */
table.tablesorter {
    font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #f0f0ea;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px 11px 4px 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/tablesort-bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F7F7F4;
}
table.tablesorter thead tr .header {
    height: auto;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/tablesort-asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/tablesort-desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #c3c3ae;
}

/* RSS Events (CollegiateLink) */
.rssEvent {
    display: block;
    overflow: auto;
    border: 1px solid #cc0000;
}
.rssEvent h3.rssEventTitle {
    margin: 1em 0 0 0;
    font-size: .8em;
}
.rssEvent p.rssEventDescription {
    margin: 0 0 1em 0;
}


/***** Left column spotlight (Provost/Husky Compact) *****/
#spotlight {
    background: linear-gradient(to top, #FFF 0%, #FFF 0%, #C3C3AE 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: -10px 0 0 -15px;
}
#spotlight h3 {
    color: #fff;
    background-color: #881D1E;
    padding: 10px 20px;
    font-weight: normal;
}
#spotlight .entry {
    margin: 10px 20px;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    font-size: .9em;
}
#spotlight .entry .name {
    font-weight: bold;
    font-style: italic;
    font-size: 1.1em;
}
#spotlight .entry .storyTitle {
    font-weight: bold;
    font-size: 1.3em;
    color: #881D1E;
    margin-top: 5px;
}
#spotlight .entry a {
    text-decoration: none;

}
#spotlight .bottom {
    background-color: #881D1E;
    padding: 10px 20px 40px 20px;
    color: #FFF;
    background-image: url('../images/left-banner-bottom.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}
#spotlight .bottom h4 {
    font-size: 1.2em;
}
#spotlight .bottom p {
    padding-bottom: 10px;
}
#spotlight .bottom a {
    padding: 5px 20px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    -moz-border-radius: 2px;
    text-decoration: none;
    font-size: .8em;
}
#spotlight .bottom a:hover {
    background: #fff;
    color: #881D1E;
    }