/* MBC */

* {margin:0; padding:0;}

p{ margin:12px 0 0 0;}

a { color: #B31736; } 
a:link { color: #B31736; text-decoration: none; }
a:visited { color: #B31736; text-decoration: none; }
a:hover { color: #B31736; text-decoration: underline; }

h1, h2, h3, h4, h5, h6{ font-family: 'Trebuchet MS', Helvetica, sans-serif; font-weight: normal; padding: 0; line-height:120%; }

h1{font-size:26px; color:#B31736; margin: 20px 0; }
h2{font-size:22px; color:#B31736; margin: 15px 0; }
h3{font-size:17px; font-family: "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif; color:#55555; margin: 0 0 12px 0; padding-bottom:3px; border-bottom:1px solid #BFBFBF; }
h4,h5,h6{font-size:15px; color:#B31736; margin: 12px 0; }

.top{ margin: 0 0 15px;}

#content ul, #content ol{ margin:15px 10px 15px 20px; list-style-type:disc; }
#content li { margin:3px; }

body{
	background-color:#DBDBDB; 
	font: 11px "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif; 
	color:#555555;
}

.smallText{ font-size:11px; }
.clear { display:block; clear:both; visibility:hidden; height:0; }
.strapline{ font:Trebuchet MS; font-size:14px; font-weight:normal; color:#B31736; padding:0 0 12px 0; line-height:140%;}

#container { 
	width: 950px; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:15px;
	padding:10px;
}

#header {
	width:950px;
	height:138px;
	background-color:#E54253;
	color:#FFFFFF;
	background-image:url(images/header.jpg);
	text-align:right;
}

.header-text{ padding:15px; display:block; }

/* #navlist{ padding-left: 0; list-style: none;}
#navlist li{ padding:4px 0; padding-left: 12px; border-bottom:1px solid #DFDFDF;}
#navlist li a{ color:#5F5F5F; display: block;  }
#navlist li a:hover{ color:#B31736; }
#navlist li a:active{ color:#5F5F5F; }
#current{ font-weight:bold; }*/
/*
li#active{ margin:4px 0; padding-left: 12px; background-image: url(images/arrow_black.gif); background-repeat: no-repeat; background-position: 0 .5em;}
li#active a{ color:#B31736; }
*/

/*#subnavlist { margin-left: 10px; padding-left: 10px; list-style: none;}
#subnavlist li{ margin:0; padding-left: 12px; background:none; font-size:11px; color:#9E1213;}
#subnavlist li a{ color:#B31736; }
#subnavlist li a:hover{ color:#B31736; }
#subnavlist li a:active{ color:#B31736; }
#subcurrent{ font-weight:bold; }*/

/* #navcontainer { margin-left: 30px; } */

#navcontainer ul{ margin: 0; padding: 0; list-style-type: none; }
#navcontainer li { margin: 0 0 1px 0; }
#navcontainer a{display: block; padding: 5px 10px; width: 149px; color: #555; background-color: #DFDFDF; text-decoration: none;}
#navcontainer a:hover, #navcontainer a.current{color: #fff; background-color: #888; text-decoration: none; }
#navcontainer ul ul li { margin: 0 0 1px 0; }
#navcontainer ul ul a{ display: block; padding: 5px 5px 5px 20px; width: 144px;color: #555; background-color: #EFEFEF; text-decoration: none;}
#navcontainer ul ul a:hover{ color: #fff; background-color: #AFAFAF; text-decoration: none; }
#navcontainer ul ul a.subcurrent{ color: #fff; background-color: #AFAFAF; text-decoration: none; }

#main { background-color:#EFEFEF; padding-bottom:10px; padding-top:10px; }
#left{ float:left; width:170px; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size:12px; }
#left ul{list-style: none; margin: 0; padding: 0;}
#right{	float:right; width:300px; padding:0 10px 0 10px; }
#right-content{	padding:15px; line-height:170%; }

#right-content ul, #right-content ol{ margin:15px 10px 15px 20px; list-style-type:disc; }
#right-content li { margin:3px; }

#content{ background-color:#FFFFFF; margin-left:170px; margin-right:320px; padding:20px; line-height:150%;}
div#content { min-height:500px; height:expression(this.scrollHeight > 500 ? "auto":"500px"); }
#content-home{ background-color:#FFFFFF; margin:0 320px 0 10px; padding:20px; line-height:150%; height:260px;}
/* div#content-home { min-height:310px; height:expression(this.scrollHeight > 310 ? "auto":"310px"); } */
.content-box-home{ display:block; height:200px; width:285px; background-color:#fff; float:left; margin:10px 0 0 10px; padding:10px;}
.content-box-home-right{ display:block; height:200px; width:280px; background-color:#fff; float:left; margin-top:10px; padding:10px;}

.content-box-home ul, .content-box-home ol{ margin:15px 10px 15px 20px; list-style-type:disc; }
.content-box-home li { margin:3px; }

.content-box-home-right ul, .content-box-home-right ol{ margin:15px 10px 15px 20px; list-style-type:disc; }
.content-box-home-right li { margin:3px; }

.story{ background-color:#EFEFEF; width:200px; float:left; margin: 20px 0 0 0; display:block;}
.story-text{ padding:10px; display:block;}
#footer { width: 950px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.footer-text{ padding:15px 0 15px 180px; display:block; }
.footer-text-home{ padding:15px 0 15px 15px; display:block; }

/*- Menu 7--------------------------- */
	
#menu7 {
	width: 170px;
	font: 11px "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif; 
	}
	
#menu7 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu7 li a:link, #menu7 li a:visited {
	color: #666;
	display: block;
	background:  url(menu7.gif);
	padding: 8px 0 0 30px;
	}
	
#menu7 li a:hover {
	color: #666;
	background:  url(menu7.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#menu7b {
	width: 170px;
	font: 11px "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif; 
	padding:0;
	margin:0;
	}
	
#menu7b li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu7b li a:link, #menu7 li a:visited {
	color: #666;
	display: block;
	background:  url(menu7.gif);
	padding: 8px 0 0 30px;
	}
	
#menu7b li a:hover {
	color: #666;
	background:  url(menu7.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
	
/* ANOTHER TAB ATTEMPT */

 /* =========================================================================
 For any free or commercial usage please keep this credits text intact.
 Author : Femi Hasani www.vision.to .
 Credits: Jasson M.Knight cutcodedown.com .
 The original version of this stylesheet and the associated (x)html
 is available at http://www.vision.to/single-image-tabs-with-three-state-rollover.php
 A link to www.vision.to would be apperciated but not mandatory.
 =============================================================================== */


#tabnav {
/* This div is optional. The "Space" background just for transparency demo  ...*
    width:auto;height:100px;
    padding:30px 0 0 0;
    background: url(images/articles/demo_dark_bg.jpg)  0 0 repeat-x;*/

  }


#tabsDemo {
overflow:hidden; /* wrap floats */
height:30px; /* trips haslayout, wrap floats IE */
list-style:none;
/* the background image */
/* background:url(images/articles/buttons_tabs2.png) 0 0 repeat-x; */
font:11px "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif; 
line-height:30px;
}

#tabsDemo li {
display:inline;
}

#tabsDemo a {
  float:left;
  position:relative;
  padding:0 5px 0 20px;
  margin-right:2px; /* adjust space between tabs ... */ 
  text-decoration:none;
  color:#fff;
  background:url(images/articles/buttons_tabs2.png) 0 -45px no-repeat;
  }

#tabsDemo a span {
  position:absolute;
  top:0;
  left:100%;
  width:10px;
  height:30px;
  background:url(images/articles/buttons_tabs2.png) -500px -45px no-repeat;
  }

#tabsDemo .current a {
  color:#fff;
  background-position:0 -135px;
   }

#tabsDemo .current a span {
  background-position:-500px -135px;
  }

#tabsDemo a:active,
#tabsDemo a:focus,
#tabsDemo a:hover {
  color:#fff;
  background-position:0 -90px;
   }

#tabsDemo a:active span,
#tabsDemo a:focus span,
#tabsDemo a:hover span {
  background-position:-500px -90px;
  }

/* TESTING TABS - DON'T WORK IN IE 6*/

#header ul, #header li{border:0; margin:0; padding:0; list-style:none;}
#header ul{height:29px; padding-left:20px;}
#header li{float:left; margin-right:2px;}

.tab a:link, .tab a:visited{
	background:url(images/tab-round.png) right 60px;
	color:#666666;
	display:block;
	/*font-weight:bold;*/
	height:30px;
	line-height:30px;
	text-decoration:none;
}
.tab a span{
	background:url(images/tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
	float:left;
}
.tab a:hover{
	background:url(images/tab-round.png) right 30px;
	display:block;
}
.tab a:hover span{
	background:url(images/tab-round.png) left 30px;
	display:block;
}

/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
.active a:link, .active a:visited, .active a:visited, .active a:hover{
	background:url(images/tab-round.png) right 0 no-repeat;
} 
.active a span, .active a:hover span{
	background:url(images/tab-round.png) left 0 no-repeat;
}

/* icon styles to support the files code above */

.icon{
background-repeat: no-repeat;
padding-bottom: 10px;
padding-left: 23px;

}

.icon.access{background-image: url('../../fileicons/access.gif');}
.icon.audio{background-image: url('../../fileicons/audio.gif');}
.icon.mp3{background-image: url('../../fileicons/audio.gif');}
.icon.binary{background-image: url('../../fileicons/binary.gif');}
.icon.chm{background-image: url('../../fileicons/chm.gif');}
.icon.doc{background-image: url('../../fileicons/doc.gif');}
.icon.dvi{background-image: url('../../fileicons/dvi.gif');}
.icon.htm{background-image: url('../../fileicons/htm.gif');}
.icon.image{background-image: url('../../fileicons/image.gif');}
.icon.js{background-image: url('../../fileicons/js.gif');}
.icon.oo-calc{background-image: url('../../fileicons/oo-calc.gif');}
.icon.oo-draw{background-image: url('../../fileicons/oo-draw.gif');}
.icon.oo-impress{background-image: url('../../fileicons/oo-impress.gif');}
.icon.oo-write{background-image: url('../../fileicons/oo-write.gif');}
.icon.pdf{background-image: url('../../fileicons/pdf.gif');}
.icon.php{background-image: url('../../fileicons/php.gif');}
.icon.ppt, .icon.ms-powerpoint {background-image: url('../../fileicons/ppt.gif');}
.icon.project{background-image: url('../../fileicons/project.gif');}
.icon.ps{background-image: url('../../fileicons/ps.gif');}
.icon.rtf{background-image: url('../../fileicons/rtf.gif');}
.icon.txt{background-image: url('../../fileicons/txt.gif');}
.icon.video{background-image: url('../../fileicons/video.gif');}
.icon.visio{background-image: url('../../fileicons/visio.gif');}
.icon.xls{background-image: url('../../fileicons/xls.gif');}
.icon.xml{background-image: url('../../fileicons/xml.gif');}
.icon.zip{background-image: url('../../fileicons/zip.gif');}