@charset "utf-8";
/* CSS Document */

h2 { font-family: "source sans regular", Arial, sans-serif; font-size: 18px; color: #002147 }
h2.siteheading {color:#fff;}
h2#welcome-home { font-family: "sorts regular", Georgia, serif; color: #002147; font-variant: small-caps; text-align: center; margin-top: 10px; padding-bottom: 10px; font-size: 2.0em }
p#service-ribbon { background: url(/its/pictures/ribbon.png); height: 50px; background-repeat: no-repeat; margin: 0; padding-top: 15px; font-family: "sorts italic", Georgia, serif; font-size: 1.7em; text-align: center }
ul#featured-areas { margin: 0; padding: 0 }
ul#featured-areas li { display: inline-block; height: 321px; width: 230px; margin: 0; padding: 0 }
ul#featured-areas li a { background-repeat: no-repeat; display: block; height: 287px; width: 196px; padding: 17px; text-decoration: none; color: #fff; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-size: 1.25em; transition: color 0.5s, margin-top 0.3s; }
ul#featured-areas li a:hover { color: #FFC423; margin-top: -5px }
li#tech-support, li#services, li#chat { margin-right: 6px !important}
li#tech-support a { background: url(/its/pictures/support-bg.jpg) }
li#services a { background: url(/its/pictures/services-bg.jpg) }
li#contact a { background: url(/its/pictures/contact-bg.jpg) }
li#chat a { background: url(/its/pictures/chat-bg.jpg) }
li#ocs_onlinecoursesupport a { background: url(/its/pictures/ocs_onlinecoursesupport-bg.jpg) }

ul.spaced li { margin-bottom: 15px }

ul.three-col { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3 }
ul.no-style-type { list-style-type: none; padding-left: 0; margin: 20px 0; font-size: 0.9em }
ul.li-padding li { padding: 3px 0 }

.hr { border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 20px; }

div.linksList { width: 29%; margin-right: 6%; float: left; margin-bottom: 30px; min-height: 315px }
div.linksList h2 { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px }

a.hover-caption { display: block; height: 100%; padding: 5px; color: #fff }
a.hover-caption span { display: block; text-align: center; font-weight: bold; color: #fff; padding: 5px }
a.hover-caption:hover { background-color: #666 }
a.hover-caption:hover img { opacity: 0.5 }
a.hover-caption:hover span { display: block }