@import url("../../../Themes/global.css");

*                            { font-family: Arial, Verdana, Sans-serif; }
img                          { border: none; }
ul                           { margin-top: -10px; }
/*****************************
         Page Container
*****************************/
body                          { background: #f2f3f7; margin: 0; padding: 0;}
#body                         { background: #f2f3f7; min-height: 800px; text-align: center; }
#body-container               { background-color: #ffffff; border-bottom: none; border-top: none; width: 990px; text-align: left; min-height: 800px; margin:auto;}

/*****************************
           Header
*****************************/
#masthead                     { width: 990px; height: 107px; background-color: #015294;}

#masthead-top                 { width: 990px; height: 81px; }
#logo                         { height: 78px; float: left; }
#logo img                     { height: 78px; }
#print-logo                   { display: none; position: absolute; }
#mobile-logo                   { display: none; position: absolute; }
#search-nav                    { float: right; margin-right: 35px; margin-top: 25px; }
#search-nav input              { font-style: italic; color: #9e9d9d; width: 240px; height: 16px; border: none; padding: 0px; padding-top: 2px; padding-left: 5px; line-height: 16px; float: left;}
#search-nav span               { display: inline-block; width: 33px; height: 18px; background-color: #ffffff;}
#search-nav span a             { text-decoration: none; border-left: 1px solid #015294; text-transform: uppercase; color: #015294; padding-left: 3px; font-weight:bold; font-size:14px; }
#search-nav div                { color: #96c8ff; font-size: 14px; margin-left: -5px; margin-top: 12px;}
#search-nav div a              { color: #96c8ff; text-decoration: none; margin-left: 5px; margin-right: 5px; }
#search-nav div a:hover        { color: #ffffff; }

#primary-navigation            { width: 990px; height: 26px; background-color: #000000; overflow: hidden;}
#primary-navigation ul         { list-style: none; margin: 0px; padding-left: 12px; }
#primary-navigation li         { float: left; margin: 0 13px; line-height: 23px; }
/*#primary-navigation li a       { font-weight: bold; }*/
#primary-navigation li ul li a { font-weight: normal; }
#primary-navigation a          { text-decoration: none; font-size: 17px; line-height: 26px; height: 26px; color: #ffffff; text-transform: uppercase; }
#primary-navigation a:hover     { color: #97cbfd; }
#primary-navigation ul ul       { display: none; }
#primary-navigation ul ul.hover { display: block;	position: absolute;	left: auto;	top: auto;	list-style: none;	padding: 0; margin-left: -12px; z-index: 1000;	width: 287px; background-color: #ffffff; border-left: 2px #cbcbcb solid; border-bottom: 2px #cbcbcb solid; border-right: 1px #cbcbcb solid; }
*+html #primary-navigation ul ul.hover {
	margin-top: 22px;
}
#primary-navigation ul ul.hover li     { display: block;	list-style: none;	margin: 0;	padding: 0;	width:275px; padding-left: 12px;	min-height: 20px; border-bottom: 1px solid #cbcbcb; 	}
#primary-navigation ul ul.hover li a   { text-transform: none; min-height: 14px; line-height: 14px; padding-top: 3px;	padding-bottom: 3px; color: #000000; text-decoration: none; font-size: 14px !important; }
#primary-navigation ul ul.hover li.hover{ background-color: #2b90FF; }
#primary-navigation ul ul.hover li.hover a{ color: #ffffff; }

#breadcrumb                   { padding-left: 12px; width: 978px; height: 32px; line-height: 32px; color: #5487d3; font-size: 14px; background-color: #c1ccde;}
#breadcrumb a,
#breadcrumb span.current      { color: #015294; text-decoration: none; }
#breadcrumb a:hover           { color: #5487d3; }
/*Safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#search-nav input              { color: #9e9d9d; width: 272px; height: 16px; border: none; padding: 0px; padding-top: 2px; padding-left: 5px; line-height: 16px; float: left;}
}

/*****************************
        Subnavigation
*****************************/
#side-navigation               { width: 181px; float:left; background-color: #dce0e9; }
.subnavigation                 { padding: 0 8px 5px 16px; width: 157px; }
.subnavigation ul              { padding: 0; list-style: none; margin: 0px; }
.subnavigation li.parent-open-li ul li.parent-open-li a.parent-open
															 { color: #5487d3; font-weight: 700;}
.subnavigation li.parent-open-li ul li.parent-open-li ul li 
															 { list-style: disc; margin-left: 25px;}
.subnavigation li.parent-open-li ul li.parent-open-li ul a.selected
															 { color: #5487d3;}
.parent-open-li li						 { list-style-image: none; }
li.parent-open-li              { list-style-image: none; }

.subnavigation a               { color: #333333; font-size: 12px; line-height: 18px; text-decoration: none; }
.subnavigation a:hover          { color: #5487d3; }
.subnavigation a.selected       { font-weight: bold; }
.subnavigation a.parent-open    { font-weight: bold; }

/*****************************
           Content
*****************************/
#content                      { width: 739px; }
.subtitle h2, .title h1        { font-family: Arial, Sans-Serif; } 
.subtitle h2                  { margin: 0px; font-size: 22px; font-weight: bold; color: #90c8ff; text-transform: uppercase; }
.title h1                     { margin: -5px 0px 10px 0px; border-bottom: 2px solid #cbcbcb; padding-bottom: 5px; font-size: 36px; font-weight: bold; line-height: 35px;  }



.freeform-content, .event-body   { font-size: 12px; color: #333333; line-height: 18px; }
.freeform-content h2, .event-body h2   { font-size: 14px; font-weight: bold; color: #5487d3; margin: 0px; line-height: 20px; }
.freeform-content p, .event-body p     { margin: 0px; padding: 0px; margin-bottom: 12px; } 
.freeform-content h3, .event-body h3   { font-size: 12px; font-weight: bold; color: #333333; }
.freeform-content h4, .event-body h4   { font-size: 12px;	font-weight: normal;	color: #333333;}
.freeform-content h5, .event-body h5   { font-size: 9px;	font-style: italic; }
.freeform-content h6, .event-body h6   { font-size: 9px; }
.freeform-content a { color: #5487d3; text-decoration: none; }
.freeform-content a:hover{ color: #97cbfd; }


/*****************************
           Footer
*****************************/
#footer												 {  width: 100%; max-width: 990px; margin: auto;}
#social-networking             { width: 100%; height: 55px; background-color: #004378; text-align: center; color: #ffffff;}
#social-networking-container   { width: 990px; /*height: 66px;*/ padding-top: 10px; margin: auto; text-align: left; }
#school-contact                { margin-left: 35px; float: left;}
#school-contact h2             { font-size: 14px; font-weight: 700; margin: 0 0 4px; }
#school-contact span           { font-size: 14px }
#school-contact span.copy		   { display: none; }
#social-networks               { float: right; margin-top: 4px; margin-right: 35px; text-align: right; width: 250px;}
#social-networks a             { width: 29px; height: 29px; margin-left: 5px; }
#social-networks a.facebook    { content: url("../images/facebook-icon.png"); }
#social-networks a.insta			 { content: url("../images/instagram-icon.png"); }
#social-networks a.twitter     { content: url("../images/twitter-icon.png"); }
#social-networks a.linkedin    { content: url("../images/linkedin.png"); }
#social-networks a.youtube     { content: url("../images/youtube-icon.png"); }
#social-networks a.flickr      { content: url("../images/flickr-icon.png"); }
#social-networks img           { display: none; }


#footer a { color: #fff; text-decoration: none; }
#footer a:hover{ color: #97cbfd; }

#footer-links                  { background: black; background-repeat: repeat-x; height: 178px; width: 100%; text-align: center;}
#footer-links-container         { width: 920px; height: 108px; margin: auto; text-align: left; padding: 35px; }
#footer-links-container h3			{ color: #63adff; }
#request-info                  { width: 212px; height: 100px;  background: black; float: left; border-right: 1px solid #fff; }
#request-info h3               { text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 0 10px 10px; margin: 0; }
#request-info h4               { font-size: 14px; color: #fff; font-weight: normal; margin: 0; padding: 0 10px 15px;}
#request-info select           { font-size: 14px; font-weight: normal; padding: 0; margin: 10px;  width: 180px; }

.footer-links-column           { width: 115px; height: 100px; margin-left: 35px; float: left; }
.footer-links-column h3        { text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0px; margin-bottom: 5px;}
.footer-links-column h3 img     { margin-left: 6px; }
.footer-links-column ul        { list-style: none; margin: 0px; padding: 0px; }
.footer-links-column li        { margin: 0px; line-height: 18px; }
.footer-links-column a         { text-decoration: none; color: #FFFFFF; font-size: 12px; width: 115px; } 
.footer-links-column a:hover    { color: #fddb65; }
.myMSMC                       { width: 188px; border-left: 1px solid #FFFFFF; margin-left: 0px; padding-left: 35px;} 

#request-info #legal            { color: #96C8FF; margin-top: 8px; font-size:12px; }
#request-info #legal a          { color: #96C8FF; text-decoration: none; }
/*Safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#request-info #legal            { color: #96C8FF; margin-top: 18px; font-size:12px; }
}

.mobile-links                   { display: none; }


/*****************************
        Utility Classes
*****************************/

.toLower                      { text-transform: lowercase; }
.toUpper                      { text-transform: uppercase; }
.toBold                       { font-weight: bold; }
.toBottom                     { position: absolute; bottom: 0; }


/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }


/*****************************
        Related Links
*****************************/
div.relatedlinks {
	background-color: #015294;
}
div.relatedlinks h2 {
	height: 40px;
	margin: 0;
}
div.relatedlinks h2 span {
	background-color: #96c8ff;
	padding-left: 35px;
	position: relative;
	text-transform: uppercase;
	display: block;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

div.relatedlinks h2 span::after {
	content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -13px;
  left: 22px;
  border-top: 14px solid #96c8ff;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}
div.relatedlinks ul {
	margin: 0;
	padding: 15px 30px 15px 47px;
	list-style-type: none;
	text-indent: -1em;
}
div.relatedlinks ul li:before {
	content: "\00BB"; /* double arrow */
	content: "\203A \203A";
	font-family: Arial;
	font-size: 14px;
	color: #96c8ff;
	letter-spacing: -1px;
	/*font-weight: bold;*/
}
.rl-subhead
{
    margin-top: 12px;
}
.rl-subhead:before
{
    content: "" !important;
}
.rl-subhead h3
{
    margin:0px;
    padding:0px;
    font-size: 14px;
}

div.relatedlinks a {
	color: #fff;
	text-decoration: none;
	line-height: 20px;
}
div.relatedlinks ul li:hover:before {
	color: #96c8ff;
}
div.relatedlinks ul li:hover a,
div.relatedlinks a:hover {
	color: #96c8ff;
}

.edit-mode div.relatedlinks
{
    overflow: auto;
}

div.video-container div.download {
	display: none;
}

/* fix for webkit CKeditor wrapping */
span.cke_browser_webkit * {
	white-space: normal;
}

img.floated
{
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

/*****************************
        Media Links
*****************************/
#share
{
    margin: 0px;
    padding: 0px;    
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}

.share-content #share
{
    margin-right: 0px;
}

#share p
{
    font-size: 12px;
	font-weight: bold;
	margin-bottom: -8px;
}

#share-links
{
    padding-bottom: 16px;
    height: 16px;
}

#share-links a
{
    height: 16px;
}

@media print
{
    
    
   body 
   {
	    background: #FFFFFF;
	    color: #000000;
	    font-family: Arial, sans-serif;
	    font-size: 100%;
    }

    a {
	    color: #000000;
    }
    
    #body-container.wrapper
    {
        border: none;
        box-shadow: none;
        width: 8.5in;
    }
    
    #masthead-top 
    {
        background-image: url("../images/background-shim.gif");
        background-repeat: repeat; 
        width: 100% !important;
        display: block;
    }   

    
    #logo, #primary-navigation, #search-nav, #side-navigation, #social-networks, 
    #footer-links, #RelatedLinks1_plcSideContent1, 
    #RelatedLinks2_plcSideContent1, .subnavigation, #share, #share p
    .relatedstories, #footer {
	    display: none;
    }
    #print-logo
    {
        display: block;
    }
 /*
    #left-container
    {
        width: 100% !important;
    }
    
    */
    #content {
	    background-color: Green;
    }
    #intro {
	    padding-top: 20px;
    }

    .subtitle h2 {
	    margin: 30px 0px 0px 0px;
    }

    h2 img {
	    padding: 15px 0px;
    }

    .title h1 {
	    margin: 0px;
    }

    #components {
	    height: auto !important;
	    /*border-top: 1px solid #CCCCCC;*/
	    margin-top: 50px;
	    padding-top: 20px;
    }

    .freeform {
	    position: static !important;
    }

    #school-contact {
	    margin-top: 50px;
    }
    
}

@media (max-width: 600px){
    *, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

    object, imbed, iframe
    {
        max-width: 100%;
    }

    body
    {
        width: 320px;
        margin: 0 auto;
    }

    body.top-landing .freeform
    {
        display: none;
    }

    ul
    {
        margin-top: 0;
    }

    #logo, #search-nav > div, #request-info, #footer-links, #components
    {
        display: none;
    }

    #body
    {
        min-height: 0px;
        border: 0;
        margin-top: 0;
    }

    #body-container
    {
        width: 100%;
        min-height: 0px;
    }

    #breadcrumb
    {
        width: 100%;
        display: inline-block;
        height: auto;
        padding-left: 16px;
        margin-bottom: 12px;
        background-image: none;
        background-color: #e2e7ef;
        padding-right: 19px;
    }

    #breadcrumb a, #breadcrumb span
    {
        display: inline-block;
    }

    #breadcrumb span:nth-last-child(1), #breadcrumb span:nth-last-child(2)
    {
        display: none;
    }

    #breadcrumb a:first-child
    {
        display: none;
    }

    #breadcrumb span:nth-child(2)
    {
        display: none;
    }

    #masthead {	    
        width: 100%;
	    background-color: #015294;
        height: auto;
    }

    #masthead h1
    {
        background-color: #000;
        margin: 0;
        padding: 7px 20px 6px;            
        font-size: 16px;
        text-transform: uppercase;        
        border-bottom: 2px solid #b1c0d3;
    }

    #masthead h1 a
    {
        text-decoration: none;
        color: #fff;
    }

    #masthead h1 a:after
    {
        content: url('../images/mobile-tray.png');
        display: inline-block;
        height: 15px;
        width: 21px;
        position: relative;
        top: 2px;
        left: 5px;
    }

    #mobile-logo img
    {
        width: 100%;
    }


    #masthead-top
    {
        width: 100%;
        height: 128px;
        padding: 0 20px;
    }

    #search-nav
    {
        margin: 0;
        float: left;
    }

    #search-nav input
    {
        width: 232px;
        height: 23px;
        background-color: #fff;     
        font-size: 12px;
    }
    #search-nav input:focus
    {
        color: #000;
    }

    #search-nav span
    {
        background-color: #fff;        
    }

    #search-nav span a
    {
        color: #005295;
        border-left: 2px solid #005295;
        display: block;
        background-color: #fff;
        height: 23px;
        padding-top: 3px;
    }

    #mobile-logo
    {
        display: block;
        height: 90px;
        position: relative;
    }   

    #primary-navigation
    {
        width: 100%;
        height: 140px;
    }
    
    #primary-navigation ul
    {
        padding-left: 0;
    }

    #primary-navigation ul li
    {
        width: 50%;
        margin: 0;
        border-bottom: 2px solid #b1c0d3;
        padding-left: 20px;
    }

    #primary-navigation li a
    {
        font-weight: normal;
    }

    #primary-navigation ul li:nth-child(n+7)
    {
        border-bottom: 2px solid #fff;
    }

    #primary-navigation ul.secondary-navigation li
    {
        background-color: #b1c0d3;
        border-bottom: 2px solid #fff;
    }

    #primary-navigation ul.secondary-navigation li a
    {
        color: #000;
        font-size: 16px;        
    }
     
    #primary-navigation ul li:nth-child(odd)
    {
        border-right: 2px solid #b1c0d3;
    }

    #primary-navigation ul li:nth-child(odd)
    {
        border-right: 2px solid #FFF;
    }

    #primary-navigation ul ul.hover
    {
        display: none;
    }

    #content
    {
        width: 100%;
    }

    #content ul li, #content ol li
    {
        font-size: 14px;
    }

    .title h1
    {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .subtitle h2
    {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .freeform-content p
    {
        font-size: 14px;
    }

    #side-navigation
    {
        margin-right: 0;
        width: 100%;
    }

    
    .subnavigation
    {
        padding-left: 0;
				padding-right: 0;
        width: 100%;        
        background-image: none;
        background-color: #e2e7ef;
        height: auto;
        clear: both;
    }


    .subnavigation h2
    {
        font-size: 14px;
        color: #fff;
        background-color: #004379;
        padding-top: 9px;
        padding-bottom: 10px;
        padding-left: 24px;
        margin: 0;
        text-transform: uppercase;
    }

    body.top-landing .subnavigation h2
    {
        display: none;
    }

    .subnavigation ul
    {
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 7px;
    }

    body.top-landing .subnavigation ul
    {     
        padding: 0;
    }

    .subnavigation li
    {
        text-indent: 0px;
        list-style: none;
        padding-left: 24px;
				padding-right: 5px;
        padding-bottom: 10px;
    }

    body.top-landing .subnavigation li
    {
        border-bottom: 2px solid #b1c0d3;
        padding-top: 5px;
        padding-bottom: 2px;
    }

    .subnavigation a
    {
        font-size: 14px;
        color: #005295;
    }

    body.top-landing .subnavigation a
    {
        font-size: 16px;
        font-weight: bold;
        line-height: 18px;
    }

    .subnavigation a.selected
    {
        color: #000;                
    }


    .subnavigation a.parent-open
    {
        text-transform: capitalize;
        font-weight: normal;
    }

    .subnavigation ul ul
    {
        padding-bottom: 0;
    }

    .subnavigation ul ul li:last-child
    {
        padding-bottom: 0;
    }
    
    li.parent-open-li
    {
        list-style: none;
        padding-top: 0;
    }

    li.parent-open-li > ul > li
    {
        display: none;
    }

    li.parent-open-li > ul > li.parent-open-li, li.parent-open-li > ul > li.parent-open-li ul li
    {
        display: block;
    }

    .subnavigation ul ul li a
    {
        color: #005295;
    }    

    #share
    {
        padding-bottom: 23px;
        border: 0;
    }

    .mobile-links
    {
        display: block;
        padding-left: 24px;
        padding-top: 16px;
    }

    .mobile-links h3
    {
        color: #96c8ff;
        margin: 0;
        font-size: 16px;
        text-transform: uppercase;    
        padding-bottom: 9px;    
    }

    .mobile-links ul
    {
        margin: 0;
        padding-left: 0px;
        list-style: none;
        display: inline-block;
        padding-bottom: 12px;
    }

    .mobile-links ul li
    {
        width: 50%;
        position: relative;
        float: left;
        padding-bottom: 8px;
    }

    .mobile-links ul li a
    {
        text-decoration: none;
        color: #fff;
    }

    #social-networking
    {
        background-color: #015294;
        height: inherit;
        text-align: left;
        border: 0;       
        
    }

    #social-networking-container
    {
        width: 100%;        
        height: auto;
    }

    #social-networks
    {
        float: left;
        text-align: left;
        background-color: #004379;
        width: 100%;
        padding: 6px 12px 9px;
        display: inline-block;       
        margin-top: 0; 
    }

    #social-networks div
    {
        margin-top: 0;
        padding-top: 5px;
    }
    #social-networks span { display: none; }
    #social-networks a { margin: 0 8px; }
    #social-networks a.facebook    { content: url("../images/facebook-mobile.png"); }
    #social-networks a.twitter    { content: url("../images/twitter-mobile.png"); }
    #social-networks a.linkedin    { content: url("../images/linkedin-mobile.png"); }
    #social-networks a.youtube    { content: url("../images/youtube-mobile.png"); }
    #social-networks a.flickr    { content: url("../images/flickr-mobile.png"); }

    #school-contact
    {
        background-color: #000;
        margin: 0;
        padding-top: 12px;
        padding-left: 25px;
        padding-bottom: 10px;
        width: 100%;
    }

    #school-contact img
    {
        display: none;
    }

    #school-contact h2
    {
        display: inline-block;
        font-size: 14px;
        font-family: Arial;
        margin: 0;
        margin-bottom: 10px;
    }

    #school-contact span, #school-contact a
    {
        font-size: 12px;
        display: block;
        padding-bottom: 10px;
        color: #fff;
    }
    
    #school-contact a
    {
        text-decoration: none;        
    }

    #school-contact span.spacer
    {
        display: none;
    }    

    #school-contact span.add2
    {
        display: block;
    }

    #school-contact span.copy
    {
        display: block;
    }

    #school-contact span.copy a
    {
        color: #5487d3;
        text-decoration: none;
    }

    #share p
    {
        font-size: 14px;
        display: inline-block;
    }

    .toBottom
    {
        position: relative!important;
        background-color: #004379 !important;
    }

    .toBottom > div
    {
        padding: 12px 24px;
        padding-bottom: 0;
    }

    .toBottom h2
    {
        color: #96c8ff;
        font-size: 16px;
        padding-bottom: 10px;
    }

    .toBottom p
    {
        color: #fff;
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .toBottom a
    {
        color: #96c8ff;
    }

}

@media screen and (max-width: 1024px)
{

}