/* Default fonts, etc. */
sup {
	font-size: 75%;
	line-height: 75%;
	font-weight: normal;
}
div.clear {
	clear: both;
}

div.clearleft {
	clear: left;
}

/* Main layout */
body {
	background: #fff;
	margin: 0px 0px 20px;
	padding: 0px;
	text-align:center;
}
#wrapper {
	margin: 0px auto;
	width: 950px;
	padding-bottom: 0px;
	position: relative;
	text-align:left;
	overflow:hidden;
}

#masthead {
	height: 80px; /* To be adjusted : 62 for TM logo,  80, 98 for MMY picture */
}

#logo { /*The logo-title */
	position:absolute;
	top:14px; /* To be adjusted : 14 , 22 */
	left:0px; /* To be adjusted: with MMY - 200, without - 0px*/
}
#logo img { 
	display: block;
	float: left; 
}
#logo #contact{ 
	display: none;
}
#logo h1 {
	display: none;
}

img#mmyphoto {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}
a#mmy {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #425c9e;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	display: block;
	padding-top: 18px; /* To be adjusted: 5 lines - 10px, 4 lines - 18px, etc. */
	padding-left: 92px;
}
a#mmy:hover {
    color: #3C98C7;
}
a#mmy em {
	font-size: 10px;
	font-style: normal;
	text-transform: uppercase;
	color: #ce2437;
}
a#mmy u  {
	text-decoration: none;
	color: #FBFDFC;
	background: url(/images_local/arrow_red_small.png) no-repeat 4px 2px;
	padding-left: 10px;
}

/* THE BANNER */
/* For background banner option - not inline cycling photos*/ 
#banner {
	background: url(../images/banner_blue.jpg) no-repeat;
	height: 220px;
	position: relative;
	margin: 0px 0px 16px;
}
#banner #videoPlayer {
	float: left;
	height: 220px;
	width: 394px;
}

#banner h1 {
	font: normal 18px/31px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 435px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#banner p#viewvideo {
	background: #144D95;
	height: 27px;
	width: 103px;
	position: absolute;
	font: bold 12px/27px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 12px;
}
#banner p#viewvideo a {
	color: #fff;
	text-decoration: none;
	background: url(../images/arrow_white-blue.gif) no-repeat right 2px;
	padding-right: 15px;
}
/* For inline cycling photos*/ 
#photos_wrapper { 
	height: 220px; /* To be adjusted: City picture - 286px, Ordinary banner - 220px */
	width: 950px;
	position: relative;
}
.photos img { /* Used to cycle in local_photos.js */
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:-2;
}

#photos_wrapper h1 {
	color: #fff;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 950px;
	position: absolute;
	top: 20px;
	z-index: 200;
	left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: normal;
	line-height: 33px;
	font-weight: normal;
	font-variant: normal;
}
#photos_wrapper h2 {
	color: #fff;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 950px;
	position: absolute;
	top: 62px;
	text-transform: uppercase;
	letter-spacing: 12px;
	z-index: 200;
	left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
}

#photos_wrapper p {
	font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px;
	padding: 5px 0px 0px 17px;
	width: 153px;
	position: absolute;
	z-index: 200;
	background: #ce2437;
	right: 0px;
	bottom: 0px;
	height: 35px;
}

/* Layout of the three  columns  - more details within each column below */

#content #left {
	float: left;
	width: 270px; /* To be adjusted  with #content #main */
	background: #e1ebf6 url(/images_local/left_col_gradient.png) no-repeat bottom;
	padding-bottom: 0px;
	padding-top: 0px;
}

#content #right {
	float: right;
	width: 170px; /* To be adjusted  with #content #main */
	background: #e1ebf6 url(/images_local/right_col_gradient.png) no-repeat bottom;
	padding-top: 17px;
	padding-bottom: 60px;
}

#content #main {
	margin-right: 170px;
	margin-left: 270px;
	padding-top: 18px;
}

/* The blocks within the colums - common to all columns - details for each 
colum below */

#content .vert0 {
	margin: 0px;
	padding: 0px;
}
#content .vert1 {
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 0px;
}
#content .vert2 {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
}
#content .vert3 {
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#content .hor0 {
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#content .hor1 {
	margin: 0px;
	padding-left: 17px;
	padding-right: 10px;
}
#content .whiteonblue {
	color:#fff;
	background-color: #6cb6df;
	border-color: #59A2C8;
}
#content .blueongrey {
	color:#3b5998;
	background-color: #e1ebf6;
	border-color: #bfc1c8;  
}
#content .blueonwhite {
	color:#3b5998;
	background-color: #fff;
	border-color: #bfc1c8;  
}
#content .topborder {
	border-top-style:solid;
	border-top-width:1px;
}
#content .bottomborder {
	border-bottom-style:solid;
	border-bottom-width:1px;
}
#content p  {
	font: bold 13px/17px Verdana, Arial, Helvetica, sans-serif;
}
#content .blueongrey strong,
#content .blueonwhite strong
{
	color: #04095e;
}
#content .blueongrey a,
#content .blueonwhite a {
	text-decoration:none;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #04095e;
}
#content .blueongrey a:hover,
#content .blueonwhite a:hover {

}
#content .whiteonblue a {
	text-decoration:none;
	color: #fff;
}
#content .toggler:hover
{
	cursor:pointer;
}
#content h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
}
#content .email {
	font-family: Arial, Helvetica, sans-serif;
	color:#04095E;
}
#content u.arrow, 
#content .blueongrey u.arrow {
	color: #e1ebf6;
	background: url(/images_local/arrow_red.png) no-repeat 4px 2px;
	padding-left: 10px;
}
#content .blueonwhite u.arrow{
	color: #fff;
	background: url(/images_local/arrow_red.png) no-repeat 4px 2px;
	padding-left: 10px;
}
#content .whiteonblue u.arrow{
	color: #6cb6df;
	background: url(/images_local/arrow_white.png) no-repeat 4px 2px;
	padding-left: 10px;
}
#content .blueongrey a:hover u.arrow,
#content .blueonwhite a:hover u.arrow  {
	text-decoration:none;
}
#content p.details{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	font-weight:bold;
	margin:0px;
}
#content #left p.social {
	position: relative;
	margin:6px 0px;
}
#content h3 {
	font: normal 13px/20px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

/* Left Column */

#content #left h2  {
	font: normal 24px/24px Georgia, "Times New Roman", Times, serif;
	color:#04095e;
}
#content #left h2 strong {
	color:#F00;
}
#content #left p.social img{
	position: absolute;
}
#content #left p.social img#rss{
	position: absolute;
	left: 198px;
}
#content #left p.social img#twitter{
	position: absolute;
	left: 131px;
}
#content #left p.social img#youtube{
	position: absolute;
	left: 165px;
}
#content #left p.social img#facebook{
	position: absolute;
	left: 130px;
}


/* Right Column SLIDE SHOW */

#content #right #slides {
	position: relative;
	height: 420px;
	width: 170px;
	margin-bottom: 20px;
	border-bottom: 1px solid #bfc1c8;
}
#content #right #slides .slide {
	position: absolute;
	height: 420px;
	width: 170px;
	left: 0px;
	top: 0px;
}

#content #right #slide img {
	position: absolute;
	height: 128px;
	width: 135px;
	left: 0px;
	top: 0px;
}
#content #right #slides .slide img{
	position: absolute;
	height: 128px;
	width: 135px;
	left: 0px;
	top: 0px;
}

#content #right #slide p {
	position: absolute;
	width: 135px;
	left: 17px;
	font: bold 11px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #04095e;
	margin: 0px;
	padding: 0px;
	top: 134px;
}
#content #right #slides .slide p{
	position: absolute;
	width: 143px;
	left: 13px;
	font: bold 11px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #04095e;
	margin: 0px;
	padding: 0px;
	top: 134px;
}

#content #right #slides #slide_arrows {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#content #right #slides a.previous img{
	position: absolute;
	right: 34px;
	bottom: 2px;
}
#content #right #slides a.next img{
	position: absolute;
	right: 17px;
	bottom: 2px;
}

/* Right colum - continuing */

#content #right img{
	display: block;
	padding-left: 17px;
	margin-bottom: 3px;
}
#content #right h4{
	padding-left: 17px;
	font: bold 11px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #04095e;
	margin: 0px 0px 12px;
	padding-right: 17px;
	padding-bottom: 0px;
}
#content #right h4 em{
	color: #ce2437;
	padding-bottom: 12px;
	text-transform: uppercase;
	font-style: normal;
}
#content #right h4 u{
	color: #65676c;
	font-weight: normal;
	text-decoration: none;
}

/* Main column */
#content #main #text{
	margin-right: 35px;
	margin-left: 40px;
}
#content #main #text h4 a{ 
	text-decoration:none;
}
#content #main #text h4 a,
#content #main #text h2{
	font: bold 15px/23px Verdana, Arial, Helvetica, sans-serif;
	color: #04095e;
	margin: 0px;
	padding: 0px;
}
#content #main #text a.learnmore {
	color: #ce2437;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	background: url(/images_local/arrow_red.png) no-repeat right;
	padding-right: 12px;
}
#content a.learnmore:hover {
	text-decoration: underline;
}
#content #main #text h4,
#content #main #text p {
	font: 13px/23px Verdana, Arial, Helvetica, sans-serif;
	color: #65676c;
}
#content #main #text h4,
#content #main #text p.first {
	padding:0px;
	margin:0px;
}
#content #main #text h4.rule {
	border-top: 1px solid #bfc1c8;
	margin-top: 5px;
	padding-top: 5px;
}
#content #main #text h2.rule {
	border-top: 1px solid #bfc1c8;
	margin-top: 9px;
	padding-top: 9px;
}
#content #main #text h4:hover { 
    cursor:pointer;	
}
#content #main  p a span.learnmore, 
#content #main  p span.learnmore{
	color: #ce2437;
	text-decoration: none;
}
#content #main #text a{
	color: #ce2437;
	text-decoration: none;
}
#content #main #text p a strong{
	text-decoration: underline;
}
#content #main #text p a:hover{
	text-decoration: underline;
}
#content #main #text p span.learnmore a:hover{
	text-decoration: none;
}
#content #main #form iframe{
	width: 450px;
	border-style: none;
	overflow: hidden;
}
/* Two colums layout */

#col_left {
	float: left;
	width: 376px;
	padding-bottom: 20px;
}
#col_right {
	float: right;
	width: 555px;
	padding-bottom: 20px;
}

/* Left column */

#col_left h2 {
	font: normal 17px/28px Verdana, Arial, Helvetica, sans-serif;
	color: #004e95;
	width: 362px;
	margin: 20px 0px 0px;
	padding: 0px;
}
#col_left h3 {
	font: bold 12px/27px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background: #E0EAEE;
	width: 350px;
}
#col_left h3 a {
	color: #04095e;
	text-decoration: none;
	background: url(../templates/local/images/arrow_blue-grey.gif) no-repeat right 2px;
	padding-right: 13px;
}
#col_left h3 a:hover {
	text-decoration: underline;
}
#col_left h3 b {
	color: #04095e;
	text-decoration: none;
	margin-right: 105px;
}
#col_left h3 b:hover {
}
#col_left h2 {
	font: normal 17px/28px Verdana, Arial, Helvetica, sans-serif;
	color: #004e95;
	width: 362px;
	margin: 20px 0px 0px;
	padding: 0px;
}
#col_left h3 {
	font: bold 12px/27px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background: #E0EAEE;
	width: 350px;
}
#col_left h3 a {
	color: #04095e;
	text-decoration: none;
	background: url(../images/arrow_blue-grey.gif) no-repeat right 2px;
	padding-right: 13px;
}
#col_left h3 a:hover {
	text-decoration: underline;
}
#col_left h3 b {
	color: #04095e;
	text-decoration: none;
	margin-right: 105px;
}
#col_left h3 b:hover {
}

/* Right column */
#col_right img.title,
img.title {
	display: block;
}

#col_right h2 {
	font: normal 13px/23px Verdana, Arial, Helvetica, sans-serif;
	color: #65676c;
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
	border-bottom: 1px solid #B2B4BC;
}
#col_right h2 a img {
	display:block;
	margin-bottom: 4px;
}
#col_right h2 a img#facts {
	margin-bottom: 0px;
}
#col_right h3 {
	font: bold 13px/23px Verdana, Arial, Helvetica, sans-serif;
	color: #04095e;
	margin: 0px;
	padding: 0px;
}

/* Bottom */

#bottom {
	font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #65676c;
	text-align: center;
	width: 950px;
	border-top: 1px solid #969AA2;
	padding-top: 12px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#bottom a {
	color: #65676c;
}

/* VIDEO THUMBS STYLE */
#videothumbs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#videothumbs.facts li {
	height: 200px;
}
#videothumbs.learn li {
	height: 210px;
}
#videothumbs li {
	width: 113px;
	float: left;
	margin-right: 9px;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
#videothumbs li a {
	cursor:pointer; 
	width: 113px;
	color: #65676c;
	text-decoration: none;
	float: left;
	padding-top: 95px;
	display: block;
	background: url(../templates/local/images/play_video.png) no-repeat 86px 61px;
}
#videothumbs li a strong {
	color: #04095e;
}
#videothumbs li a:hover {
	background: url(../templates/local/images/play_video.png) no-repeat -49px 61px;
}
#videothumbs li#facts1 {
	background: url(../templates/local/images/photo_facts_thumb01.jpg) no-repeat;
}
#videothumbs li#facts2 {
	background: url(../templates/local/images/photo_facts_thumb02.jpg) no-repeat;
}
#videothumbs li#facts3 {
	background: url(../templates/local/images/photo_facts_thumb03.jpg) no-repeat;
}
#videothumbs li#learn1 {
	background: url(../templates/local/images/photo_learn_thumb01.jpg) no-repeat;
}
#videothumbs li#learn2 {
	background: url(../templates/local/images/photo_learn_thumb02.jpg) no-repeat;
}
#videothumbs li#learn3 {
	background: url(../templates/local/images/photo_learn_thumb03.jpg) no-repeat;
}
#videothumbs li#classroom1 {
	background: url(../templates/local/images/photo_classroom_thumb01.jpg) no-repeat;
}
#videothumbs li#classroom2 {
	background: url(../templates/local/images/photo_classroom_thumb02.jpg) no-repeat;
}
#videothumbs li#classroom3 {
	background: url(../templates/local/images/photo_classroom_thumb03.jpg) no-repeat;
}
#videothumbs li#workplace1 {
	background: url(../templates/local/images/photo_workplace_thumb01.jpg) no-repeat;
}
#videothumbs li#workplace2 {
	background: url(../templates/local/images/photo_workplace_thumb02.jpg) no-repeat;
}
#videothumbs li#workplace3 {
	background: url(../templates/local/images/photo_workplace_thumb03.jpg) no-repeat;
}
#videothumbs li#peace1 {
	background: url(../templates/local/images/photo_peace_thumb01.jpg) no-repeat;
}