/* CSS Document */

/* Bootstrap required */

body {background-color: #9fcdef !important;}
.octa { background: url("../img/background.jpg") repeat; }
.containerDgsom {padding:15px;background-color: #ffffff;position:relative;margin-top:-30px;z-index:500 !important;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
	-moz-box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
	box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
}
.hdrbg {margin-top:-20px;}
.headerDgsom {padding:10px;background-color: #ffffff;}
.headerDgsom .media-heading {margin-top:35px;}
.headerDigest { padding-right:15px;height:auto;margin-top:-30px;margin-left:-45px; position:relative; z-index:400;}
.footerDgsom {margin-top:-20px;padding:5px;background-color: #9fcdef;position:relative;z-index:100;}
.footerDgsom .row {margin-top:40px;}
.footerDgsom ul li a {padding:5px 10px;}
.navcolor {margin:20px;}
.navcolor  li a {padding:0px 5px !important;}
.headDigestnav {margin-top:125px;}
.navcolor li a  {color:#ffffff;}
.navcolor li a:hover {color:#2a6496;}
.navbar-default a {text-decoration:none;}
.sliderZ {z-index: 250;}
.modal-backdrop {z-index:400 !important;}


.stylish {padding: 20px 0;text-align: center;}
.stylish a > div > div{ padding: 10px; border: 1px solid transparent; border-radius: 4px; transition: 0.2s;}
.stylish a > div:hover > div{ margin-top: -10px; border: 1px solid rgb(200, 200, 200); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; background: rgba(200, 200, 200, 0.1); transition: 0.5s; }
.model-header, .img-profile {margin:0 10px 10px 0;}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    .headerDigest {margin-left:-15px !important;}
        
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .headerDigest {margin-left:-15px !important;}

	

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.slider { margin-left: auto; padding-right:15px;margin-right: auto; max-width: 780px;margin-top:-40px;}
	.headerDigest {width: 780px; margin-left:-45px !important;}
    .projectNav {margin-top:-10px;position:absolute;top:235px;left:46px;background-color:#ffffff;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
	-moz-box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
	box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .slider {  margin-left: auto; margin-right: auto; max-width: 1000px;margin-top:-40px;}
    .headerDigest {width: 1000px;margin-left:-45px !important;}
    .projectNav {margin-top:-10px;position:absolute;top:300px;left:46px;background-color:#ffffff;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
	-moz-box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
	box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .slider { margin-left: auto; margin-right: auto; max-width: 1200px;margin-top:-40px;}
    .headerDigest { width: 1200px;margin-left:-45px !important;}
	.projectNav {margin-top:-10px;position:absolute;top:360px;left:46px;background-color:#ffffff;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
	-moz-box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
	box-shadow: 2px 2px 2px 0px rgba(52,123,188,0.35);
	}
}




/* Admissions */

.fourcolnavbox { margin-left:91px;margin-top:10px;width:724px;min-height:150px; }
.qrtrfloatbox { float:left;width:25% }
.subboxnav { list-style:none;margin:2px;padding:0;line-height:20px; }

/* Original */
html {height: 100%; margin-bottom: 1px;}

body {
font-family: arial;
font-size: 12px;
margin: 0px;
background-color: #8896b6;
/*background-image: url(images/main-bg.gif);*/
background-repeat: repeat-x;
height: 100%;
min-height: 101%;
}

div#outer-container {   
margin-left: auto;    
margin-right: auto;    
padding: 0px;
width: 914px;      
height: 101%;
}

div#spotlight-banner {
background-image: url(images/spotlight-bg.gif);
background-repeat: repeat-x;
height: 76px;
width: 99.3%;
}

#inline-list li {
margin-left: 15px;
margin-right: 15px;
padding: 0px;
list-style-type: none;
display: inline;

}

div#top-header {
background-image: url(images/top-bar-bg.gif);
background-repeat: repeat-x;
height: 36px;
width: 100%;
}

div#main-header {
height: 60px;
width: 906px;
align: center;
}

div#top-content {
background-image: url(images/content-top-bg.gif);
width: 914px;
height: 6px;
align: center;
margin-top: 5px;
}

div#main-content {
width: 914px;
}

div#h-navigation-racc {
background-image: url(images/h-navigation-bg-racc.gif);
width: 896px;
height: 51px;
margin-left: 5px;
margin-top: 3px;
padding: 0px;
margin-right: 0px;
margin-top: 3px;
}

div#h-navigation {
background-image: url(images/h-navigation-bg.gif);
width: 896px;
height: 51px;
margin-left: 5px;
margin-top: 3px;
padding: 0px;
margin-right: 0px;
margin-top: 3px;
}

div#int-page-title {
background-image: url(images/int-page-top-bg.gif);
background-repeat: none;
width: 710;
height: 25px;
vertical-align: bottom;
}

div#admin-page {
background-image: url(images/admin-top-bg.jpg);
background-repeat: none;
width: 887px;
height: 274px;
}


/* faq open close */
.faq-q {background-color:#EEE;border:1px solid #dedbd1;padding:4px 10px 4px 20px; }
.faq-q a:link { color:#315675;font-weight:bold; }
.faq-a { padding:10px 10px 15px 20px; }
.faq-a div { width:70% }

/* UL and LI base styles */

ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px}
li {padding: 0; margin: 0}

/* end UL and LI styles */

ul {margin-left: 20px}

.tab-area {
font-family: arial;
font-size: 12px;
color: #536895;
font-weight: bold
}

.large-arial {

font-family; arial;
font-size: 24px;
color:  #ffffff;
font-variant: small-caps;
}

.large-times {
font-family: times new roman;
font-size: 26px;
color: #000000;
font-weight: bold;
font-style: italic;
}

.small-text-italic {
font-family: times new roamn, times;
font-size: 13px;
color: #666666;
line-height: 15px;
font-style: italic;
}

.slider-main {

font-family: Trebuchet MS., Helvetica, sans-serif;
font-size: 35px;
color: white;
text-shadow: 0.1em 0.1em 0.2em black;
}


.small-text {
font-family: arial;
font-size: 11px;
color: #000000;
line-height: 15px;
font-style: none;
font-weight: bold;
}


.top-bar {
font-family: arial;
font-size: 11px;
line-height: 16px;
color: #ffffff;
}

.dgsom-links {
font-family: arial;
font-size: 13px;
color: #ffffff;
line-height: 18px;
text-decoration: none;
padding-left: 6px;
}

h1 {
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #536895;
margin: 0px;
padding: 0px;
}

.h2-inline {
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #536895;
}

h2 {
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #536895;
margin: 0px;
padding: 0px;
}

.white-bold {
font-family: arial;
font-weight: bold;
color: #ffffff;
}

.secondary-h-nav {
font-family: helvetica;
font-size: 11px;
color: #22355f;
margin: 0px;
padding-bottom: 2px;
padding-left: 10px;
}

.news-title {
font-family: arial;
font-size: 12px;
color: #5b5b5b;
}

.event-title {
font-family: arial;
font-size: 12px;
color: #5b5b5b;
font-weight: bold;
font-style: italic;
line-height: 15px;
}

.main-text {
font-family: arial;
font-size: 11px;
line-height: 15px;
color: #4f4f4f;
}

.medium-text {
font-family: arial;
font-size: 12px;
line-height: 21px;
color: #000000;
}

.event {
font-family: arial;
font-size: 11px;
color: #5b5b5b;
}

.subsite-title {
font-family: arial;
font-size: 18px;
font-weight: bold;
padding: 5px;
color: #9daccb;
}

.section-title {
font-family: arial;
font-weight: bold;
font-size: 12px;
color: #ffffff;
}

.section-title-black {
font-family: arial;
font-weight: bold;
font-size: 12px;
color: #000000;
}


a:link.secondary-navigation {
font-family: helvetica;
font-size: 11px;
font-weight: bold;
font-style: italic;
text-decoration: none;
color: #22355f;
padding: 2px;
}

a:visited.secondary-navigation {
background-color: none;
font-family: helvetica;
font-size: 11px;
font-weight: bold;
font-style: italic;
text-decoration: none;
color: #22355f;
padding: 2px;
}
a:active.secondary-navigation {
background-color: none;
font-family: helvetica;
font-size: 11px;
font-weight: bold;
font-style: italic;
text-decoration: none;
color: #22355f;
padding: 2px;
}

a:hover.secondary-navigation {
background-color: #66779d;
font-family: helvetica;
font-size: 11px;
font-weight: bold;
font-style: italic;
text-decoration: none;
color: #ffffff;
padding: 2px;
}


a:link.header-navigation {
font-family: arial;
font-size: 10px;
text-decoration: none;
color: #ffffff;
padding: 1px;
}

a:visited.header-navigation {
background-color: none;
font-family: arial;
font-size: 10px;
text-decoration: none;
color: #ffffff;
padding: 1px;
}
a:active.header-navigation {
background-color: none;
font-family: arial;
font-size: 10px;
text-decoration: none;
color: #ffffff;
padding: 1px;
}

a:hover.header-navigation {
background-color: #66779d;
font-family: arial;
font-size: 10px;
text-decoration: none;
color: #ffffff;
padding: 1px;
}

#news-list ul {margin: 10 0 0 0; padding: 0;}
#news-list {line-height: 14px; font-family: arial; font-size: 11px; color: #4f4f4f;}
#news-list li {list-style-image: url(images/link-arrow-dark.gif); margin: 0px; padding-bottom: 0px; margin-left: 15px}

ul.education {list-style-image: url(images/link-arrow-dark.gif)}

.admin-list {
font-face: arial;
color: #ffffff;
font-size: 12px;
}

a:link.admin-list {color: #ffffff; text-decoration: none}
a:active.admin-list {color: #ffffff; text-decoration: none}
a:visited.admin-list {color: #ffffff; text-decoration: none}
a:hover.admin-list {color: #ffffff; text-decoration: underline}

a:link.news-list {color: #4f4f4f; text-decoration: none}
a:active.news-list {color: #4f4f4f; text-decoration: none}
a:visited.news-list {color: #4f4f4f; text-decoration: none}
a:hover.news-list {color: #536895; text-decoration: underline}

ul.black-arrow {margin: 0 0 0 15; padding: 0 0 0 10; list-style: none}
li.black-arrow {margin: 0 0 0 20; padding: 0 0 0 10; list-style-image: url(images/black-arrow.gif)}

ul.white-arrow {margin: 0 0 0 15; padding: 0 0 0 10; list-style: none}
li.white-arrow {margin: 0 0 0 20; padding: 0 0 0 10; list-style-image: url(images/white-arrow.gif)}

/* Main subsite vertical navigation classes */

#navigation {width: 168px; display: block; font-size: 11px; font-family: arial; line-height: 18px; padding-left: 0 0 0 0; margin: 10px 0 0 10px;}

#navigation ul {margin: 5 0 0 20; padding: 0; list-style: none}
#navigation li {list-style-image: url(images/link-arrow-light.gif); margin: 0 0 0 5; padding: 0;}
#navigation li.indent {margin: 0 0 0 20px; list-style-image: url(images/link-arrow-light.gif); width: 155;}
#navigation li.down {margin: 0 0 0 5px; list-style-image: url(images/link-arrow-down.gif)}

#navigation a:link {color: #4f4f4f; text-decoration: none; display: block; padding: 0 0 0 2px;}
#navigation a:active {color: #4f4f4f; text-decoration: none; display: block; padding: 0 0 0 2px;}
#navigation a:visited {color: #4f4f4f; text-decoration: none; display: block; padding: 0 0 0 2px;}
#navigation a:hover {background-color: #dfdfdf; display: block; padding: 0 0 0 2px;}

/* end subsite vertical nav classes */

a:link.dgsom-links {color: #ffffff; text-decoration: none}
a:active.dgsom-links {color: #ffffff; text-decoration: none}
a:visited.dgsom-links {color: #ffffff; text-decoration: none}
a:hover.dgsom-links {color: #ffffff; text-decoration: underline}

a:link.dgsom-main-nav {color: #ffffff; text-decoration: none}
a:active.dgsom-main-nav {color: #ffffff; text-decoration: none}
a:visited.dgsom-main-nav {color: #ffffff; text-decoration: none}
a:hover.dgsom-main-nav {color: #ffffff; text-decoration: underline}

a:link.heading {color: #536895; text-decoration: none}
a:active.heading {color: #536895; text-decoration: none}
a:visited.heading {color: #536895; text-decoration: none}
a:hover.heading {color: #536895; text-decoration: underline}

/* added by Paul Babin */
.cf:before, .cf:after { content: " "; display: table;  }
.cf:after { clear: both; }
.quarter-column {width:250px;height:210px;float:left;margin:10px 50px 10px 50px;}