﻿body {text-align: center;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif, Verdana ;font-size: 85%;color: #000;margin: 0px;background: #000 url('images/mm_bkg.jpg') top center repeat-x}
img {border:0}
a{color:black;}
a:hover{text-decoration:none}
#shell {text-align:center; margin:0px; padding:0px; overflow:visible;}
#holder {width: 966px; text-align:center; margin:0px auto; padding:0px}

#topWrap {display:block; width:966px; margin:0px; padding:28px 0px 26px 0px}
#topWrap .logo {float:left; width:208px; margin:0px; padding:0px 0px 0px 21px;}
#topWrap .topnav {float:right; width:716px; margin:0px; padding:0px 21px 0px 0px;}
#topWrap .topnav ul {list-style-type: none; margin:0px; padding:0px}
#topWrap .topnav ul li {display: inline; float:right; padding:10px 8px 6px 8px; background: url('images/topnav_shard.gif') right no-repeat}
#topWrap .topnav ul li a {display:block; text-decoration: none; color:#fff; font-weight: bold; font-size: 90%; padding:0px 0px 6px 0px;}
#topWrap .topnav ul li a:hover {color:#FF7200;}

#mainPanel {text-align:left; display:block; padding:0px; margin: 0px}
.mainWrap {display:block; margin:0px; background:#fff; padding: 0px 21px}
/* for understanding browsers */.mainWrap {min-height:420px; height:auto}
/* for Internet Explorer *//*\*/* html .mainWrap {height: 420px}/**/
.topCurve {display:block; height:20px; padding:0px; margin:0px; background: url('images/curve_top.gif') left bottom no-repeat}
.bottomCurve {display:block; height:20px; padding:0px; margin:0px; background: url('images/curve_bottom.gif') left top no-repeat}
.homeTopImage {padding:0px; margin:0px; width:924px; height:205px; }
.homeTopImage div#swfobject { background-color:#eee; text-align:center; height:100%; }
.homeTopImage div#swfobject div.no-flash { padding-top:80px; }

.contentWrap {display:block; padding:7px 0px 0px 0px; margin:0px; width:924px;}
.contentWrap table a {text-decoration:none; color:black;}

.contentRight {float:right; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:270px}
.contentRight ul {list-style-type: none; margin:0px; padding:0px; width:270px; text-align:right}
.contentRight ul li {float:left; display:block; padding:0px 0px 6px 0px; margin:0px; width:270px; height:103px}
.contentRight ul li a {float:left; color:#fff; text-decoration:none; height:103px; width:270px; padding:0px; margin:0px}
.contentRight ul li.btn1 a {background:url('images/rightnav_01.gif') left bottom no-repeat}
.contentRight ul li.btn1 a:hover {background:url('images/rightnav_01_On.gif') left bottom no-repeat}
.contentRight ul li.btn2 a {background:url('images/rightnav_02.gif') left bottom no-repeat}
.contentRight ul li.btn2 a:hover {background:url('images/rightnav_02_On.gif') left bottom no-repeat}
.contentRight ul li.btn3 a {background:url('images/rightnav_03.gif') left bottom no-repeat}
.contentRight ul li.btn3 a:hover {background:url('images/rightnav_03_on.gif') left bottom no-repeat}
.contentRight ul li.btn4 a {background:url('images/rightnav_04.gif') left bottom no-repeat}
.contentRight ul li.btn4 a:hover {background:url('images/rightnav_04_On.gif') left bottom no-repeat}
.btnTxt {display:block; padding:50px 10px 0px 0px; margin:0px; font-size:150%;}
.smallTxt {display:block; font-size:70%; padding:0px; margin:0px; font-weight:normal}

.homeContent {font-size:110%; }
/* for understanding browsers */.homeContent {min-height:320px; height:auto}
/* for Internet Explorer *//*\*/* html .homeContent {height: 320px}/**/
.homeContent p {padding: 0px}
.pageContact {display:block; background: url('images/contentBorder_btm.gif') left top repeat-x; margin: 20px 0px 0px 0px; padding: 15px 0px}
.pageContact img {float:left; width: 38px; padding: 5px 20px 0px 0px}
.pageContact p {float:left; margin:0px; padding: 0px;color:#000; font-size:140%; font-weight:bold}
.pageContact a {color:#089FD2; font-size:100%; text-decoration:none}
.pageContact .details a:hover {color:#000}

.contentTopWrap {display:block; padding:0px; margin:0px}
.ContentTopimage {float: left}
.contentNav {float: right; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:270px}
.contentNav ul {list-style-type: none; margin:0px; padding:0px; width:270px}
.contentNav ul li {display:block;padding:0px; margin: 0px 0px 3px 0px; width:270px}
.contentNav ul li a {display: block;color:#fff; font-size: 120%;text-decoration:none; padding: 12px 12px 12px 12px ; margin:0px; height:25px }

.contentNav ul li.btn1 a {border-left: 6px solid #FF7200; background:#C9C9C9 url('images/cnav_01.gif') right top no-repeat}
.contentNav ul li.btn1 a:hover, .contentNav ul li.btn1.current a {background:#FE9845 url('images/cnav_01_On.gif') right top no-repeat}
.contentNav ul li.btn2 a {border-left: 6px solid #B37BE6;background:#C9C9C9 url('images/cnav_02.gif') right top no-repeat}
.contentNav ul li.btn2 a:hover, .contentNav ul li.btn2.current a {background:#D7ADFD url('images/cnav_02_On.gif') right top  no-repeat}
.contentNav ul li.btn3 a {border-left: 6px solid #96D101;background:#C9C9C9 url('images/cnav_03.gif') right top no-repeat}
.contentNav ul li.btn3 a:hover, .contentNav ul li.btn3.current a {background:#BDE94D url('images/cnav_03_on.gif') right top  no-repeat}
.contentNav ul li.btn4 a {border-left: 6px solid #089FD2;background:#C9C9C9 url('images/cnav_04.gif') right top no-repeat}
.contentNav ul li.btn4 a:hover, .contentNav ul li.btn4.current a {background:#36B4DF url('images/cnav_04_On.gif') right top no-repeat}

.contentLeft {float:left; height:1000px; padding:10px 23px 0px 23px; margin:0px; width:599px; background:#C9C9C9 url('images/content_leftcorner.gif') left bottom no-repeat}
.contentfullwidth {padding:10px 23px 0px 23px; margin:0px;  background:#C9C9C9 url('images/content_leftcorner.gif') left bottom no-repeat}
/* for understanding browsers */.contentLeft, .contentfullwidth {min-height:320px; height:auto}
/* for Internet Explorer *//*\*/* html .contentLeft, * html .contentfullwidth {height: 320px}/**/
.contentfullwidth p {margin:0px; padding:0px 0px 17px 0px; font-weight:normal}
.bckcomms {background: #C9C9C9 url('images/comms-bck.jpg') right bottom no-repeat; width:60%; min-height:367px; padding-right:40%; margin-bottom:-15px; }
.halfpageLeft {float: left}
.halfpageRight {float: right}
.width370px {width: 370px}
.width420px {width: 420px}
.width520px {width: 520px}
.black {color: #000}
.grey {color: #757474}
.orange {color: #FF7200}
.purple {color: #B37BE6}
.green {color: #96D101}
.blue {color: #089FD2}
p {margin: .7em 0px}

h1 {font-size:180%; color: #000;background: url('images/contentBorder_top.gif') left bottom repeat-x; margin: 0px 0px 15px 0px; padding:0px 0px 10px 0px; font-weight:normal}
h2 {font-size:160%; margin:0px; padding:0px 0px 20px 0px; font-weight:normal}
.homeContent h2 {font-size:140%}
.ul2col {float: left; padding: 0px; margin: 0px 25px 0px 0px;list-style-position: inside;}
.ul2col li {padding: 0px;margin: 0px 1px 0px 0px;}
.ul2col a {text-decoration:none;}
.ul2col span {color:Black;}
.video {float: right}
.contentLeft p {margin:0px; padding:0px 0px 17px 0px; font-weight:normal}
.highlight {color:White; font-size:110%; font-weight:bold}

.storylist {text-align:left; float:right; padding:0px; margin:0px; width:270px}
.storylist h2 {font-weight: normal; font-size: 110%;border: 1px solid #E5E5E5; color: #707070; padding: 18px 18px 18px 26px;background: url('images/storylisth2.gif') left center  no-repeat}
.storylist ul {color: #4A4B4B;list-style-type: none; margin: 12px 0px 0px 6px; padding:0px; width:258px}
.storylist ul li {display:block; padding:0px; margin: 0px 0px 3px 0px}
.storylist ul li a {display: block; color:#4A4B4B; text-decoration:none; padding: 3px; margin:0px; border: 1px solid white; font-size: 80%; line-height: 1.1em;}
/* for understanding browsers */.storylist ul li a {min-height:40px; height:auto}
/* for Internet Explorer *//*\*/* html .storylist ul li a {height: 40px}/**/
.storylist ul li a:hover {background-color: #DEDEDE}
.storylist ul li.news1 a {color: #FF7200;}
.storylist ul li.news1.current a {border-color: #FF7200;}
.storylist ul li.news2 a {color: #B37BE6;}
.storylist ul li.news2.current a {border-color: #B37BE6;}
.storylist ul li.news3 a {color: #96D101;}
.storylist ul li.news3.current a {border-color: #96D101;}
.storylist ul li.news4 a {color: #089FD2;}
.storylist ul li.news4.current a {border-color: #089FD2;}
.storylist img {float: left; border: 1px solid #C9C9C9; margin: 0px 10px 0px 0px}
.storylist .newstext {color: Black;}

.bottomnav {font-size:90%; display:block; background: url('images/bottomnav_logo.gif') left center no-repeat; padding:0px 0px 0px 8px; margin:16px 0px 0px 0px}
.bottomnav ul {list-style-type: none; margin: 0px; padding:0px}
.bottomnav ul li {display:inline; padding:0px;}
.bottomnav ul li a {text-decoration:none; border-right:1px solid #BABABA; padding:0px 10px 0px 5px; font-weight:bold; font-size:110%}
.bottomnav ul li.btn1 a  {color:#FF7200 }
.bottomnav ul li.btn2 a  {color:#B37BE6}
.bottomnav ul li.btn3 a  {color:#96D101}
.bottomnav ul li.btn4 a  {color:#089FD2}
.bottomnav ul li a:hover  {color:#000}

.footer {display:block; padding:0px; margin:16px 0px}
.footer ul {text-align:left; font-size:80%; list-style-type: none; margin:0px 0px 0px 32px; padding:0px; color:#A3A3A3;}
.footer ul li {display:inline; padding:0px 10px; border-right:1px solid #A3A3A3}
.footer ul li a {text-decoration:underline;  color:#A3A3A3;}
.footer ul li a:hover {text-decoration:none}
.clear {clear:both; margin:0px; padding:0px; height:0px; line-height:0px; font-size:0px;}

.textBox {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif, Verdana; font-size: 85%; color: #5C5C5C; border: 1px solid #A3A3A3;}

blockquote {font-size: 85%; color: #666666; float: right; width: 180px; margin: 0px 10px 10px 16px; padding: 8px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #A3A3A3;}

.bckcomms {background:#C9C9C9 url(images/comms-bck.jpg) no-repeat scroll right bottom;}

#videoLinkContainer { font-size:80%; width:163px; font-weight: bold; float:left; }
#videoLinkContainer ul { list-style-type:none; margin:0px; padding:0px; }
#videoLinkContainer ul li { margin:4px; padding:0px; }
#videoLinkContainer ul li a { background-image:url('images/VideoLinkBox.gif'); background-repeat:no-repeat; display:block; height:56px; color:#96D101; text-decoration:none; }
#videoLinkContainer ul li a:hover { background-image:url('images/VideoLinkBoxOver.gif'); color:White; }
#videoLinkContainer ul li a span { display:block; padding:9px 8px 0px 55px;  }
#videoContainer { background-image:url('images/video-place-holder.gif'); background-repeat:no-repeat; background-position:4px 4px; width:307px; height:295px; padding:4px; float:left; }
#videoContainer #videoPlaceHolder { padding: 8px 0px 0px 9px; }
