/**********
* Colors:
* MSU maroon: #5E0009
* deep grey borders: #8E8F91
* body background grey: #E5E6E7
* header green: #8AC43F
* almost black text: #303031
* almost black link color: #313131
* vertical green dots: #7CAA3A
* table-bg: #F2F2F3
* th and border: #5A6B17;
* video popout bg: #F1F1F2
* Video background: #D8D9DA
************/

/*Spotlight Styles */
.LocalNav li:first-child {border-top: none !important;}

/* End Spotlight Styles*/
.FeatureContent {position: relative;}

/* ---- Nav ----  */
.GlobalNavWrapper{background: url(https://missouristate.info/images/viewbook/2012-13/GlobalNavBG.png) rgb(88,89,91) repeat-x; padding: 10px 0 2px 0; min-height: 44px;}
.GlobalNav {padding-top: 2px;}
ul {padding-left: 0;margin: 0;}
.GlobalNav li {float: left;padding: 7px 13px 13px 13px;border-left: 1px solid #808083;list-style: none;margin: 0;}
.GlobalNav li:first-child {border-left: none;}
.GlobalNav li a {color: #FFFFFF; text-decoration: none; font-weight:bold;line-height: 24px;}
.Shaded .grid_inner {background-color:#D8D9DA;}

.Italic, .JobTitle {font-style: italic;}
.Bold {font-weight: bold;}
.MarginTop10 {margin-top: 10px;}
.MarginTop0 {margin-top: 0;}
.LineHeight24 {line-height:24px;}

#PageInnerWrapper a:hover {background-color:#F7F8DD;text-decoration:none;border:none;}
a {color: #000000;text-decoration: none;border: none;display:inline-block;}
#PageInnerWrapper a.Button {text-decoration:none;}
#PageInnerWrapper a.Button.Black:hover {background-color:#404041;text-decoration:underline;}
#PageInnerWrapper a.Button:hover {background-color:#5e0009;text-decoration:underline;}
#PageInnerWrapper a.NoHover, #PageInnerWrapper .ImgActive a:hover, #PageInnerWrapper .SpotlightPreview a:hover, #PageInnerWrapper .Standard a:hover,  #PageInnerWrapper p a:hover {background-color:transparent;}
#PageInnerWrapper .SpotlightPreview a, #PageInnerWrapper .SingleSpot a, #PageInnerWrapper a.Standard,  #PageInnerWrapper p a {color: #80151B;text-decoration: underline;}


/* ---- Masthead ---- */
.UnitMasthead {padding: 15px 10px 0 10px;}
.UnitMastheadWrapper .UnitMasthead {background-color: #FFFFFF;}
header .GlobalNav .container_12 a {display: block;border-right: 1px solid #8E8F91;float: left;margin: 0;padding: 14px 8px 0 40px; line-height: 32px;}
header h1 {float: right;border-right: 1px solid #8E8F91;font: bold 59px helvetica;*font-size:58px;color: #8AC43F;line-height: 68px; /* measured at bar length */padding: 0 12px 4px 0; /* vertical margin = ((total height) - (bar height)) /2 */margin: 0 -10px 0 0;}
.GlobalNav .container_12 a, .UnitMasthead a img {display: block; border-right: 1px solid #8E8F91; float: left; margin: 0; padding: 14px 8px 15px 40px; line-height: 32px;}
.UnitMasthead a img {padding-right:15px;}
.HighlightColor {background-color: #FFFFFF;padding: 2px 0 3px 20px;}
/*.LocalNav a, .LocalNav a:hover, .LocalNav a:visited, #PageInnerWrapper li a {color: #000000;text-decoration: none;border: none;}*/

/* ---- Body Content ---- */
#PageInnerWrapper {background-color: #E5E6E7;padding-bottom: 0;border-bottom: 0;}
#PageInnerWrapper section.container_12 {margin-top: 10px;padding-top:10px;padding-bottom: 50px;}

.ImgActive {position:relative;background-color:#F1F1F2;display: none;z-index: 50;box-shadow: 5px 5px 10px #999;-moz-box-shadow: 5px 5px 10px #999;-webkit-box-shadow: 5px 5px 10px #999;margin: -138px 0 -500px -10px; padding: 148px 10px 3px 10px;min-width: 220px;}
.ImgActive > * {z-index: 50;}
.ImgActive img {position:absolute;left:10px;top:9px;*top:10px;}
.ImgActive h3 {margin-top:0;}
/*Used for sections that are overlaid to ensure IE7 compatibility*/
.SiteFooter, .BeInspired, .ResidenceHalls, .ByTheNumbers, {*position:relative;*z-index:-50}
.SecondRow {*position:relative;*z-index:-40}

.DoubleBarHeading {border-right: 1px solid #8E9092;border-left: 1px solid #8E9092;
}
#PageInnerWrapper .DoubleBarHeading /* specific, used in h2 */
{
    margin-top: 40px;
    margin-bottom:0;
    width:938px;
}
.DoubleBarHeading .H2Sub /* use: p tag placed above the H2 */
{
    display: block;
    font-style: italic;
    font-size: 12px;
    color: #506825;
    line-height: 18px; /* measured at bar length */
    padding: 0 0 0 14px; /* vertical margin = ((total height) - (bar height)) /2 */
    margin: 7px 5px 0 0;
    float: left;
    max-width: 365px;
}
#PageInnerWrapper .grid_12 h2 
{
    font-weight: bold;
    font-size: 36px;
    color: #8AC43F;
    line-height: 51px; /* measured at bar length */
    padding: 0; /* vertical margin = ((total height) - (bar height)) /2 */
    margin: 0 15px 0 0;
    text-align: right;
}

div#LearnScholarships /* specific, used on the Unbeatable Value page */
{
    padding-top:9px;
}


/* ---- Normal Body Content Headings ---- */

.H2Black, h3, h4,h5
{
    color: #303031;
}

#PageInnerWrapper h2.H2Black /* Typ. the first heading of the first section, below h1 */
{
    margin-top: 0;
    padding-top: 20px;
    color: #303031;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
}


#PageInnerWrapper h3
{
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
}

#PageInnerWrapper h3.H3Big /*specific; used for emphasis */
{
    font-size: 18px;
    line-height: 22px;
}
li h3 /*specific; used for the li elements in Mission */
{
    font-size: 14px;
    line-height: 18px;
    margin:-5px 0 0 0;
    padding:3px 0;
}


h4 /* Generic */
{
    display:inline;
    line-height: 16px;
    font-weight: bold;
    font-size: 14px;
}

#PageInnerWrapper h4.H4Sm /* specific, used on Live and Learn */
{
    display:inline;
    line-height: 16px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom:0;
}


h6  /* was h6, change whatever uses this to something else*/
{
    font-weight: bold;
    font-size: 14px;
    color: #303031;
    display: inline;
}

ul h6 /* used for li headings  change to a class, don't use h6 */
{
    margin-top: 0;
    margin-bottom: -15px;
}

#PageInnerWrapper grid_inner {padding-top: 10px;}

section ul
{
    color: #303031;
    padding-top: 5px;
}

section li
{
    margin-top: 0;
    margin-bottom: 15px;
    padding: 4px 0 0 79px;
    line-height: 18px;
    list-style: none;
    background: url(https://missouristate.info/images/viewbook/2012-13/ulBullet.png) no-repeat;
}

section .Ul2 /* these are the nested ul */
{
    background-image: none;
    list-style-type: disc;
    padding: 4px 0 4px 0;
    margin-left: 32px;
    margin-bottom: 0;
}
section ul.Ul2
{
    margin-left: 0;
}

#pageInnerWrapper section p
{
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 12px;
    line-height: 24px;
}

.grid_9 .grid_9, .grid_9 .grid_6
{
    margin-top: 0;
    margin-bottom: 0;
}


/* .Button styling */
.Button
{
    width: 162px;
    padding: 0;
    margin: 12px 0 18px 0; /*top of .pButtonSubtitle is 5px from the bottom. This margin combination positions the baseline of the text for .pButtonSubtitle */
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* I'm using the same styles as other areas of the site which have rounded corners, and theirs work on IE, but mine don't?! */
}

.Black
{
    background-color: #404041;
    width: 261px;
    padding: 0;
    margin: 0; /*top of .pButtonSubtitle is 5px from the bottom. This margin combination positions the baseline of the text for .pButtonSubtitle */
    line-height: 42px;
}
.ButtonCorner /*used best in conjunction with the a tag */
{
    background: #5E0009 url(https://missouristate.info/images/viewbook/2012-13/DecorativeButtonCorner.png) no-repeat right top;
    color: #FFFFFF;
}

.BodyButton /* these in particular are used in the Apply page */
{
    font-weight: normal;
    margin-top:8px;
    font-size: 12px;
    min-width: 220px;
    display:block;
}
p .BodyButton 
{
    margin-top:5px;
    margin-bottom: 5px;
}
a#BodyButton1R
{
    margin-right:0;
}
a#BodyButton1L
{
    margin-right:17px;
}

    
#PageInnerWrapper .Button, #PageInnerWrapper .ButtonCorner
{
   color:#FFFFFF;

}

.ButtonFeetBlack
{
    background: #404041 url(https://missouristate.info/images/viewbook/2012-13/UCatButtonFeet.png) no-repeat 7px center;
}

p.ButtonSubtitle
{
    font-size: 11px;
    color: #303031;
    line-height: 13px; /*this, along with top margin nullify the height of this element while keeping space for the text */
    margin-top: -13px;
    margin-bottom: 0;
}


#MajorsPrograms /* specific, used on the Academic Excellence Page */
{
    font-size: 16px;font-weight: bold;line-height: 18px;padding:12px 5px;margin-left:79px;
}

#LearnScholarshipsButtons a /*specific, used on the Unbeatable Value page */
{
    width: 210px;
    padding-left: 10px;
    line-height: 38px;
    text-align: left;
    margin-top:2px;
    margin-bottom: 7px;
}


/* ---- Tabular stuff ---- */

#PageInnerWrapper table
{
    background: #F2F2F3;
    margin-bottom: 10px;
    width: 100%;
}
#PageInnerWrapper th, #PageInnerWrapper td
{
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px dotted #5A6B17;
    border-collapse: collapse;
}

#PageInnerWrapper td
{
    padding: 5px 10px 5px 10px;
}

th,  td.HeaderSpacer
{
    background-color: #E5E6E7;
    color: #5A6B17;
    font-weight: bold;
    border-bottom: none;
}

#PageInnerWrapper .TableS2
{
    border: none;
}

#PageInnerWrapper th.TableS2
{
    background-color: #F2F2F3;
    border-bottom: 1px dotted #5A6B17;
    border-collapse: collapse;
}
#PageInnerWrapper .TableNoBorder
{
    border: 0;
}

/* ----Video stuff ---- */
.video
{
    background: #D8D9DA;
    padding: 10px 10px 72px 10px;
}
#player
{
    width: 437px;
    height: 248px;
    border: 1px dotted #96968D;
    display: block;
}

.video h5
{
    margin: 13px 10px 0 10px;
}

.video .grid_6
{
    margin: 0 -10px -10px -10px;
}

.SpotlightPreview h3 {margin-top:10px;}
.SpotlightPreview p {margin-bottom:0;}
.GoToSpotlights {float: right;margin: 10px 10px 0 0;}

/*Homepage*/
#PageInnerWrapper .GreatReasons a {text-decoration:underline;color:#80151B;display:inline;}
#PageInnerWrapper .GreatReasons a:hover {background-color:transparent;}

/*FollowYourPassion*/
.FollowYourPassion .grid_3 h3, GreatIntroduction .grid_3 h3, .SupportAthletics .grid_3 h3 {margin-top:0;}
.FollowYourPassion a img, .GreatIntroduction a img, .SupportAthletics a img {margin-bottom:3px;}

/*Public Affairs*/
.ParticipatePublicAffairs p {line-height:24px;}
.ParticipatePublicAffairs ul a {font-size:16px;font-weight:bold;line-height:18px;}

/*Safe Campus*/
.SafeCampus .grid_2 {width:160px;}
.SafeCampus .grid_2 h3 {margin-top:5px;}
.SafeCampus .grid_2 img {margin-top:30px;}

/*Campus Hot Spots*/
#PageInnerWrapper .FourSquare h3, #PageInnerWrapper h3.GetInvolved {font-size:26px;color:#7E333A;line-height:26px;font-weight:normal;margin-top:10px;margin-bottom:0;}
.FourSquare p {color:#7E333A;margin-top:3px;}
.grid_8.CampusHotSpots {margin-top:0;}

/*Social Life*/
.SocialLife h3 {margin-top:0;margin-bottom:5px;}
.SocialLife h3+p{margin-top:0;}
.SocialLife .grid_5, .SocialLife .grid_3 {margin-top:0}
.SocialLife .grid_3 {clear:left;}

/*Diversity*/
#PageInnerWrapper .Diversity h3 {margin-top:-5px;}

/* ---- SiteFooter ---- */

.SiteFooter a {color: #313131;}

.SiteFooter /* total height of the footer is 444px,  .SiteFooter is 320px tall, and .PageFooter is 119px tall.*/
{
    min-height: 320px;
    padding-top: 2px;
    padding-bottom: 120px; /* this, along with the height of this footer allow this to essentially become a footer of a footer */
    background: #A6A9AB url(https://missouristate.info/images/viewbook/2012-13/SiteFooterBG.png) repeat-x;
}


.SiteFooter .DoubleBarHeading {margin-top: 30px;}
.SiteFooter h2
{
    line-height: 52px;
    font-size: 36px;
    font-family: Arial,Helvetica,Sans-Serif;
    color: #FFFFFF;
    margin-top: 0px;
    float: left;
    padding: 0 0 0 17px;
    text-shadow: #818184 1px 2px 0; /*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=.5, OffY=1, Color='grey', Positive='true');  This works only in IE 7 and 8, and looks terrible*/
}


.FeatureHeader
{
    background-color: #630016;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    padding: 5px 7px;
    position: relative;
}
.FeatureHWrapper {padding-top: 16px;padding-left: 10px;}

.SiteFooter .grid_3 h3 {font-size: 18px;font-weight: bold;}

#PageFooter {border-top-width:10px;}
#PageFooter a {text-decoration:underline;}
.FeatureHWrapper {padding-top:0;}
.FeatureContent {padding-bottom:10px;}
.SiteFooter .HelpfulResources ul{list-style:none;margin-top:7px;}
.SiteFooter .HelpfulResources p{margin:5px 0;padding:0;*padding:3px 0;}
.SiteFooter .HelpfulResources h3{margin-bottom:8px;}
.SiteFooter .HelpfulResources a {text-decoration:underline;}
.SiteFooter p {padding-right:20px;line-height: 18px;margin:3px 0;}
.SiteFooter .grid_3 h3:first-child {margin:0;}
.SiteFooter .grid_3 {margin-top: 0;}
.SiteFooter .SocialBlock {max-width: 220px;}
.SocialBlock a {float: left;}
.SiteFooter .Button {width:220px;min-height:35px;color:#FFFFFF;font-weight: bold;font-size: 14px;margin:5px 0 5px 0;padding-top:3px;}
.SiteFooter .ButtonFeet{background-color: #5E0009;
    background-image:  url(https//missouristate.info/images/viewbook/2012-13/UCatButtonFeet.png) , url(https://missouristate.info/images/viewbook/2012-13/DecorativeButtonCorner.png);
    *background-image:  url(https://missouristate.info/images/viewbook/2012-13/DecorativeButtonCorner.png);
    background-position: 7px, right top;
    background-repeat: no-repeat;
}


/* Social Block; merged these in an attempt to reduce the number of http requests */
.SocialIconSm {display: block;height: 35px;overflow: hidden;position: relative;width: 35px;margin-left:5px;margin-right:5px;}
.SocialBlock .SocialIconSm:first-child {margin-left:0;}
.FacebookSm img {position:absolute;margin:0px;}
.ItunesSm img {position:absolute;margin-top:-35px;}
.BlogsSm img {position:absolute;margin-top:-70px;}
.TwitterSm img {position:absolute;margin-top:-105px;}
.YouTubeSm img {position:absolute;margin-top:-140px;}