<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CITR CSS */

/*remove space between nav and image*/
#container #breadCrumb {
margin-bottom:0!important;
}



/*page header*/
.gradpurp {
height: auto;
padding-left: 10px;
padding-bottom:10px;
border-bottom: 8px double #663399;
margin-bottom: 10px;	
}

#content h3 {
font-weight:normal!important;
font-size:2.5em!important;
padding:20px 0!important;
color:#663399!important;
}

.topics {
background-color:#eee;
border:solid thin #333;
width:400px;
float:left;
margin:.4em 1em 1em 0;
padding:20px 0;
}

/*topic buttons*/
.topics h4 {
color:#639!important;
text-align:center;
font-weight:normal!important;
padding:0.5em 0 0.5em 0!important;
font-size:1.5em!important;
margin-left: .3em;
}


.topics:hover h4{
 color: #fff!important;
}

.topics:hover {
background-color:#8c66b3;
}


/*buttons*/
.citrbutton {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.buttonpurple {
  background-color: #663399; 
  color: #fff; 
border-radius: 8px;
}

.buttonpurple:hover {
  background-color: #8c66b3;
  color: #000;
}

.citrbuttonoutline {
  width:220px;
  background-color: #eee;
  border: none;
  color: #639;
  padding: 16px 32px;
  border:solid thin #333;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}


.citrbuttonoutline:hover {
color:#fff;
background-color:#8c66b3;
}

.pgheader {
background-color:#b299cc;
padding:20px;
border-bottom:solid thick #333;
margin-bottom:20px;
}

.pgheader h4{
text-align:center;
text-transform:uppercase;
font-weight:bold;
}


/*use for faqs*/
.toggle-view {
list-style:none;    
}


.toggle-view li {
margin:10px;
/*border-bottom:thin solid #639;*/
position:relative;
cursor:pointer;
    }

.toggle-view h5 {
border-bottom: thin solid #639!important;
}

.toggle-view span {
position:absolute;
right:5px; top:0;
    }
 

.toggle-view .panel {
display:none;
} 

.toggle-view p {
font-size: 1em!important;
}

.youtube {
float:right;
margin:10px;
}


.video {
margin:20px;
}

/*uppercase*/
.upper {
text-transform:uppercase;
}

.btn-group {
margin:20px 0;
}

.btn-group button {
  background-color: #eee;
  border: 1px solid #333; 
  color: #000;
  padding: 10px 24px;
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  width:33%;
  
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table; 
}

.btn-group button:hover {
  background-color: #8c66b3;
  color:#fff;
}

/*navigation box*/
.highlight {
    width: 80%;
    margin: 20px 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 20px;
	border: thin solid #ccc;
}

.highlight ul li{
margin: 10px 0;
list-style-type:none;
}

@media only screen and (max-width: 1024px){
.topics {
width:45%;
}
#last{
clear:both;
}
.highlight {
clear:both;
}	
.youtube {
float:none;
}	
	
	
	
}

@media only screen and (max-width: 767px){
.topics {
width:90%;
}
.btn-group button {
width: 90%;
}	
	
	
	
	
	
}

























</pre></body></html>