html, body {
margin:auto;
padding:0;
height:100%;
}
#showtrailer{
	font-family:Verdana, Geneva, sans-serif;
	color:#ff6804  ;
	font-weight:bold;
	font-size:12px;
}
#showtrailer:hover{text-decoration:underline}
#modalVideo{
	display: none;
	    text-align: center;
    position: fixed;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);}
	#showtrailer{cursor:pointer;}
	
#modalVideo video{
	width:80%;
}
#modalVideo #closeVideo{
	width:40px;
	height:40px;
	margin: 0 auto;
	background-image:url('/mayoco/project/templates/images/close.png');
}
body {
background-color:#d1d1d1;
}

#global {
margin: auto;
width:867px;
height:100%;
}

#wrap {
float:left;
background: url(images/bg_centre_new.gif) repeat-y top left;
margin: auto;
width:867px;
}

#bg_top {
float:left;
background: url(images/bg_top_new.gif) no-repeat top left;
margin: auto;
width:867px;
}

#navigation {
width:714px;
height:27px;
margin:auto;
text-align:center;
border-left:1px dotted #ffffff;
overflow:hidden;
margin-top:15px;
}

#details {
float:left;
padding-left:25px;
padding-top:15px;
margin-top:0px;
width:806px;
height:15px;
font-family:arial,sans-serif;
font-weight:bold;
font-size:11px;
color:#999;
}

#content {
float:left;
padding-left:30px;
width:807px;
margin-top:20px;
}

#footer {
float:left;
height:264px;
width:867px;
background: url(images/bg_footer_new.gif) no-repeat top left;
clear:both;
text-align:center;
font-family:Arial,sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
}

#footer img {
border:0px;
}

#bg_bottom {
float:left;
background: url(images/bg_bottom_new.gif) top center;
width:867px;
padding-bottom:25px;
}
	
/*--------------------------- global text and links-----------------------------*/

.navigation {
float:left;
width:101px;
height:21px;
text-align:center;
font-family:arial,sans-serif;
font-weight:bold;
font-size:11px;
color:#ffffff;
border-right:1px dotted #ffffff;
text-decoration:none;
padding-top:6px;
}

div#navigation a:hover, div#navigation .navigationactive {
float:left;
width:101px;
height:21px;
background: url(images/bg_top_stripes.gif) repeat-x 0px -8px;
background-color:#202020;
text-align:center;
font-family:arial,sans-serif;
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;
padding-top:6px;
}

.newstext {
font-family:arial,sans-serif;
font-size:11px;
color:#333333;
line-height:14px;
text-align:justify;
padding-left:10px;
}

.newsheadline {
font-family:arial,sans-serif;
font-weight:bold;
font-size:13px;
line-height:20px;
color:#000000;
text-align:justify;
padding-left:10px;
}

.newsdate {
font-family:arial,sans-serif;
font-size:10px;
color:#999999;
line-height:14px;
text-align:justify;
padding-top:10px;
padding-left:10px;
}

.newscontent a, .aboutcontent a {
font-family:arial,sans-serif;
font-size:11px;
font-weight:bold;
color:#999966;
line-height:14px;
text-decoration:none;
padding-left:10px;
}

.newscontent a:hover, .aboutcontent a:hover {
color:#ffa011;
}


.detailheadline {
font-family:arial,sans-serif;
font-weight:bold;
font-size:18px;
margin:10px 0px 10px 0px;
color:#000000;
text-align:justify;
}

.leadparagraph {
font-family:arial,sans-serif;
font-size:13px;
font-weight:bold;
color:#999966;
text-decoration:none;
}

a.returnhome {
font-family:arial,sans-serif;
font-size:13px;
font-weight:bold;
color:#999966;
line-height:14px;
text-decoration:none;
}

a:hover.returnhome {
color:#ffa011;
}