/* MBC */

* {margin:0; padding:0;}

p{ margin:12px 0 0 0; line-height:170%;}

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

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: 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:#999; 
	/* font: 11px "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif; */
	font: normal 12px 'Helvetica Neue', Helvetica, Arial, verdana, sans-serif;
	background: #999 url(images/main_bg.gif) repeat;
	color:#444;
}

input, textarea, select{ font: 11px "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif; border:1px solid #B7B7B7; padding:3px; background: url("images/form_bg.gif"); color: #555; }

.breadcrumb{ font: 11px tahoma; }
.small{ font: normal 11px Tahoma, sans-serif; }
.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%;}
.selected{ font-weight:bold; }

blockquote{
	border-top: 1px solid #E5E5E5;
	background-color: #f7f7f7;
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 30px 15px 65px;
	background-image: url(images/bg_quote.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
       margin:20px;
}

#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; }

#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; font-size:11px; }
#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:#CFCFCF; 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%; }
#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"); } */

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

.widget{ margin:-15px; }

.content-box-home{ display:block; width:200px; float:left; margin:10px 0 0 10px; padding:0px;}
.content-box-home-right{ display:block; height:245px; width:270px; background-color:#fff; float:left; margin-top:10px; padding:15px; line-height:140%}

.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{ padding-top:0; }
.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; }
.content-box-home-right h2 { font-size:19px; font-size:17px; font-family: "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif; color: #B31736; border-top:2px solid #9F9F9F; /* #B31736 #9F9F9F; */ padding:6px 10px;  background-color:#EFEFEF; margin:10px -15px 10px -15px;} /* 7F7F7F */

#home-boxes div{ margin-left:10px;}

.story{ background-color:#EFEFEF; width:200px; float:left; margin: 20px 0 0 0; display:block;}
.story-text{ padding:10px; display:block;}
#footer { width: 950px; color: #FFF;
	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:5px 0 5px 15px; display:block; float:left; }
.footer-nav{ padding:5px 15px 5px 0; display:block; float:right; }

/* 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');} 

/* Nav that works... */

/* ========= Main navigation =========== */

#nav { width:940px; padding-left:29px; padding-top:14px; float:left; font: 13px Arial, Verdana, Sans-Serif; font-weight:bold; }
#nav ul {	margin:0; padding:10px 10px 0 10px; list-style:none;}
#nav a, #nav strong, #nav span { padding:12px 14px 7px 14px; float:left; display:block; color:#044E7B; text-decoration:none }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav li { margin:0; padding:0; float:left; background:url(images/nav_tab.gif) no-repeat 100% 0px; }
#nav #current { background:url(images/nav_tab.gif) no-repeat 0 -36px; }
#nav #current a {	background:url(images/nav_tab.gif) no-repeat 100% -36px; padding:12px 14px 7px 14px; color:#044E7B; }
#nav a:hover { color:#044E7B; background:url(images/nav_tab.gif) no-repeat 100% -36px;}

/* sitemap tab */
#nav  li.sitemap{ font-size:12px; background:url(images/nav_sitemap.jpg) no-repeat; margin-top:4px; }
#nav  li.sitemap a{ color:#FFF; padding:10px 8px 8px 8px; }
#nav  li.sitemap a:hover{ background: url(images/nav_sitemap.jpg) no-repeat; color:#FFF;}


/* 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;
	font: 11px "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif;
}
.tab a span{
	background:url(images/tab-round.png) left 60px;
	display:block;
	height:23px;
	margin-right:14px;
	padding-left:14px;
	float:left;
	padding-top:7px;
}
.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;
}

/* =================== DROP DOWNS ==================== */

/* LEVEL ONE */
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

/* LEVEL TWO */
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* LEVEL THREE */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }