/*
Theme Name:     Truman Modified
Author:         Catchfire Media
Author URI:     www.catchfiremedia.com
Template:       boilerplate
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* Selection Color */
::-moz-selection { background: #5b187e; color: #fff; text-shadow: none; }
::selection { background: #5b187e; color: #fff; text-shadow: none; }

/* Anchor States */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul {list-style: square;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/********************General Styles***************************/

html, body {
 height: 100%;
 margin: 0px;
 margin-top: 0px;
 padding: 0px;
 border: 0px;
 }
 
 
 .clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


#hide{
 /* overflow-y: scroll;  has to be scroll, not auto */
overflow-x: hidden;
}

sup{
	top: -1em !important;
	font-size: .5em;
	}

body{
 background-color:#e2e2d9;
 /* filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#e2e2d9, endColorstr=#ffffff); */
 background-image:-moz-linear-gradient(left, #e2e2d9 0%, #ffffff 24%,#ffffff 74%,#e2e2d9 100%);
background-image:linear-gradient(left, #e2e2d9 0%, #ffffff 24%,#ffffff 74%,#e2e2d9 100%);
background-image:-webkit-linear-gradient(left, #e2e2d9 0%, #ffffff 24%,#ffffff 74%,#e2e2d9 100%);
background-image:-o-linear-gradient(left, #e2e2d9 0%, #ffffff 24%,#ffffff 74%,#e2e2d9 100%);
background-image:-ms-linear-gradient(left, #e2e2d9 0%, #ffffff 24%,#ffffff 74%,#e2e2d9 100%);
 background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#e2e2d9), color-stop(24%,#ffffff),color-stop(74%,#ffffff),color-stop(100%,#e2e2d9));
font-family: 'proxima-nova', sans-serif;
 font-size: 100%;
 font-weight: 400;
 width: 100%;
 overflow-x: hidden;

}

/* assumes the brower is a 16px default size */ 

h1{
	font-size: 1.5em;
}   /* 24px */
h2 {
	font-size: 1.375em;
}	/* 22px */
h3 {
	font-size: 1.25em;
}	/* 20px */
h4 {
	font-size: 1.125em;
}	/* 18px */
h5 {
	font-size: 1em;
}	/* 16px */
h6 {
	font-size: 0.875em;
}		/* 14px */


img, object{
	border: none;
	max-width: 100%;
}
img {
	height: auto;
}

.floatLeft { float:left;}
.floatRight {float: right;}
.floatCenter {margin: 0 auto; position: relative;}


/********************Link Styles***************************/

a{
	color: #000;
	cursor: pointer;
	/* list-style: none; */
	text-decoration: none;
}

a:hover{
	color: #000;
	cursor: pointer;
	text-decoration: none;
}

footer a:hover{
	color: #fff;
}

.tall:hover{
	-webkit-box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
     box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
}

.wide:hover{
	-webkit-box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
     box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
}

.button:hover{
	-webkit-box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
     box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
}

.darkButton:hover{
	-webkit-box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
     box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
}

.social img:hover{
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	-webkit-box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
     box-shadow:  2px 2px 4px 2px rgba(0, 0, 0, .7);
}


.rightNav a{
	color: #000;
}

.rightNav a:hover{
	color: #5bc8e0;
}

.contentLinks a{
	color: #702c91;
	font-family: 'proxima-nova', sans-serif;
	text-decoration: none;
    font-weight: 600;
}

.contentLinks .carousel a {
    color: #ffffff;
    font-weight: 400;
}
.carousel img {
    width: 100%;
}

.contentLinks ul, ol{
	margin-left: 40px;
	margin-bottom: 20px;
}

.contentLinks ul li, ol li{
	margin-bottom: 10px;
}

.blogRoll li{
	list-style: none;
}

h1.page-title{
	padding-bottom: 30px;
}



/********************End of Link Styles***************************/

strong { 
font-weight: bold; 
}

em{
	font-style: italic;
}



/********************End of General Styles***************************/

.rhc .row-fluid .fe-image-holder img{
	width: auto;
}


#indexEvent .rhc-widget-upcoming-featured-image{
	float: none;
	margin-right: 0;
	margin-top: -5px;
	width: auto;
	
}

#indexEvent .rhc-widget-upcoming-featured-image img{
	border: none;
	padding: 0;
}

#indexEvent .rhc-widget-upcoming{
	float: none;
	margin: 10px;
	top: 0;
	width: 97%;
}

#indexEvent .rhc-title-link{
	font-weight: bold;
}


.fct-footer .fc-image a img{
	width: auto !important;
}


.calContent .fc-small .fullCalendar.fc.fc-ltr{
	margin-top: 20px;
}

.calContent .rhc-widget-date-time{
	padding: 10px 0;
}

.cbp-spmenu{
	background: #38114d !important;
}
	.cbp-spmenu-vertical a{
		border-bottom: 1px solid #7d2ea7 !important;
	}
		.cbp-spmenu a:hover {
			background: #7d2ea7 !important;
		}
	
	.cbp-spmenu h3{
		color: #ffffff !important;
		background: #38114d !important;
		border-bottom: 1px solid #7d2ea7 !important;
	}
	
	.fc-button.fc-state-default{
		background: #7d2ea7  !important;
	}

/********************Navigation Styles***************************/

.show{
	display: block;
}

.hide{
	display: none;
}


#mobileNavIcon{
background: url(images/menu.png) no-repeat;
cursor: pointer;
display: block;
height: 35px;
margin: 2% 0;
float: right;
width: 35px;
}


#topNavUl{
	display: none;
	margin: 0  0 1em 27px;
	list-style-type: none;
	
}
	#topNavUl li{
	padding: 1% 7%;
		
	}

	#topNavUl li a{
		color: #fff;
		font-family: 'proxima-nova light', sans-serif;
		font-size: 1em;
		line-height: 1.7;
	}
	
	#topNavUl li a:hover{
		color:#fcb525;
		border-bottom: 3px solid #fcb525;
	}
	
#mainNav{
	margin: 20px 0 20px 56px;
}	

	#nav{
		display: none;
	}
	#mainNav li a {
		color: #fff;
		font-family: 'proxima-nova light', sans-serif;
		font-size: 1em;
		line-height: 2;
	}
	#mainNav li ul li a {
		color: #000;
	}
	#mainNav li a:hover{
		color:#fcb525;

	}
	
	

#mobileSlidernav{
	color: #bebfb2;
	background: #808285;
	font-size: 2em;
	text-align: center;
}

#sliderNav{
	background: #808285;
	
}
	#sliderNav ul{
		display: none;
	}

	#sliderNav ul li{
		margin: 0 0 0 41px;
		padding: 2%;
		text-align: left;
	}
	#sliderNav ul li a{
		color: #fff;
		font-size: 1.1em;
		line-height: 2;
		
	}
	
	#sliderNav ul li a:hover{
		background: #fff;
		color: #000;
		padding: 2%;
	}
	
		.bottomBorder{
		    display: block;
			border-bottom: 1px solid #fff;
			margin: 0 auto;
			max-width: 305px;
			width: 100%;
		}

	
.rightNav{
    font-size: .95em;
	margin: 30px 0 30px 33px;
}	


.rightNav ul {
		list-style: url(images/listStyle.png);
		list-style-position: outside;
		
	}

	
	.rightNav ul li{
		margin: 3px 0 3px 15px;
		padding: 0 0 7px 0;
		
	}
	
	
	.rightSideNav{
	font-family: 'proxima-nova light', sans-serif;
    	font-size: .95em;
	margin: 30px 0 30px 33px;
}	


.rightSideNav ul {
		list-style: url(images/listStyle.png);
		list-style-position: inside;
		
	}

	
	.rightSideNav ul li{
		margin: 3px 0;
		padding: 7px 0;
		
	}
	
	.listIndent li{
		text-indent: -12px;
	}
	

	
.submenu ul li{
	margin-left: 20px !important;
}

.submenu ul li:last-child{
	margin-bottom: 20px !important;
}


/********************End of Navigation Styles***************************/


/********************Header Styles***************************/

.purple{
 background-color:#38114d;
/*  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#38114d, endColorstr=#5b187e); */
 background-image:-moz-linear-gradient(top, #38114d 19%, #5b187e 57%);
 background-image:-webkit-linear-gradient(top, #38114d 19%, #5b187e 57%);
 background-image:-ms-linear-gradient(top, #38114d 19%, #5b187e 57%);
 background-image:linear-gradient(top, #38114d 19%, #5b187e 57%);
 background-image:-o-linear-gradient(top, #38114d 19%, #5b187e 57%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(19%,#38114d), color-stop(57%,#5b187e));
 margin-top: -10px;
}

header{
	margin: 0 auto;
	width: 100%;
}

#logo{
	margin: 0 auto;
    max-width: 125px; 
}
#sitetitle {
	padding: 10px 5px;
	text-align: center;
}
#sitetitle a {
	color: #ffffff;
}
.extraPadding{
	padding: 0 0 0 0;
}


/********************Search Styles*******************/
#searchform {
  background: #e3e2d9;
  display: none;
  position: relative;
  width: 90%;
  z-index: 9;
  height:28px;
}

#searchform #s {
background: #e3e2d9;
  border: none;
  color: #808285;
  font-size: .850em;
  font-weight: 100;
  outline: none;
  min-height: 28px;
  padding: 5px 7px 0 7px;
}

#searchform #searchsubmit {
  background:url(images/search.png) no-repeat transparent;
  background-size: 80%;
  color: transparent;
  height: 22px;
  float: right;
  width: 30px;
  display: block;
  border: none;
  margin: 5px 0 0 0;
  outline: none;
  position: relative;
  z-index: 10;
  top: -22px;
  }
  
  
#searchform label{
	color: transparent;
	display: none;
}

  
.hideValue{
	color: transparent;
}

.noText {
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}

/********************End of Search Styles*******************/



/********************End of Header Styles*******************/




/********************Slider Styles*******************/

#slider{
	width: 100%;
}



	.magentaBg{
		background: #702c91;
		opacity:0.8;
	}

	.orangeBg{
		background: #ffb718;
		opacity:0.8;
	}
	
	.greenBg{
		background: #afcc6a;
		opacity:0.8;
	}
	
	.redBg{
		background: #ef3742;
		opacity:0.8;
	}
	
	.blueBg{
		background: #00b0d9;
		opacity:0.8;
	}


/********************End of Slider Styles*******************/


/********************Featured Image Styles*******************/

.featureImageContainer{
		margin: -70px auto 0 auto;
		position: relative;
		width: 90%;
	
}
	.featureImageContainer img{
		width: 100%;
	
}

#featuredImage{
	    height: auto;
	    margin: 0 auto;
		position: relative;		
}

#featureImageDescription{
	background: #808285;
	margin: -4px 0;
	padding: 5% 0 5px 0;
	position:relative;
}

	#featureImageDescription h1{
		color: #fff;
		font-family: 'proxima-nova light', sans-serif;
		font-weight: 100;
		padding: 0 3% 3% 3%;
	}
		
	#featureImageDescription h3{
		background: #3c3c3c;
		/* color: #fcb525; */
		color: #c2e46f;
		font-family: 'proxima-nova light', sans-serif;
		margin: 0 0 -5px 0;
		padding: 2% 4%;
		width: 79%;
		font-weight: 100;
	}
	




#smallFeatureImageDescription{
	background: #808285;
	margin: -4px 0;
	padding: 3% 0;
	position:relative;
}

	#smallFeatureImageDescription h1{
		color: #fff;
		padding: 1% 3%
	}
	
	
	

/********************End of Fatured Image Styles*******************/



.row{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

.rowNoMargin{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

/********************Infomation Box Arrow Styles*******************/

.colorArrow{
	float: right;
	font-size: 0.8em;
}

.arrowSize{
	font-size: 1.2em;
}

.magenta{
	color: #702c91;
}

.orange{
	color: #ffb718;
}

.green{
	color: #afcc6a;
}

.red{
	color: #ef3742;
}

.blue{
	color: #00b0d9;
}

.homeArrow{
	float: right;
	font-size: 1.2em;
}

.wideArrowMargin{
	margin: -28px 15px 0 0;
}

.wideBottomArrowMargin{
	margin: -28px 15px 0 0;
}

.tallArrowMargin{
	margin: -28px 15px 0 0;
}


/*
.psArrow{
	margin: -51px 15px 0 0;
}
*/

.buttonH4Col{
	width: 74.30939226%;
	
}

.buttonArrowCol{
	font-size: 1.2em;
	margin: 10px 15px;
	width: 5.801104972%;
}

 .buttonH4Col, .buttonArrowCol, .buttonH2Col, .buttonH2ArrowCol {
  position: relative;
  float: left;
}

.buttonH2Col{
	width: 76.30939226%;
}

.buttonH2ArrowCol{
	margin: 8px 0 0 5%;
	width: 5.801104972%;
}


/********************Content Styles*******************/



#contentContainer{
	margin: 30px auto 0 auto;
	width: 100%;
	
}


#innerContainer{
	margin: 0 auto;
	width: 100%;
}

.tall{
	background: #e9e9e1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);  
    box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);
/* 	max-width: 252px; */
	padding: 5% 0;
	width: 80%;
}
		.tall img{
			width: 100%;
			}

.wide{
	background: #e9e9e1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);
    box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);
	/* max-width: 252px; */
	padding: 5% 0;
	width: 80%;
}
	.wide img{
	width: 100%;
	}

.marginWide{
 	margin: 15px auto;
}

.marginTall{
	margin: 15px auto;
}

.button{
	background: #e9e9e1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);
    box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);
	/* max-width: 252px; */
	padding: 4% 0;
}

.darkButton{
	background: #b4b4a9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);
    box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);
	/* max-width: 252px; */
	padding: 4% 0;
}

#sideFact{
	font-family: 'proxima-nova light', sans-serif;
	display: none;
}



/********************Index Content Styles*******************/


.homeContent h2{
	font-family: 'proxima-nova light', sans-serif;
	font-size: 1.8em;
	font-weight: 100;
	margin: 0px 0px 5px 15px;
	
}

.homeContent p{
	margin: 0 10px 4px 5px;
}

.homeNewsTitle{
	margin-bottom: -10px !important;
}

.headline{
	 font-weight: 700;
	
}

.marginTall p{
	margin:15px;
	width: 89%;
}

.marginWide p{
	margin:15px;
	width: 89%;
}

/********************End of Index Content Styles*******************/

#breadcrumbs{
	clear:both;
	font-size: .7em;
	margin: 0 5%;
	padding: 15px 0;
}

#leftSideNav{
	font-family: 'proxima-nova light', sans-serif;
    	font-size: .95em;
	margin: 30px 5%;
}
	
	#leftSideNav a{
		color: #808285;
	}
	
	#leftSideNav a:hover{
		color:#000000;
	}
	
	
	
	#leftSideNav a:visited{
		color: #702c91;
			
	}
		#leftSideNav ul li{
		margin: 20px 0;
	}

.indent{
	margin: 0 15px 0 10px;
}

	.sideButtonsIndent h2{		
	font-size: 1.8em;
	margin: 0 15px 0 10px;

}


.buttonMargin{
	margin: 20px;
}

.buttonHorizontal{
	margin:  0 20px 15px 20px;
}

.buttonHorizontal h4{
	font-size: 1.8em;
	}


.buttonHorizontalImage{
	margin: -13px 0 10px 0;
	width: 100%;
}

.buttonMajorBottom{
	margin: 0 0 15px 0;
}

.buttonMajorBottom h2{
    font-size: 1.8em;
	}

.floatRight{
	float:right;
}

#studentQuote{
	background: #808285;
	color: #fff;
}
	#studentQuote img{
	    float: right;
		margin: 0 0 20px 20px;
		width: 35%;
	}
	
	#studentQuote blockquote{
	    line-height: 1.2;
		margin: 0 20px 0px 20px;
		padding: 7% 0 0 0;
	}
	
	#studentQuote p{
		color:#5bc8e0;
		font-family: 'proxima-nova', sans-serif;
		font-size: .6em;
		margin:0 0 0 5%;
		padding: 2% 0 3% 0;
		width: 100%;
		font-weight: 600;
	}
	
.contentMargin {
	margin: 40px 0px 0 0px;
}

	.contentMargin p {
		line-height: 1.4;
		margin: 0 20px 25px 20px;
	}

.contentLeftSpace { padding-left: 20px; }

.contentEqualSpace { 
	padding: 0 20px;
}

.innerContentMargin{
	margin: 40px 5% 0 5%;
}

	.innerContentMargin p{
		line-height: 1.4;
		margin: 0 0 25px 0;
	}
	
.majorContentMargin{
	margin: 20px 20px 0 20px;
}

	.majorContentMargin p{
	line-height: 1.4;
	margin: 0 0 25px 0;
   }
   
   	.majorContentMargin h5{
   	color: #702c91;
	line-height: 1.4;
   }
   
   #contentList{
	   list-style: square;
	   margin: 0 auto;
	   width: 227px;
   }
   
   #contentList li{
	   padding:  0 0 10px 0;
   }

.paraSpace{
	line-height: 1.4;
	margin: 0 0 25px 0;
}

.proParaSpace{
	line-height: 1.4;
	margin: 0 0 25px 0;
}


#sideFactLeft{
	display: none;
}

.sideImage{
	display: none;
}

.contentFeatureImage{
	margin:0;
	width: 100%;
}

.tabs{
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);
    box-shadow:  1px 1px 4px 1px rgba(139, 137, 137, 1);
	margin: 0 20px 20px 20px;
	padding: 3%;
}

.sideButton{
	padding: 2%;	
}

.news{
    background: #000;
	color: #c4dc8e;
	cursor: pointer;
	margin: 0 0 10px 0;
}

	.newsDate{
		font-size: .75em;
		padding: 5px 0 3px 0;
	}
	
	.newsContent h2{
		color: #666666;
		font-weight: 600;
		margin: 2px 0 10px 0;
		}
			
			.newsContent a{
				color: #666666;
				}
				
		.newsContent ul {
			list-style: none;
			}
				
	.newsContent ul li{
		margin-bottom: 20px;

		}		
	
	.newsContent{
		font-size: .8em;
		line-height: 1.2;
		margin: 0 0 15px 0;
	}
	
	.newsContent p a{
		color: #702c91;
		font-size: .75em;
		font-weight: 600;
	}
	
.calendar{
    background: #c4dc6e;
	color: #000;
	cursor: pointer;
}
	.calDate{
		color: #666666;
		font-weight: 600;
		padding: 7px 0 3px 0;
	}

	.calContent h4{
		color: #666666;
		font-weight: 600;
		}
	
	.calContent{
		font-size: .85em;
		line-height: 1.2;
		margin: 5px 0 15px 0;
	}
	
	
	
	.calContent a{
		color: #666666;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.calContent a:hover{
		color: #551a8b;
	}




/********************End of Content Styles*******************/


/********************Footer Styles*******************/

#footerWrapper{
	background: #c3b48b;
}

footer{
	margin: 0 auto;
	width: 252px;
}

	.footerImage{
	    margin: 0 auto;
		max-width: 62%;
		padding: 10px 0;
	}
	.footerLogo{
		background: url(images/trumanTowerLogo@2x.png) no-repeat top left;
		height: 112px;
		width: 171px;
		display: block;
		position: relative;
		padding: 10px 0;
	}
	.social img{
		height: 43px;
		width: 43px;
	}
	
	.footerBorder{
		border-bottom: 1px solid #fff;
	}
	
	.paddingFooterBottom{
		padding-bottom: 15%;
	}
	
	#footerNav ul{
		font-family: 'proxima-nova-light', sans-serif;
	    font-size: .7em;
	    line-height: 1.5;
	    margin: 20px auto;
		max-width: 156px;
		width: 100%;
	}
	
	footer p{
		font-size: .7em;
		line-height: 1.2;
		margin: 20px auto;
		max-width: 100%;
	}
	
	.socialTop{
		margin: 20px auto 10px auto;
		max-width: 156px;
	}
	
	.socialBottom{
		margin: 0 auto;
		max-width: 156px;
	}
	
	/* wordpress pagination styles */
	.pages{
		display: none;
	}
	
	.wp-pagenavi a, .wp-pagenavi span{
		border: none !important;
		border-right: 1px solid #551a8b !important;
		padding: 0 5px !important;
	}

	.wp-pagenavi .nextpostslink{
		border: none !important;
	}
	
	.wp-pagenavi .previouspostslink{
		border: none !important;
	}
	
	.wp-pagenavi :last-child a.page.larger{
		border-right: none !important;
	}
	
	
	/* wordpress search results page styles */
	
	html.no-js body.search div#hide div#innerContainer.rowNoMargin div.borderLeft div.row div.twelvecol h1{
		width: 100%;
		padding-bottom: 6%;
	}
	
	html.no-js body.search div#hide div#innerContainer.rowNoMargin div.borderLeft div.row div.twelvecol h1 form#searchform.searchform{
		float: none;
		margin: 0 ;
		width: 90%;
		height: auto;
	}
	
	html.no-js body.search div#hide div#innerContainer.rowNoMargin div.borderLeft div.row div.twelvecol h1 form#searchform.searchform div input#searchsubmit{
		background-size: 92%;
		margin: 5px -2px 0 0;
	}
	
#intranet {
	color: #ffffff;
	font-size: 240%;
	text-transform: uppercase;
	margin: 15px 40px;
	float: left;
}
#backtolink {
	margin-left: 23px;
}
footer {
	text-align: center;
}


.woocommerce div.product .woocommerce-tabs ul.tabs {
	margin-bottom: 0 !important;
	background: none;
}
.tabs {
	box-shadow: none;
	-webkit-box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
	padding: 0 10px !important;
}
@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dppx) { 

    .footerLogo{
		background: url(images/trumanTowerLogo@2x.png) no-repeat top left;
		height: 112px;
		width: 171px;

	}
}


	

/********************End of Footer Styles*******************/



@media all and (min-width: 480px){	
	
	#studentQuote img{
		width: 29%;
	}
	
		#featureImageDescription h3{
		margin: 0 0 -8px 0;

	}
	
		#featureImageDescription{
		padding: 5% 0 8px 0;
	}
	
	.buttonH2ArrowCol{
	margin: 5px 0 0 40px;
}

	
	
}


@media all and (min-width: 600px){	
	
	#studentQuote img{
		width: 20%;
	}
	
	
	.buttonH2ArrowCol{
	margin: 5px 0 0 60px;
}

}

@media all and (min-width: 640px){	
	
	#studentQuote img{
		width: 19%;
	}
	
		#featureImageDescription h3{
		margin: 0 0 -12px 0;

	}


}






@media all and (min-width: 768px){		


/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.less stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://gridpak.com/ - Create your own responsive grid.

The grid below is a combination of the 1140 grid and Twitter Boostrap. 
I liked 1140 but Boostrap's grid was way more detailed so I merged them 
together, let's see how this works out. If you want to use 1140, the original 
values are commented out on each line.

******************************************************************/

.onecol    { width: 5.801104972%;  }       /* 4.85%;  } /* grid_1  */
.twocol    { width: 14.364640883%; }       /* 13.45%; } /* grid_2  */
.threecol  { width: 24.928176794%; }       /* 22.05%; } /* grid_3  */
.fourcol   { width: 29.491712705%; }       /* 31.491712705% 30.75%; } /* grid_4  */
.fivecol   { width: 40.055248616%; }       /* 39.45%; } /* grid_5  */
.sixcol    { width: 49.2%; }       /* 48%;    } /* grid_6  */
.sevencol  { width: 57.182320438000005%; } /* 56.75%; } /* grid_7  */
.eightcol  { width: 65.74585634900001%; }  /* 65.4%;  } /* grid_8  */
.ninecol   { width: 74.30939226%; }        /* 74.05%; } /* grid_9  */
.tencol    { width: 82.87292817100001%; }  /* 82.7%;  } /* grid_10 */
.elevencol { width: 91.436464082%; }       /* 91.35%; } /* grid_11 */
.twelvecol { width: 99.999999993%; }       /* 100%;   } /* grid_12 */

/* layout & column defaults */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .buttonH4Col, .buttonArrowCol {
  position: relative;
  float: left;
}

.spaceLeft {
	margin-left: 2.762430939%;
}

.first {
  margin-left: 0;
}


.last {
  float: right;
}


.marginLeft{
	margin-left: 2.5%;
}


.right{
	float: right;
}

#breadcrumbs{
	margin: 0;
	text-indent: 15px;
}

#sitetitle {
	text-align: left;
	margin-top: -15px;
}

/********************Navigation Styles***************************/
#mobileNavIcon{
display: none;
}

.submenu ul li{
	margin: auto;
}	

#topNavUl{
    display: block;
    height: 28px;
	margin: 5px 0 0 60%;
	padding: 4px 0 0 0;
}
	#topNavUl li{
	float: left;
	padding: 3px 10px;
		
	}
	
	
	#topNavUl li a{
	    font-size: .75em;
		line-height: 0;
	}


	
#mainNav{
	margin: 10px 0 -21px 0;
	clear: both;
	width: 100%;
}	

	#nav{
		display: block;
	}

	#mainNav li{
	    float: left;
		padding: 0 0 0 25px;
	}
	
	#mainNav li ul li {
		float: none;
		padding: 0;
	}
	
	#mainNav li a{
		line-height: 0;
	}
	
	#mainNav li ul li a {
		line-height: inherit;
		color: #000;
	}
	
	#mainNav li a:hover{
		padding-bottom: 9px;
	}

	#mainNav li ul li a:hover{
		padding-bottom: 3px;
	}
	
	
	

#mobileSlidernav{
	display: none;
}

#sliderNav{
	
	background: none;
	padding: 0 0 9% 0;
	position: absolute;
	margin-bottom: 0;
	width: 100%;
	z-index: 25;
}
	#sliderNav ul{
		display: block;
		padding: 8% 0 0 3%;
		width: 33%;
	}

	#sliderNav ul li{
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	#sliderNav ul li a{
		line-height: 1;
		padding: 5px;
		
	}
	
	.imageBlend{
		background: -moz-linear-gradient(left,  rgba(128,130,133,1) 0%, rgba(229,229,229,0.01) 99%, rgba(229,229,229,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(128,130,133,1)), color-stop(99%,rgba(229,229,229,0.01)), color-stop(100%,rgba(229,229,229,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(128,130,133,1) 0%,rgba(229,229,229,0.01) 99%,rgba(229,229,229,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(128,130,133,1) 0%,rgba(229,229,229,0.01) 99%,rgba(229,229,229,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(128,130,133,1) 0%,rgba(229,229,229,0.01) 99%,rgba(229,229,229,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(128,130,133,1) 0%,rgba(229,229,229,0.01) 99%,rgba(229,229,229,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808285', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
height: 317px;
margin-left: 178px;
position: absolute;
width: 16%;
	}
	
	
	
.rightNav{
	margin: -7px 0 30px 22px;
}

.rightSideNav{
	margin: -7px 0 30px 22px;
}


.rightNavMiddle{
	margin: 0 0 0 6%;
}

.rightNavBorder{

	margin: 60px 0 30px 17px;
	border-top: 1px solid #dedede;
}

.rightNavUl{
    font-size: .9em;
	margin: 30px 0;
}



.rightNav ul li{
		float: left\9;
		width: 33%\9;
	}/*creates the columns on the major page in ie 9. */



	.col-3 {
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    column-count:3;
    column-gap:10px;
   }
   
	
	



#sideBarWrap{
	/* min-height: 900px; */
	height: auto!important;
}

/********************End of Navigation Styles***************************/


/********************Header Styles***************************/


header{
	border-left: 1px solid #c3b38b;
	margin: 0 10px;
	max-width: 748px;

}

	.headerHeight{
		 height: 246px;
	}

#logo{
    /* float: left; */
    margin: -15px 10px 5px 10px;
	float: left;
}

.extraPadding{
	padding: 0 0 25px 0;
}

/********************Search Styles*******************/
#searchform {
  display: block;
  height: 22px;
  float: right;
  margin: 5px auto 0 auto;
 font-family: 'proxima-nova light', sans-serif;
}

#searchform #s{
	min-height: 18px;
}

#searchform #searchsubmit{
	background-size: 69%;
	height: 18px;
	margin: 5px -8px 0 0;
}


/* Search page search styles */
	html.no-js body.search div#hide div#innerContainer.rowNoMargin div.borderLeft div.row div.twelvecol h1{
		width: 70%;
	}
	
	html.no-js body.search div#hide div#innerContainer.rowNoMargin div.borderLeft div.row div.twelvecol h1 form#searchform.searchform{
		
		margin: -7px auto 0 100px; 
		width: 80%;
	}

	

/********************End of Search Styles*******************/



/********************Slider Styles*******************/

#slider{
	background: #808285;
	clear: both;
	max-width: 768px;
	position: relative;
	top: 33px;
	width: 100%;
}




/********************Featured Image Styles*******************/

.featureImageContainer{
		background: #666666;
		margin: -32px auto 0 auto;
		max-width: 768px;
		width: 100%;
	
}

#featuredImage{
	    height: auto;
	    float: right;
		position: relative;
		width: 66%;
}

#featureImageDescription{
	background: none;
	padding: 0 0 243px 0;
	position: relative;
	margin: 0;
	width: 100%;
	z-index: 25;
}
	#featureImageDescription h1{
		font-size: 2.5em;
		margin: 60px 0 0 0;
		padding: 1% 4%;
		position: absolute;
		width: 41%;
	}
		
	#featureImageDescription h3{
	    font-size: 1.6em;
		margin: 174px 0 0 0;
		padding: 11px 4%;
		position: absolute;
		width: 66%; /*50% */
	}


#smallFeaturedImage{
	float: right;
	height: 98px;
	width: 70.5%;

}
	
	
#smallFeatureImageDescription{
	background: none;
	float: left;
	padding: 0 0 99px 0;
	position: relative;
	margin: -98px 0 0 0;
	width: 100%;
	z-index: 25;
}

	#smallFeatureImageDescription h1{
		font-size: 2em;
		margin: 13px 0 0 0;
		padding: 1% 2%;
		position: absolute;
		width: 44%
	}
	
		
		
		.imageBlendFeature{
			background: -moz-linear-gradient(left,  rgba(102,102,102,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(102,102,102,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

			
			}
			
			.imageBlendFeaturePosition{
				height: 243px;
				position: absolute;
				width: 16%;
			}
			
			.imageBlendSmallFeaturePosition{
			height: 99px;
			position: absolute;
			width: 16%;
			}

/********************End of Fatured Image Styles*******************/


/********************Infomation Box Arrow Styles*******************/

.colorArrow{
	float: none;
	font-size: 0.8em;
}

.wideArrowMargin, .wideBottomArrowMargin{
	margin: 0;
    position: absolute;
    right: 59%;
    top: 15px;
}


.tallArrowMargin{
	margin: -3px 15px 0 0;
}

/*
.psArrow{
	margin: -49px 15px 0 0;
}
*/

.buttonH4Col{
	width: 75.30939226%;
}

.buttonArrowCol{
	width: 5.801104972%;
	margin: 6px 0 0 -7px;
}

.buttonH2ArrowCol{
	margin: 5px 0 0 -5px;
}

.arrowSize{
	font-size: .9em;
}



/********************Content Styles*******************/

#contentContainer{
	margin: 88px 10px 0 10px;
	max-width: 748px;
	width: 100%;
	
}

#innerContainer{
	margin: 0 10px;
	max-width: 748px;
	padding: 0 0 7% 0;
	width: 100%;
}

.borderRight{
	border-right: 1px solid #c3b38b;
}

.borderLeft{
	  border-left: 1px solid #c3b38b;
}

.longBorder{
	padding: 0 0 50px 0;
}

.firstRow{
	height: 294px;
}

.marginWide{
	margin: 8px auto 13px auto;
	
}

	.marginWide p{
		width: 39%;
	}

.marginTall{
	margin: 8px  0 0 auto;
}

	.marginTall p{
		line-height: 1.1;
		width: 88%;
	}

.tall{
    height: 301px;
	max-width: 175px;

}

	.eventsSpace{
		margin-left: 18px;
	}

.wide{
    height: 139px;
	max-width: 374px;
	padding: 0;
}

#sideRow img{
    float: right;
    height: 140px;
    margin: 0px;
	width: 55%;
	
}

#bottomRow{
	position: relative;
	top: -10px;
}

#bottomRow img{
    float: right;
    height: 140px;
	margin: 0;
	width: 55%;
	
}

#bottomRow h2{
	margin: 0px 0 0 10px; 
	float: left;
	width: 37%;
}

#bottomRow a {
	float: left;
}


	.sideButtonsIndent h2{
	font-size: 1.5em;
	padding: 0;
}

/********************Index Content Styles*******************/


.homeContent h2{
	margin: 10px 0px 4px 10px;
	box-sizing: border-box;
	float: left;
	width: 40%;
	
}

	.homeContent .tall h2{
	margin: -10px 0px 4px 10px;
	}

.homeContent p{
	float: left;
	font-size: .9em;
	line-height: 1.2;
	margin: 3px 0px 4px 12px;
}

	.homeContent .tall p{
	margin: 15px 0px 4px 12px;
	}


/********************End of Index Content Styles*******************/

.contentFont{
	font-size: 1.1em;
}

#leftSideNav{
	margin: 30px 0 0 -7px;
}
	#leftSideNav ul li{
		margin: 10px 0;
		padding: 0 0 0 23px;
	}
	
	#studentQuote{
		max-width: 555px;
	}
	
	#studentQuote img{
		margin: 0;
		width: 21%;
	}
		.quoteimage{
			width: 120px;
			height: auto;
		}
	
	#studentQuote blockquote{
		float: left;
		font-size: .9em;
		margin: -16px 0px 0px 15px;
		width: 69%;
	}
	
	#studentQuote p{
	    float: left;
		font-size: .7em;
		margin:0;
		padding: 2% 0 2% 2%;
		width: 61%;
	}
	
	.quotePadding{
		padding: 1% 0 3% 0;
	}
	
.contentMargin{
	margin: 30px 0 0 0px;

}

.innerContentMargin{
	margin: 30px 0px 0 20px;
}

.majorContentMargin{
	margin: 30px 0 0 0;
}

.paraSpace{
    line-height: 1.5;
	margin: 0 50px 20px 0;
}

.proParaSpace{
    line-height: 1.5;
	margin: 0 50px 20px 20px;
}

.buttonMargin{
	margin: 0;
}

.buttonBottom{
	margin: 0 0 11px 0;
}

.buttonHorizontal{
	margin:  0 0 20px 0;
	height: 177px;
	max-width: 170px;
	width:100%;
}
	.buttonHorizontal h4{
	font-size: 1.5em;
	/* width: 55%; */
	}



.buttonHorizontalImage{
	margin: -23px 0 5px 0;
}

.buttonMajorBottom{
    font-size: 1.2em;
	padding: 2% 0;
	width: 177px;
}

	.buttonMajorBottom h2{
    font-size: 1.2em;
	}
	
	.middleVisitUs{
	margin: 0 0 0 10px;
	}




.middle{
	margin: 0 22px;
}

.boxAdjustment div:first-child{
	margin-left: 0;
	}
	
.boxAdjustment div{
	margin-left: 22px;
	margin-bottom: 0;
}

.boxMajorAdjustment div:first-child{
	margin-left: 0;
	}
	
.boxMajorAdjustment div{
	margin-left: 11px;
	
}

	.marginArrow{
		margin: -16px 0 0 0;
	}


#sideFact{
	background: #c3b486;
	display: block;
	height: auto;
	margin: 133px 0 0 0;
	max-width: 175px;
}


	.sideFactText{
		font-size: .8em;
		margin: 5px 0 0 15px;
		width: 79%;
		padding-bottom: 20px;
	}
	
	
		.one{
			font-size: 3em;
			margin: 11px 0 0 15px;
		}
		
		.numSign{
			font-size: 1.5em;
			margin: 18px 0 -32px 33px;
		}
	
	
#sideFactLeft{
	font-family: 'proxima-nova light', sans-serif;
	background: #c3b486;
	display: block;
	height: auto;
	margin: 0 0 20px 0;
	max-width: 175px;
}	

	
	
	.number{
		font-size: 3em;
		margin: 15px 0 0 0;
		padding: 3px 0 0 15px;
	}
	
	.percent{
		float: right;
		font-size:  1.3em;
		margin: -50px 105px 0 0;
		
	}
	
	.sideFactTextLeft{
		font-size: .8em;
		margin: -2px 0 0 17px;
		width: 79%;
		padding-bottom: 20px;
	}



.sideImage{
	display: block;
}

	.sideImage img{
	height: auto; /* 176px; */
	width: 175px;
	}

.sideImageMax{
        margin: 40px 0 20px 0;
		max-width: 175px;
	}
	
	.imageBottom{
		bottom: 0;
		/*position: absolute;*/
	}



.tabs{
	margin: 20px 0 30px 0;
	padding: 1%;
}



	
/********************End of Content Styles*******************/



/********************Sticky Footer Styles*******************/




.pageWrap{
	height: 100%;
	/* margin-bottom: 65px; */
	margin-bottom: 359px;
}

.pageWrap:after {
  content: "";
  display: block;
}
 .pageWrap:after {
  /* .push must be the same height as footer */
  height: 254px; 
}





/********************Footer Styles*******************/


footer{
	margin: 0 10px;
	width: 748px;
}


	#footerNav ul{
	    font-size: .75em;
	    max-width: 163px;
	    padding: 23px 0 19px 0;
	}

	.footerBorder{
		border-bottom: none;
		border-left: 1px solid #fff;
		height: 254px;
	}

	.footerImage{
		max-width:181px;
	}
	.footerLogo{
	    margin: 46px 3%;
		padding: 0 0 35px 0;
		
	}
	
	footer p{
		font-size: .8em;
		margin: 0 auto;
		max-width: 100%;
		padding: 10px 0 10px 0;
	}
	
	.social img{
		height: 35px;
		width: 35px;
	}
	
	.footerImageBorder{
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		height: 254px;
	}
	
	.socialTop{
		margin: 40% 0 10px 22%;
		max-width: 176px;
	}
	
	.socialBottom{
		margin: 0 0 0 22%;
		max-width: 176px;
	}

	
	


	

/********************End of Footer Styles*******************/

/* homepage event styles */

#indexEvent .rhc-widget-upcoming{
	width: 93%;
}


}

@media all and (min-width: 768px) and (max-width: 775px){

.buttonHorizontal{
	max-width: 168px;
}
}

@media all and (min-width: 769px){

header{
	margin: 0 auto;
	/* padding-bottom: 53px; */
}

#contentContainer{
margin: 88px auto 0 auto;	
}

#innerContainer{
margin: 0 auto;
}


footer{
	margin: 0 auto;
}

}


@media all and (min-width: 800px){

#topNavUl{
	margin: 5px 0 0 55%;
}

#topNav li a{
	font-size: .85em;
}

}

@media all and (min-width: 990px){




/********************Navigation Styles***************************/



#topNavUl{
	margin: 5px 0 0 50%;
}

	#topNavUl li{
		padding: 3px 15px;
	}

	


#mainNav{
    clear: both;
	width: 100%;
    margin: 6px 0px -22px 0;
	position: relative;
	
}	

		

#sliderNav{
	background-size: 60%;
}
	#sliderNav ul{
		width: 28%;
	}
	
	
.rightSideNav{
	margin: 30px 0 30px 33px;
}


/********************End of Navigation Styles***************************/

	


/********************Header Styles***************************/


header{
	max-width: 960px;
}

#logo{
    float: left;
    margin: -15px 10px 5px 10px;
    max-width: 134px;
}


/********************Search Styles*******************/




/********************End of Search Styles*******************/





/********************Slider Styles*******************/

#slider{
	max-width: 960px;
	top: 34px;
}



.imageBlend{
height: 435px;
margin-left: 324px;
}

	


/********************End of Slider Styles*******************/



/********************Featured Image Styles*******************/

.featureImageContainer{
		margin: -37px auto 0 auto;
		max-width: 960px;
	
}

#featuredImage{
	    height: auto;
	    float: right;
		position: relative;
		width: 65%;
}

#featureImageDescription{
	padding: 0 0 32% 0;
	position: relative;
	margin: 0;
	width: 100%;
	z-index: 25;
}

	#featureImageDescription h1{
	    font-size: 3em;
		margin: 85px 0 0 0;

	}
		
	#featureImageDescription h3{
		font-size: 2em;
		margin: 227px 0 0 0;
		width: 63%; /* 51% */
	}

	
#smallFeatureImageDescription{
	padding: 0 0 127px 0;
}

	#smallFeatureImageDescription h1{
		margin: 36px 0 0 0;
	}
	
	
	.imageBlendFeaturePosition{
		height: 307px;
	}
	
	.imageBlendSmallFeaturePosition{
			height: 127px;
			}
/********************End of Fatured Image Styles*******************/

.wideArrowMargin{
	right: 54%;
}

.wideBottomArrowMargin{
	right: 54%;
}


.boxMajorAdjustment div{
	margin-left: 20px;
	
}

/********************Content Styles*******************/

.buttonArrowCol{
	margin: 10px 0 0 0px;
}

.buttonH2ArrowCol{
	margin: 10px 0 0 5px;
}
.arrowSize{
	font-size: 1em;
}

/********************Content Styles*******************/

#contentContainer{

	max-width: 960px;
	
}

#innerContainer{
	padding: 0;
	max-width: 960px;
}


.firstRow{
	max-height: 294px;
}

.marginWide{
	margin: 8px auto 13px auto;
	
}
	.marginTall p{
		width: 91%;
	}



.tall{
    height: 344px;
	max-width: 222px;
}

	.eventsSpace{
		margin-left: 22px;
	}
	
.wide{
	height: 161px;
	max-width: 469px;

}

#sideRow img{
    float: right;
    height: 161px;
    /* margin: -43px 0px; */
    margin: 0;
	width: 51%;
	
}

#bottomRow{
	position: relative;
	top: -10px;
}

#bottomRow div {
	padding: 0;
}

#bottomRow img{
    float: right;
    height: 161px;
    margin: 0;
	width: 51%;
	
}

#bottomRow h2{
	margin: 10px 0 0 10px;
}
/********************Index Content Styles*******************/


.homeContent h2{
	margin: 10px 0px 4px 10px;
}



/********************End of Index Content Styles*******************/
.extraPadding{
	padding: 0 0 31px 0;
}


	#studentQuote{
		max-width: 700px;
	}
	#studentQuote blockquote{
		font-size: 1.1em;
		padding: 8% 0 0 0;
		width: 76%;
	}
	
	#studentQuote p{
		font-size: .8em;
		margin:0;

	}


.buttonHorizontal{
	margin:  35px 0 20px 0;
	height: 220px;
	max-width: 220px;
	width:100%;
}
	.buttonHorizontal .indent{
		font-size: 1.8em;
		}
	
	.buttonHorizontalImage{
		margin: -30px 0 5px 0;
	}
	
	.middle{
		margin: 35px 25px 0 28px;
	}
	
	.buttonMajorBottom{
    width: 224px;
	}
	
	.buttonMajorBottom h2{
    font-size: 1.6em;
	}
	
	.fourcol.button.first.buttonMajorBottom{
		margin:0 0 0 1%;
		
	}
	
	.middleVisitUs{
		margin: 0 0 0 2.5%;
	}

	.buttonBottom{
	margin: 0 0 13px 0;
	}

.rightNav{
	margin: 30px 0 30px 19px;
}

	.rightNavMiddle{
		margin: 0 0 0 4%;
	}


	.sideButtonsIndent h2{
	font-size: 1.8em;
	padding: 1px 0;
}


.sideImageMax{
		max-width: 220px;
	}


.innerContentMargin{
	margin: 30px 0px 0 20px;
}



#contentList{
	width: 489px;
}


	.sideImage img{
		height: auto;
		width: 100%;
	}


/********************Sticky Footer Styles*******************/




.pageWrap{
	height: 100%;
	/* margin-bottom: -112px; */
}

.pageWrap:after {
  content: "";
  display: block;
}


/********************Footer Styles*******************/


footer{
	width: 960px;
}


	.footerImage{
		max-width:82%;
	}
	

	.footerLogo{
		margin: 46px auto 0 auto;
		max-width: 100%;
	}

	#footerNav ul{
	    font-size: .8em;
		max-width: 185px;
		padding: 23px 0 10px 0;
	}
	
	footer p{
		font-size: .8em;
		max-width: 100%;
	}

	
	.social img{
		height: 40px;
		width: 40px;
	}
	
	
	.socialTop{
		margin: 27% 0 10px 22%;
	}
	
	.socialBottom{
		margin: 0 0 0 22%;
	}
	

	
}

@media all and (min-width: 1024px){

.featureImageHeight{
	height: 307px;
}

#featureImage{
	width: 64.5%;
}
.imageBlendFeaturePosition{
	height: 307px;
}

}

@media print {


html, body {
 height: 100%;
 margin: 0px;
 padding: 0px;
 border: 0px;
 }
 
 .clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

#hide{
  overflow-y: scroll; /* has to be scroll, not auto */
overflow-x: hidden;
}

h1{
	font-size: 1.5em;
}   /* 24px */
h2 {
	font-size: 1.375em;
}	/* 22px */
h3 {
	font-size: 1.25em;
}	/* 20px */
h4 {
	font-size: 1.125em;
}	/* 18px */
h5 {
	font-size: 1em;
}	/* 16px */
h6 {
	font-size: 0.875em;
}		/* 14px */


img, object{
	border: none;
	max-width: 100%;
}
img {
	height: auto;
}

.floatLeft { float:left;}
.floatRight {float: right;}
.floatCenter {margin: 0 auto; position: relative;}


strong { 
font-weight: bold; 
}

em{
	font-style: italic;
}

.onecol    { width: 5.801104972%;  }       /* 4.85%;  } /* grid_1  */
.twocol    { width: 14.364640883%; }       /* 13.45%; } /* grid_2  */
.threecol  { width: 24.928176794%; }       /* 22.05%; } /* grid_3  */
.fourcol   { width: 30.491712705%; }       /* 31.491712705% 30.75%; } /* grid_4  */
.fivecol   { width: 40.055248616%; }       /* 39.45%; } /* grid_5  */
.sixcol    { width: 49.2%; }       /* 48%;    } /* grid_6  */
.sevencol  { width: 57.182320438000005%; } /* 56.75%; } /* grid_7  */
.eightcol  { width: 65.74585634900001%; }  /* 65.4%;  } /* grid_8  */
.ninecol   { width: 74.30939226%; }        /* 74.05%; } /* grid_9  */
.tencol    { width: 82.87292817100001%; }  /* 82.7%;  } /* grid_10 */
.elevencol { width: 91.436464082%; }       /* 91.35%; } /* grid_11 */
.twelvecol { width: 99.999999993%; }       /* 100%;   } /* grid_12 */

/* layout & column defaults */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
  position: relative;
  float: left;
}

.spaceLeft {
	margin-left: 2.762430939%;
}

.first {
  margin-left: 0;
}


.last {
  float: right;
}


.marginLeft{
	margin-left: 2.5%;
}


.right{
	float: right;
}

/********************Navigation Styles***************************/
#mobileNavIcon{
display: none;
}


#topNavUl{
    display: block;
    height: 28px;
	margin: 5px 0 0 50%;
	padding: 4px 0 0 0;
}
	#topNavUl li{
	float: left;
	padding: 3px 15px;
		
	}
	
	
	#topNavUl li a{
	    font-size: .75em;
		line-height: 0;
	}


	
#mainNav{
    float: right;
	clear: both;
    margin: 6px 0px -22px 0;
	position: relative;
}	

	#nav{
		display: block;
	}

	#mainNav li{
	    float: left;
		padding: 0 0 0 25px;
	}
	#mainNav li ul li {
		float: none;
		padding: 0;
	}
	
	#mainNav li a{
		line-height: 0;
	}
	
	#mainNav li ul li a {
		line-height: inherit;
		color: #000;
	}
	
	
	#mainNav li a:hover{
		padding-bottom: 9px;
	}
	
	#mainNav li ul li a:hover{
		padding-bottom: 3px;
	}


#mobileSlidernav{
	display: none;
}

#sliderNav{
	
	background: none;
	padding: 0 0 15% 0;
	position: absolute;
	margin-bottom: 0;
	width: 100%;
	z-index: 25;
	background-size: 60%;
	padding: 0 0 19% 0;
}
	#sliderNav ul{
		display: block;
		padding: 8% 0 0 3%;
		width: 28%;
	}

	#sliderNav ul li{
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	#sliderNav ul li a{
		line-height: 1;
		padding: 5px;
		
	}
	
	.imageBlend{
		background: -moz-linear-gradient(left,  rgba(128,130,133,1) 0%, rgba(229,229,229,0.01) 99%, rgba(229,229,229,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(128,130,133,1)), color-stop(99%,rgba(229,229,229,0.01)), color-stop(100%,rgba(229,229,229,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(128,130,133,1) 0%,rgba(229,229,229,0.01) 99%,rgba(229,229,229,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(128,130,133,1) 0%,rgba(229,229,229,0.01) 99%,rgba(229,229,229,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(128,130,133,1) 0%,rgba(229,229,229,0.01) 99%,rgba(229,229,229,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(128,130,133,1) 0%,rgba(229,229,229,0.01) 99%,rgba(229,229,229,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808285', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
height: 317px;
margin-left: 178px;
position: absolute;
width: 16%;
	}
	
	
	
.rightNav{
	margin: -7px 0 30px 22px;
}

.rightNavMiddle{
	margin: 0 0 0 6%;
}

.rightNavBorder{

	margin: 60px 0 30px 17px;
	border-top: 1px solid #dedede;
}

.rightNavUl{
    font-size: .9em;
	margin: 30px 0;
}

.rightNav ul li{
		float: left\9;
		width: 33%\9;
	}/*creates the columns on the major page in ie 9. */



	.col-3 {
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    column-count:3;
    column-gap:10px;
   }
   
	
	



header{
	border-left: 1px solid #c3b38b;
	margin: 0 10px;
	max-width: 748px;

}

	.headerHeight{
		 height: 246px;
	}

#logo{
    float: left;
    margin: 5px 10px;
}

.extraPadding{
	padding: 0;
}

/********************Search Styles*******************/
#searchform {
  display: block;
  height: 22px;
  float: right;
  margin: 5px auto 0 auto;
  width: 30%;

}

#searchform #s{
	min-height: 18px;
}

#searchform #searchsubmit{
	background-size: 69%;
	height: 18px;
	margin: 5px -8px 0 0;
}


/********************End of Search Styles*******************/



/********************Slider Styles*******************/

#slider{
	background: #808285;
	clear: both;
	max-width: 960px;
	position: relative;
	top: 35px;
	width: 100%;
}



/********************End of Slider Styles*******************/


/********************Featured Image Styles*******************/

.featureImageContainer{
		background: #666666;
		margin: -47px auto 0 auto;
		max-width: 960px;
		width: 100%;
	
}

#featuredImage{
	    height: auto;
	    float: right;
		position: relative;
		width: 65%;
}

#featureImageDescription{
	background: none;
	padding: 0 0 32% 0;
	position: relative;
	margin: 0;
	width: 100%;
	z-index: 25;
}
	#featureImageDescription h1{
		font-size: 3em;
		margin: 85px 0 0 0;
		padding: 1% 4%;
		position: absolute;
		width: 41%;
	}
		
	#featureImageDescription h3{
	    font-size: 2em;
		margin: 227px 0 0 
		padding: 11px 4%;
		position: absolute;
		width: 51%;
	}


#smallFeaturedImage{
	float: right;
	height: 98px;
	width: 70.5%;

}
	
	
#smallFeatureImageDescription{
	background: none;
	float: left;
	padding: 0 0 127px 0;
	position: relative;
	margin: -98px 0 0 0;
	width: 100%;
	z-index: 25;
}

	#smallFeatureImageDescription h1{
		font-size: 2em;
		margin: 36px 0 0 0;
		padding: 1% 2%;
		position: absolute;
		width: 35%
	}
	
	.imageBlendFeaturePosition{
		height: 307px;
	}
	
	.imageBlendSmallFeaturePosition{
			height: 127px;
			}
	
		
		
		.imageBlendFeature{
			background: -moz-linear-gradient(left,  rgba(102,102,102,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(102,102,102,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(102,102,102,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

			
			}
			
			.imageBlendFeaturePosition{
				height: 243px;
				position: absolute;
				width: 16%;
			}
			
			.imageBlendSmallFeaturePosition{
			height: 99px;
			position: absolute;
			width: 16%;
			}

/********************End of Fatured Image Styles*******************/


/********************Infomation Box Arrow Styles*******************/

.colorArrow{
	float: none;
	font-size: 0.8em;
}

.wideArrowMargin, .wideBottomArrowMargin{
	margin: 0;
    position: absolute;
    right: 54%;
    top: 15px;
}


.tallArrowMargin{
	margin: -29px 15px 0 0;
}

/*
.psArrow{
	margin: -44px 15px 0 0;
}
*/


/********************Content Styles*******************/

#contentContainer{
	margin: 88px 10px 0 10px;
	max-width: 960px;
	width: 100%;
	
}

#innerContainer{
	margin: 0 10px;
	max-width: 960px;
	width: 100%;
}

.borderRight{
	border-right: 1px solid #c3b38b;
}

.borderLeft{
	  border-left: 1px solid #c3b38b;
}

.longBorder{
	padding: 0 0 50px 0;
}

.firstRow{
	height: 294px;
}

.marginWide{
	margin: 8px auto 13px auto;
	
}

	.marginWide p{
		width: 39%;
	}

.marginTall{
	margin: 8px  0 0 auto;
}

	.marginTall p{
		line-height: 1.1;
		width: 91%;
	}

.tall{
     height: 344px;
	max-width: 222px;

}

	.eventsSpace{
		margin-left: 0px;
	}

.wide{
    height: 161px;
	max-width: 469px;

}

#sideRow img{
    float: right;
    height: 161px;
    /* margin: -43px 0px; */
    margin: 0;
	width: 51%;
	
}

#bottomRow{
	position: relative;
	top: -10px;
}

#bottomRow img{
    float: right;
    height: 161px;
    margin: -38px 0 0 0;
	width: 51%;
	
}

#bottomRow h2{
	margin: 10px 0 0 10px;
	float: left;
	width: 37%;
}

#bottomRow a {
	float: left;
}


	.sideButtonsIndent h2{
	font-size: 1.2em;
	padding: 1% 0;
}

/********************Index Content Styles*******************/


.homeContent h2{
	margin: 10px 0px 4px 10px;
	
}

.homeContent p{
	float: left;
	font-size: .9em;
	line-height: 1.3;
	margin: 0 10px 4px 5px;
}



/********************End of Index Content Styles*******************/

.contentFont{
	font-size: 1.1em;
}

#leftSideNav{
	margin: 30px 0 0 -7px;
}
	#leftSideNav ul li{
		margin: 10px 0;
		padding: 0 0 0 23px;
	}
	
	#studentQuote{
		max-width: 700px;
	}
	
	#studentQuote img{
		margin: 0;
		width: 21%;
	}
	
	#studentQuote blockquote{
		float: left;
		font-size: 1.1em;
		margin: -16px 0px 0px 15px;
		padding: 8% 0 0 0;
		width: 76%;
	}
	
	#studentQuote p{
	    float: left;
		font-size: .8em;
		margin:0;
		padding: 2% 0 2% 2%;
		width: 61%;
	}
	
	.quotePadding{
		padding: 1% 0 3% 0;
	}
	
.contentMargin{
	margin: 30px 0 0 0px;

}

.innerContentMargin{
	margin: 30px 0px 0 20px;
}


.paraSpace{
    line-height: 1.5;
	margin: 0 50px 20px 0;
}

.proParaSpace{
    line-height: 1.5;
	margin: 0 50px 20px 20px;
}

.buttonMargin{
	margin: 0;
}

.buttonBottom{
	margin: 0 0 13px 0;
}

.buttonHorizontal{
	margin:  35px 0 20px 0;
	height: 155px;
	max-width: 155px;
	width:100%;
}
	.buttonHorizontal h4{
	width: 46%;
	}

	.buttonHorizontal .indent{
		font-size: 1.4em;
		}


.buttonHorizontalImage{
	margin: -36px 0 10px 0;
}

.buttonMajorBottom{
    font-size: 1.2em;
	padding: 2% 0;
	width: 170px;
}

	.buttonMajorBottom h2{
    font-size: 1em;
	}
	
	.middleVisitUs{
	margin: 0 0 0 8px;
	}




.middle{
	margin: 35px 25px 0 28px;
}

	.marginArrow{
		margin: -16px 0 0 0;
	}


#sideFact{
	background: #c3b486;
	display: block;
	height: 164px;
	margin: 133px 0 0 0;
}


	.sideFactText{
		font-size: .8em;
		margin: 5px 0 0 23px;
		width: 79%;
	}
	
	
	
		.one{
			font-size: 4em;
			margin: 11px 0 0 49px;
		}
		
		.numSign{
			font-size: 1.5em;
			margin: 18px 0 -32px 33px;
		}
	
	
#sideFactLeft{
	background: #c3b486;
	display: block;
	height: 92px;
	margin: 0 0 20px 0;
	max-width:220px;
}	

	
	
	.number{
		font-size: 2.5em;
		margin: 15px 0 0 0;
		padding: 24px 0 0 5px;
	}
	
	.percent{
		float: right;
		font-size:  1.3em;
		margin: -41px 166px 0 0;
		
	}
	
	.sideFactTextLeft{
		font-size: .8em;
		margin: -35px 5px 0 0px;
		width: 71%
	}



.sideImage{
	display: block;
	height: auto;
	width: 100%
}

	.sideImage img{
	height: 176px;
	width: 175px;
	}

.sideImageMax{
        margin: 40px 0 0 0;
		max-width: 175px;
	}
	
.contentFeatureImage{
	margin: 30px  0 0 0;
	width: 100%;
}	


.tabs{
	margin: 20px 0 0 0;
	padding: 1%;
}



	
/********************End of Content Styles*******************/



/********************Sticky Footer Styles*******************/




.pageWrap{
	height: 100%;
	margin-bottom: -112px;
}

.pageWrap:after {
  content: "";
  display: block;
}
 .pageWrap:after {
  /* .push must be the same height as footer */
  height: 254px; 
}





/********************Footer Styles*******************/


footer{
	margin: 0;
	width: 960px;
}


	#footerNav ul{
	    font-size: .75em;
	   max-width: 185px;
	   padding: 23px 0 10px 0;
	}

	.footerBorder{
		border-bottom: none;
		border-left: 1px solid #fff;
		height: 254px;
	}

	.footerImage{
		max-width:184px;
	}
	.footerLogo{
	    margin: 46px auto 0 auto;
		padding: 0 0 35px 0;
	}
	
	footer p{
		font-size: .8em;
		margin: 0 auto;
		max-width: 100%;
		padding: 10px 0 10px 0;
	}
	
	.social img{
		height: 40px;
		width: 40px;
	}
	
	.footerImageBorder{
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		height: 254px;
	}
	
	.socialTop{
		margin: 27% 0 0 22%;
		max-width: 176px;
	}
	
	.socialBottom{
		margin: 0 0 0 22%;
		max-width: 176px;
	



  /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    /* background: transparent !important; */
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  /*a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }*/
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  #content {
    width: 100%;
  }
  #sidebar,
  nav,
  #utilityWrap,
  #mobileNav,
  .largeNav,
  #breadcrumbs,
  #social {
    display: none;
    visibility: hidden;
  }/*hide me stuff */
}






@media only screen and (min-width: 35em) {

}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }



/* PRINT */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  /*a[href]:after { content: " (" attr(href) ")"; }*/
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #logo img {-webkit-filter: invert(100%); filter: invert(100%); filter: url(filters.svg#css_invert);  
}
}