﻿
/* CSS for MSE Group Website */

body { background:#004f92 url(./images/background.jpg) repeat-x; font-family:helvetica, Arial, Sans-Serif }
input, textarea { font-family:helvetica, Arial, Sans-Serif; }

div#pageWrapper { background:url(./images/header.jpg) no-repeat; _height:330px; min-height:330px; color:#fff; position:relative; }

div#pageWrapperInner { padding:128px 25px 0px; }

a#headerEmail { float:right; margin-top:56px; margin-right:22px; height:20px; width:180px; line-height:20px; }

.lightBlue { color:#77c4e6; }
.midBlue { color:#2f5fa0; }
.darkBlue { color:#0a3a78; }
.lightGrey { color:#cbcfd3; }
.midGrey { color:#bfc1c3; }
.underline { text-decoration:underline; }

h1 { font-size:22px; margin-bottom:8px; margin-top:8px; }
h5 { font-size:12px; }

ul.mainNav { margin:0px 0px 10px; font-size:18px; }
ul.mainNav li { display:inline; text-transform:uppercase; }
ul.mainNav li a, ul.mainNav li a:visited { color:#cbcfd3; text-decoration:none; }
ul.mainNav li a:hover { color:#77c4e6; text-decoration:none; }
ul.mainNav li.selected a { color:#77c4e6; text-decoration:none; }
ul.mainNav li.selected a:hover { color:#77c4e6; text-decoration:none; }
ul.mainNav li.sep { padding:0px 10px; font-weight:bold; vertical-align:middle; font-size:16pt; color:#cbcfd3; }

ul.leftNav { margin:0px 0px 10px; font-size:12px; margin-left: 0; padding-left: 0; }
ul.leftNav li { text-transform:capitalize; width:174px; list-style-type:none; list-style-position:outside; border-bottom:solid 1px #bfc1c3; padding:0px; margin:0px; }
ul.leftNav li a { display:block; width:154px; padding:8px 10px; }
ul.leftNav li a, ul.leftNav li a:visited { color:#cbcfd3; text-decoration:none; }
ul.leftNav li a:hover { background-color:#3081ca; color:#bfc1c3; text-decoration:none; }
ul.leftNav li.selected a { color:#fff; background-color:#3081ca; text-decoration:none; }
ul.leftNav li.selected a:hover { color:#cbcfd3; text-decoration:none; }

ul.leftNav li ul.childMenu li { border-bottom:none 0px; }
ul.leftNav li ul.childMenu li a, ul.leftNav li ul.childMenu li a:visited { background-color:#cbcfd3; color:#0a3a78; width:149px; padding:8px 10px 8px 15px; }
ul.leftNav li ul.childMenu li a:hover { color:#0a3a78; background-color:#77c4e6; }
ul.leftNav li ul.childMenu li.selected a { background-color:#77c4e6; }
ul.leftNav li ul.childMenu li.selected a:hover { color:#0a3a78; }

div#pageContentMain { border:solid 0px red;}
div#pageContentMain div#leftCol { width:683px; } 
div#pageContentMain div#rightCol { width:220px; } 

div#pageContentInner2Col { border:solid 0px red;}
div#pageContentInner2Col div#leftCol { width:174px; margin-right:37px; } 
div#pageContentInner2Col div#heroImage { width:713px; } 
div#pageContentInner2Col div#rightCol { width:713px; } 

div#pageContentInner3Col { border:solid 0px red;}
div#pageContentInner3Col div#leftCol { width:174px; margin-right:37px; } 
div#pageContentInner3Col div#heroImage { width:683px; } 
div#pageContentInner3Col div#midCol { width:454px; margin-right:37px; } 
div#pageContentInner3Col div#rightCol { width:220px; } 
div#pageContentInner3Col div#rightCol div#headingImage img { margin-bottom:8px; }
div#pageContentInner3Col div#rightCol div#text { padding:8px 8px; background-color:#2f5fa0; }
div#pageContentInner3Col div#rightCol div#text p { padding:8px 0px; border-bottom:dotted 1px #fff; }

div#heroImage img { margin-bottom:8px; }

div#leftCol div.flash { margin-bottom:20px; }

div.genericContent { font-size:12px; line-height:17px; }
div.genericContent a, div.genericContent a:visited { color:#fff; }
div.genericContent a:hover { text-decoration:underline; }

/* News Scroller */
DIV.newsScroller { position:relative; overflow:hidden; height:160px; width:220px; background-position:50% -66px !important; /* fix for IE */ }
DIV.newsScroller-nonScrolling { width:220px; background-position:50% -66px !important; /* fix for IE */ }
DIV.newsScrollerItem { position:absolute; top:180px; left:5px; height:165px; width:220px; }
DIV.newsScrollerItem-nonScrolling { margin-bottom:10px; width:220px; border-bottom:dotted 1px #fff; padding-bottom:10px; }
DIV.newsScrollerItem a:hover, DIV.newsScrollerItem-nonScrolling a:hover { text-decoration:underline; }
a.newsItemHeadline { font-size:12px; font-weight:bold; margin-bottom:4px; display:block; line-height:18px; color:#77c4e6; }
p.newsItemSummary { font-size:12px; margin-bottom:8px !important; }
span.newsItemBeginDate { display:block; font-size:12px; }
a.newsItemMoreInfo, a.newsItemMoreInfo:visited { display:block; font-size:12px; font-style:normal; text-decoration:none; color:#fff; }
a.newsItemMoreInfo:hover { text-decoration:underline; }
/* End News Scroller */

/* NewsItemListDetail */
div.newsItemList { margin-top:10px; }
div.newsItemList div.item { margin-bottom:12px; font-size:12px; }
div.newsItemList span.headline { display:block; }
div.newsItemList span.summary { font-weight:normal; display:block; margin:2px 0px; }
div.newsItemList a.readMore { font-style:italic; color:#fff; }
div.newsItemList span.pipe { margin:auto 6px; padding:auto 6px; }
div.newsItemList div.separator { height:10px; background-color:Red; }
div.newsItemDetail h2 { color:#77c4e6; }
div.newsItemDetail span.date { display:block; margin:2px 0px; }
div.newsItemDetail span.fullDetails { margin-top:6px; display:block; }
/* End NewsItemListDetail */

div.hr { border-top:solid 1px #fff; }

div#footerOuter { margin:20px 0px; font-size:10px; }
div#footerInner { margin-top:6px; line-height:16px; }
div#footerInner a, div#footerInner a:visited { color:#fff; }
div#footerInner a:hover { text-decoration:underline; }
div#footerInner div#contentInfo { float:left }
div#footerInner div#links { float:right; text-align:right; }

span.rfi { color:#f00; font-weight:bold; font-size:10px; }
span.validator { color:#f00; font-weight:bold; font-size:12px; }

div.contactForm table th, div.contactForm table td { padding:1px; }
div.contactForm table th { text-align:right; }
div.contactForm table input.text { width:170px; background-color:#aad9ee; border:solid 1px #bfc1c3; color:#202020; font-size:12px; }
div.contactForm table textarea { width:500px; height:80px; background-color:#aad9ee; border:solid 1px #bfc1c3; color:#202020; font-size:12px; }
div.contactForm input.submit { width:55px; height:19px; background:url(./images/submit.jpg) no-repeat; cursor:pointer; cursor:hand; }

div.siteMapWrapper { line-height:20px; }
div.siteMapWrapper a, div.siteMapWrapper a:visited { color:#fff; }
div.siteMapWrapper a:hover { text-decoration:underline; }
div.sitemapChildrenContainer { padding-left:10px; }

