/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

/* ----- IDS ----- */

body {
	margin: 0;
	background-color:#e31a27;
} /* Note: only used to set background colour*/

div {
position: relative;
}

#bodyContainer { 
	text-align:left;
	background:url(/images/back_tile.gif) top repeat-x;
	margin:auto;
	float:left;
	width:100%;
	height:100%;
}

#bodyShadow { 
	margin:auto;
	padding-top:0;
	background:url(/images/back_shadow.jpg) top no-repeat;
	width:992px;
	float:left;
	width:100%;
}

#bodyShadowContent {
	background:transparent url(/images/back_shadow_content.jpg) no-repeat scroll center top;
	float:left;
	margin:auto;
	padding-top:0;
	width:100%;
}

		
#container {
	margin:auto;
	width:980px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:80%;*/
	color:#333;
	padding:0;
}

/* ------- header -----*/
#header{
display:block; width:980px; height:45px; 
margin:0; padding: 0;
float:left;
}

#searchTemplate{
float:left;
height:45px;
width:233px;
background:#923f00;
}

#searchTemplate form#searchformTemplate {
float:left;
}

#searchTemplate input#searchfillTemplate {
width: 160px;
height:23px;
margin-left:15px;
margin-top:10px;
padding:5px 0 0 6px;
color:#fff;
font-size:75%;
background:url(/images/field_search.gif) no-repeat;
border:none;
float:left;
}

#searchTemplate input.go {
padding:0 0 0 3px !important;
margin:10px 0 0 0;
}

/* 2. navigation */
#topNav{
width:747px;
height:45px;
float:left;
}

#topNav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#topNav ul, #topNav ul li {
list-style-type: none;
margin: 0;
padding: 0;
float:left;
}

#topNav li{
list-style-type: none;
text-indent: -9999px;
}

#topNav ul li a {
display:block;
}

#topNav ul li a#home, #topNav ul li a#concert, #topNav ul li a#about,
#topNav ul li a#partner, #topNav ul li a#media, #topNav ul li a#community,
#topNav ul li a#contact {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	height:45px;
}

#topNav ul li a#home{
	width: 70px;
	background-image:url(/images/but_home_off.gif);
}

#topNav ul li a#home:hover, #topNav ul li.active a#home { background-position:left -45px; }

#topNav ul li a#concert{
	width: 165px;
	background-image:url(/images/but_concert_off.gif);
}

#topNav ul li a#concert:hover, #topNav ul li.active a#concert { background-position:left -45px; }

#topNav ul li a#about{
	width: 86px;
	background-image:url(/images/but_about_off.gif);
}

#topNav ul li a#about:hover, #topNav ul li.active a#about { background-position:left -45px; }

#topNav ul li a#partner{
	width: 111px;
	background-image:url(/images/but_partner_off.gif);
}

#topNav ul li a#partner:hover, #topNav ul li.active a#partner { 	background-position:left -45px; }

#topNav ul li a#media{
	width: 126px;
	background-image:url(/images/but_media_off.gif);
}

#topNav ul li a#media:hover, #topNav ul li.active a#media { background-position:left -45px; }

#topNav ul li a#community{
	width: 103px;
	background-image:url(/images/but_community_off.gif);
}

#topNav ul li a#community:hover, #topNav ul li.active a#community { background-position:left -45px; }

#topNav ul li a#contact{
	width: 86px;
	background-image:url(/images/but_contact_off.gif);
}

#topNav ul li a#contact:hover, #topNav ul li.active a#contact { 	background-position:left -45px; }

/* ------- home template -----*/
#mainContent{
float:left;
background:url(/images/img_hero.jpg) top no-repeat;
width:981px;
}

#mainHome{
float:left;
width:661px;
}

.logoMCO{
padding-left:43px;
float:left;
width:400px;
}

#mainIntro{
	float:left;
	min-height:150px;
	color:#FFFFFF;
	width:640px;
}

.mainText{
float:left;
padding:15px 15px 0 43px;
}

.mainButton{
float:left;
width:272px;
padding:2px 0 0 12px;
}

#mainBoxes{
width:618px;
float:left;
padding:20px 0 0 43px;
}

.smallBox{
width:197px;
float:left;
padding-right:12px;
}

.smallBoxlast{
width:197px;
float:left;
}

.introBox{
background-color:#c3251c;
padding:10px 10px 10px 12px;
color:#FFFFFF;
}

.introBox a{
font-weight:bold;
text-decoration:none;
}

#rhsNav{
float:left;
width:272px;
}

#latestNews{
float:left;
width:272px;
padding:2px 0 0 12px;
}

#contentNews{
float:left;
width:235px;
background-color:#fff;
padding:10px 15px 10px 22px;
}

#contentNews H3{
float:left;
color:#ed6200;
font-weight:bold;
padding-top:10px;
}

.newText{
color:#333;
width:200px;
float:left;
padding-bottom:15px;
border-bottom:1px solid #000000;
}

.newText a{
text-decoration:underline;
}

.newText a:hover{
text-decoration:underline;
}

#butPrevious{
float:left;
padding:5px 0 0 50px;
color:#c21721;
}

#butPrevious a{
font-weight:bold;
text-decoration:none;
}

#footerHome{
	float:left;
	width:600px;
	color:#FFFFFF;
	font-size:69%;
	padding:15px 0 0 43px;
}

#footerHome a{
color:#FFFFFF;
text-decoration:none;
}

#footerHome a:hover{
color:#FFCC00;
}

/* template */
#mainTemplate{
	float:left;
	width:980px;
}

#templateHeader{
float:left;
width:980px;
height:185px;
border-bottom:1px solid #ca590e;
}

#leftSection{
	float:left;
	width:223px;
	background:#F5A445;
	min-height:250px;
}

#rightSection{
float:left;
width:757px;
min-height:250px;
}

#footerTemplate{
	float:left;
	width:949px;
	padding:30px 10px 50px 21px;
	color:#FFF;
	font-size:69%;
}

#footerTemplate a{
color:#FFFFFF;
text-decoration:none;
}

#footerTemplate a:hover{
color:#FFCC00;
}

.footerLogo{
margin-top:-20px;
float:right;
}

#leftNav{
background:#f5a445;
width:205px;
float:left;
padding:16px 0 0 16px;
}

#leftNav ul, #leftNav li {
list-style-type: none;
margin: 0;
padding: 0;
}

#leftNav li{
padding-left:10px;
}

#leftNav ul {
width: 180px;
padding: 5px 0 5px 0;
}

#leftNav ul li a {
	display: block;
	padding: 10px 0 12px 8px;
	text-decoration:none;
	border-bottom:1px solid #ca590e;
	color:#442a01;
	font-size: 75%;
	font-weight:bold;
}

#leftNav ul li a.selected {
background:#f6b760 url(/images/arrow.gif) 158px 12px no-repeat;
}

#leftNav ul li a.lastItem {
border:none;
padding-bottom:20px;
}

#leftNav ul li a:hover {
font-weight:bold;
background:#f6b760 url(/images/arrow.gif) 158px 12px no-repeat;
}

#leftNav ul li ul {
width:170px;
}

#leftNav ul li ul li {
padding: 0;
}

#leftNav ul li ul li a {
list-style-type: none;
border:none;
font-weight:normal;
padding:10px 0 12px 12px;
}

#leftNav ul li ul li a.lastItem2 {
list-style-type: none;
border-bottom:1px solid #ca590e;
font-weight:normal;
padding-bottom:20px;
}

#leftNav ul li ul li a:hover {
color:#442a01;
background:none;
font-weight:normal;
text-decoration: underline;
}

.templateButton{
padding:2px 0 0 16px;
float:left;
}

#breadCrumb{
	color:#442a01;
	float:right;
	font-size:75%;
	padding:8px 20px 0 0;
}

#breadCrumb a{
color:#FFFFFF;
text-decoration:underline;
}

#breadCrumb a:hover{
color:#FFFFFF;
}

#contentRight{
width:660px;
float:left;
padding:20px 45px 45px 45px;
}

.templateIntro{
	min-height:130px;
	color:#FFFFFF;
}


#contentRight h2{
	float:left;
	/*color:#ed6200;
	font-size:160%;*/
	padding-bottom:15px;
}

#contentRight h3{
	/*color:#666;
	font-size:130%;
	font-weight:bold;*/
	float:left;
	padding-bottom:5px;
}

#contentRight p{
padding:0 0 15px 0;;
}

.imgThumbnail{
float:left;
padding:15px 15px 0 0;
}

#contentRight ul{
float:left;
}

#contentRight ul, #contentRight li{
list-style-type: none;
margin: 0;
padding: 0;
}

#contentRight li{
padding:10px 0 0 15px;
background:url(/images/arrow_content.gif) 0 13px no-repeat;
}

.table{
float:left;
border:1px solid #666666;
margin-top:25px;
}

.table th{
padding:10px;
/*font-size:120%;*/
border:1px solid #666666;
}

.table td{
padding:10px;
border:1px solid #666666;
}




/* ---------- Secondary Navigation MMV ---------- */
#secondaryNavigation {
  	font-size: 75%;
  	margin: 0px; 
  	padding: 0px;
}

#secondaryNavigation ul {
  	list-style: none;
  	margin: 0px; 
  	padding: 0px;
  	line-height: 22px;
}
#secondaryNavigation li {
 	margin: 0px; 
	margin-top:0px; 
	padding: 0px;
}

#secondaryNavigation a {
 	display: block;
 	text-decoration: none;
	padding-left: 25px;
	padding-top: 3px;
 	padding-bottom: 3px;
 	padding-right: 10px;
 	border-bottom: solid 1px #9B9B9B;
  	color: #000000;
}
#secondaryNavigation a:hover, #secondaryNavigation a:active, #secondaryNavigation a.active {
  	color: #dd0138;
  	text-decoration: none; 
}
#secondaryNavigation ul ul {
}
#secondaryNavigation ul ul a {
	padding-left: 35px;
}
#secondaryNavigation ul ul ul {
}
#secondaryNavigation ul ul ul a {
}