﻿img{ behavior:url(/iepngfix.htc);}
*{margin:0px; padding:0px; outline:none;}
a img{border:none;}
div.clear{clear:both;}
body {background-color:#8fbed1; font-family:Verdana;}
body.bigger{font-size:110%;}
body.biggest{font-size:120%;}
a{ text-decoration:none;}
a:hover{cursor:pointer;}
/*splash page*/
#splash{width:600px; height:338px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-169px; background-image:url(../images/splash.jpg); background-repeat:no-repeat; }
#splashinner{position:relative;width:600px; height:338px;}
#splashinner h1{display:none;}
#splashinner p{position:absolute; top:170px; left:50px; font:normal normal normal 1em/1.2em Verdana; color:#d78d28; letter-spacing:0px;}
#splashinner img{position:absolute; top:59px; left:52px;}
#enterSite{width:95px; height:24px; display:block; background-image:url(../images/entersite.gif); position:absolute; top:288px; left:461px;}
#enterSiteFr{width:95px; height:24px; display:block; background-image:url(/images/entersitefr.gif); position:absolute; top:288px; left:461px;}

/*home page*/
#container{width:965px; margin:0px auto;}
div.left{background-color:white; float:left; width:auto;}
div.right{background-color:#c5c5c5; float:right; width:auto;}

#home>div.left{width:787px; height:43em; display:block; position:relative;}
#home>div.right{width:178px; min-height:43em;}

div.NavA{position:absolute; bottom:0px; left:267px; z-index:19;}
div.NavA a{color:White; text-align:center; font-size:0.7em; float:right; margin-left:-50px;background-image:url(../images/tabSprite.png); height:21px; padding:20px 0px 0px 0px;}
div.NavA a.active{}
#networkTab{z-index:23; width:164px;  display:block; text-align:center; vertical-align:middle; background-position:0px 0px;}
#networkTab.active{  background-position:0px -41px; width:199px; height:24px; padding: 17px 0px 0px 0px;z-index:50; font-size:0.9em;position:relative;}
#broadcastTab{z-index:22; width:164px; background-position:-164px 0px; display:block; text-align:center; vertical-align:middle;}
#broadcastTab.active{  background-position:-199px -41px; width:199px; height:24px; padding: 17px 0px 0px 0px;z-index:50; font-size:0.9em; position:relative;}
#storytellingTab{z-index:21; width:164px; background-position:-328px 0px; display:block; text-align:center; vertical-align:middle;}
#storytellingTab.active{  background-position:-398px -41px; width:199px; height:24px; padding: 17px 0px 0px 0px;z-index:50; font-size:0.9em; position:relative;}

#mstreatmentTab{z-index:20; width:164px; background-position:-492px 0px; display:block; text-align:center; vertical-align:middle;}
#mstreatmentTab.active{  background-position:-597px -41px; width:199px; height:24px; padding: 17px 0px 0px 0px;z-index:50; font-size:0.9em; position:relative;}

#homepageBox{ display:block; width:328px; height:151px;}
#homepageBox div{ background-image:url(../images/rollovers.gif); width:328px; height:151px; }
#homepageBod div.visible{display:block;}
#homepageBox div.default{background-position:0px 0px;display:block; position:absolute;}
#homepageBox div.orange{background-position:-656px 0px; position:absolute;}
#homepageBox div.blue{background-position:-328px 0px; position:absolute;}
#homepageBox div.green{background-position: -984px 0px; position:absolute;}
#homepageBox div.hidden{display:none;}
#homepageCallouts{position:absolute; right:20px; bottom:20px; width:100px; height:100px; display:block; z-index:3;}

.calloutimage{position:absolute; bottom:0px; right:0px; display:block; height:426px; width:282px; z-index:1;}
#callout_orange{position:absolute; bottom:154px; right:225px; z-index:4;}
#callout_blue{position:absolute; bottom:77px; right:180px; z-index:3;}
#callout_green{position:absolute; bottom:77px; right:241px; z-index:4;}
/*left side */

#navB{ width:100%; padding:0.4em 0em 0.5em 0em; background-image:url(../images/navB.gif);}
#navB a{color:#cdcccd; font:normal normal normal 0.8em/0.8em Verdana; margin-right:1em;}
#navB a.first{margin-left:165px;}
#content{width:100%;}
#contentleft{width:110px; float:left;}
#contentleftInner{padding:25px 18px; position:relative;}
#contentleftInner a.link{color:#dfe5e6; font:normal normal normal 0.7em/1em Verdana;  display:block; position:absolute; bottom:9px; right:6px; text-align:right; }
#contentleftInner .label{position:relative; font:normal normal normal 0.7em/1em Verdana; color:#79797b; text-transform:uppercase; width:60px; margin:0px 0px 25px 0px; display:block;}

#contentleftInner div{width:74px; height:67px; position:relative; text-align:right;background-image:url(../images/navD.png); background-repeat:no-repeat; margin-bottom:3px;}
#contentleftInner div.One{ background-position:0px 0px; position:absolute; left:20px; top:69px; }

#contentleftInner div.OneRollover{ display:none;position:absolute;z-index:30; width:330px; height:171px; top:69px; left:94px; background-image:url(../images/OneRollOver.png);}
#contentleftInner div.Two{background-position:-74px 0px; position:absolute; left:20px; top:137px;}
#contentleftInner div.Three{background-position:-148px 0px;position:absolute; left:20px; top:205px;}
#contentleftInner div.Four{background-position:-222px 0px;position:absolute; left:20px; top:273px;}

#contentright{width:664px; float:right; padding-top:15px;}
#contentright #NavB a{font:normal normal normal 0.8em/1em Verdana;}
#contentright #NavB a.One{color:#00aeef;}
#contentright #NavB a.Two{color:#502d7f;}
#contentright #NavB a.Three{color:#77b800;}
#contentright #NavB a.Four{color:#ecac00;}
#contentright #NavB a.Five{color:#f26522;}

#MainContent h2{font:normal normal bold 1em/1em Arial; color:#5b5b5b; margin:35px 0px 0.9em 0px;}
#MainContent p{font:normal normal normal 0.9em/1.1em Arial; color:#5b5b5b; margin:0px 0px 0.8em 0px; letter-spacing:0em; z-index:2; position:relative;}

/*rightside*/

#header{width:100%; height:128px; position:relative; background-color:#555457; display:block; z-index:18;}
#header h1{display:none;}
a.MSVillage{position:absolute; top:34px; left:18px; background-image: url(../images/MSVillage.png); display:block; width:144px; height:77px;}
#headeroptions{position:absolute; top:0px; right:10px; color:#cccccc; font-weight:bold;}
#headeroptions label{font-size:50%; text-transform:uppercase;}
#fontNormal{font-size:50%;}
#fontBigger{font-size:70%;}
#fontBiggest{font-size:90%;}

div.CommunityUpdates{display:none;}
.rightmenu{width:178px; display:block; background-color:white;  padding: 10px 0px 10px 0px;background-image:url(../images/newsActive.gif); }
.rightmenu a{color:White; font:normal normal normal 8px/9px Verdana;}
.rightmenu a:hover{cursor:pointer;}
.rightmenu a.News{width:50px; display:block; float:left;  text-align:center;font:normal normal normal 8px/9px Verdana;}
.rightmenu a.News.active{}
.rightmenu a.CommunityUpdates{width:128px; display:block; float:left; text-align:center;}
.rightmenu a.CommunityUpdates.active{}

div.News{width:154px; padding:12px; height:35em; position:relative;font:normal normal normal 0.7em/1.5em Verdana;}
div.News a{width:154px; display:block; color:#464545;}
div.News a:hover{color:#000;}
div.News span{width:154px; display:block; font-weight:bold; color:#464545; margin-bottom:0.7em;}
#moreNews{position:absolute; left:1em; bottom:1em; background-image:url(../images/moreNews.gif); background-repeat:no-repeat; padding-left:25px; height:19px;}

div.CommunityUpdates{width:154px; padding:12px; height:314px; position:relative;font:normal normal normal 0.7em/1.5em Verdana;}
div.CommunityUpdates a{width:154px; display:block; color:#464545;}
div.CommunityUpdates a:hover{color:#000;}
div.CommunityUpdates span{width:154px; display:block; font-weight:bold; color:#464545; margin-bottom:0.7em;}
#moreCommunityUpdates{position:absolute; left:12px; bottom:12px; background-image:url(../images/moreNews.gif); background-repeat:no-repeat; padding-left:25px; height:19px;}
