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

*                            { font-family: Arial, Verdana, Sans-serif; }
img                          { border: none; }

/*****************************
         Page Container
*****************************/
body                          { background: url('../images/bg-top.png') #ffffff repeat-x; margin: 0; padding: 0;}
#body                         { background: url('../images/bg-bottom.png') transparent repeat-x bottom; min-height: 800px; text-align: center; border-bottom: #000000 2px solid; margin-top: 22px;}
#body-container                { background-color: #ffffff; border-bottom: none; border-top: none; width: 990px; text-align: left; min-height: 800px; margin:auto; -moz-box-shadow: 0 0 35px #888; -webkit-box-shadow: 0 0 35px #888; box-shadow: 0 0 35px #888; }

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

#masthead-top                 { width: 990px; height: 81px; }
#logo                         { height: 81px; float: left; }
#logo img                     { height: 81px; }
#search-nav                   { float: right; margin-right: 35px; margin-top: 25px; }
#search-nav input              { 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: #cfbc66;}
#search-nav span a             { text-decoration: none; text-transform: uppercase; color: #ffffff; 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-right: 24px; 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: #ffd02b; }
#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-image: url('../images/bg-breadcrumb.png');}
#breadcrumb a                 { color: #5487d3; text-decoration: none; }
#breadcrumb a:hover            { color: #2b90ff; }
/*Safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#search-nav input              { color: #9e9d9d; width: 250px; height: 16px; border: none; padding: 0px; padding-top: 2px; padding-left: 5px; line-height: 16px; float: left;}
}

/*****************************
        Subnavigation
*****************************/
#side-navigation               { width: 181px; float:left; }
.subnavigation                 { padding-left: 24px; width: 157px; }
.subnavigation ul              { padding-left: 12px; list-style: disc; margin: 0px; }
.subnavigation li              { text-indent: -3px; }
.parent-open-li li				{ list-style-image: none; }
li.parent-open-li                { list-style-image: url("../images/subnav-arrow-down.png"); }
.subnavigation a               { color: #333333; font-size: 12px; line-height: 20px; text-decoration: none; }
.subnavigation a:hover          { color: #2b90ff; }
.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: #FFD02B; text-transform: uppercase; }
.title h1                     { margin:0px; margin-top: -5px; 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: 22px; }
.freeform-content h2, .event-body h2   { font-size: 14px; font-weight: bold; color: #5487d3; margin: 0px; line-height: 22px; }
.freeform-content p, .event-body p     { margin: 0px; padding: 0px; margin-bottom: 22px; } 
.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; }



/*****************************
           Footer
*****************************/
#footer                       { width: 100%; }
#social-networking             { width: 100%; height: 66px; background-color: #000000; text-align: center; border-top: 1px #ffffff solid; border-bottom: 1px #ffffff solid; color: #ffffff;}
#social-networking-container    { width: 990px; height: 66px; margin: auto; text-align: left; }
#school-contact                { margin-left: 35px; float: left;}
#school-contact h2             { font-family: Times New Roman, Serif; font-size: 24px; font-weight: normal; margin: 5px 0px; }
#social-networks               { float: right; margin-top: 5px; margin-right: 35px; text-align: right;}
#social-networks div           { margin-top: 5px; }
#social-networks img           { margin-left: 2px; }

#footer-links                  { background-image: url('../images/bg-footer.png'); 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; }

#request-info                  { width: 212px; height: 100px;  background-image: url('../images/bg-requestinfo.png'); float: left; }
#request-info h3               { text-transform: uppercase; font-size: 16px; font-weight: bold; color: #5487d3; padding: 10px; margin: 0; }
#request-info h4               { font-size: 12px; font-weight: normal; margin: 0; padding: 10px; padding-top: 0px; }
#request-info select           { font-size: 14px; font-weight: normal; padding: 0; margin: 10px; margin-top: 0px; width: 180px; }

.footer-links-column           { width: 115px; margin-left: 35px; float: left; }
.footer-links-column h3        { text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 18px; color: #96C8FF; margin: 0px; margin-bottom: 5px;}
.footer-links-column h3 img     { margin-left: 10px; }
.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; }
}



/*****************************
        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-image: url(../images/475b79-gradient.png);
	background-repeat: repeat-x;
	background-color: #475b79;
}
div.relatedlinks h2 {
	background-image: url(../images/arrows/arrow_down_yellow.png);
	background-repeat: no-repeat;
	background-position: 30px bottom;
	height: 40px;
	margin: 0;
}
div.relatedlinks h2 span {
	background-color: #ffd02b;
	padding-left: 35px;
	text-transform: uppercase;
	display: block;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
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: #ffd02b;
	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: #fff;
}
div.relatedlinks ul li:hover a,
div.relatedlinks a:hover {
	color: #fddb65;
}

.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;
}