@charset "utf-8";
/* SITE COLOURS: logo_red: #e5332c; site_black:# 010101; */
body  {
	font: .8em Tahoma, Verdana, Arial;
	background: #010101;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#FFFFFF
}
h1,h2,h3,h4,h5,h6,form,div{ margin:0; padding:0;}

.dmyst_body #container { 
	width: 1140px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #010101;
	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. */
} 
.dmyst_body #container_sm { 
	width: 1000px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #010101;
	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. */
	position:relative;
} 
/***************************************************  
   Header Image
*****************************************************/
#header{ position:relative;}
#header_container{
	background: #010101;
	
}
#header_container img{
	position:relative;
	top:-5px;
	left:75px;
	z-index:10;

}

#top_text{position:relative; top:-85px; .top:-120px; font-size:1.3em;}
#top_text a, #top_text a:visited{ color:#e5332c; padding-top:15px; font-weight:bold; margin-bottom:5px; }

#bubble{ .float:right; margin:-145px 0 0 1020px; .margin:-145px 0 0 1020px; }

#report_badge{ .float:right; margin:-145px 0 0 1020px; .margin:-145px 0 0 1020px; }
#smoking_badge {position:absolute;	width:130px;	height:130px;	left:-65px;	top: 80px;  z-index:2001;	}

/***************************************************  
   NEWS  
*****************************************************/
#news_container{
	position: absolute;
	width:800px;
	font-size:1.6em;
	font-weight:bold;
	color:#e5332c;
	margin:0 auto;
	margin-top:-70px;
	.margin-top:-100px;
	
	margin-left:160px;
	
	border-top:1px solid #e5332c;
	padding:4px 0 8px 50px ;
	z-index:1000;
}

#news_container_meet_dmyst{
	position: absolute;
	width:800px;
	font-size:1.6em;
	font-weight:bold;
	color:#e5332c;
	margin:0 auto;
	margin-top:-70px;
	.margin-top:-100px;
	_margin-top:-90px;
	margin-left:160px;
	_margin-left:-870px;
	border-top:1px solid #e5332c;
	padding:4px 0 8px 50px ;
	z-index:1000;
	
	
}
#news_box{
	/*position:relative;
	left:100px;
	top:-15px;*/
	margin:-1.05em 0 0 150px;
	.margin:-1.05em 0 20px 150px;
}

#news_box a{
	color:#FFFFFF;
	font-family:inherit;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
}



/***************************************************  
   Main Content  
*****************************************************/
#mid_container_blog { background:#010101; position:relative; left:-60px; }
#mid_container_blog_home { background:#010101;  /*margin:-200px 0 0 -160px; .margin:10px 0 0 -160px;*/ position:relative; left:-160px; top:5px; .top:-57px; z-index:1;}

#mainContent{ border:none;}

#mainContent_blog{
	margin-left:185px;
}

#mainContent_blog2{
	margin-left:0px;
}



#middle_container{
	position:relative;
	top:-25px;
}

#mid_border_top{background:url(../images/border_grey_top.jpg) no-repeat; width:900px; height:97px; margin:0 auto; margin-top:20px;}
#mid_border_top h1{ font-size:1.7em; font-family: bold Tahoma, Geneva, sans-serif; font-weight:bold; color:#e5332c; text-align:left; position:relative; left:60px; top:50px; 
_left: 110px; }

#mid_border_centre{background:url(../images/border_grey_middle_02.jpg) repeat-y; width:900px; margin:0 auto; overflow: visible; _position:relative; _left:10px; }

#mid_border_bottom{background:url(../images/border_grey_bottom.jpg) no-repeat; width:900px; height:44px; margin:0 auto; position:relative;}

/*    CONTENT    */
#mainContent {
	width:800px;
	margin: 0; /* controls the width */
	padding: 20px 60px ;
}
#mainContent .imageSpace{
	margin-right:15px;
}
 .spaceRt{
	margin-right:15px;
}

/*for images in Gallery*/
.gallery img{margin-right:15px; border:#FFF solid 1px;}
.meet_dmyst{ min-height:381px;}


#mainContent h2{
	font-size:1.3em;
}
#mainContent a{ color:#FFFFFF; font-weight:bold;}

/***************************************************  
   Footer  
*****************************************************/
#footer_container{border-top:#e5332c solid 1px;  background:#010101; margin-top:1px;} 
#footer_container_home{border-top:#e5332c solid 1px;  background:#010101; margin-top:-15px; .margin-top:-80px; padding-top:4px;} 

#footer_container .footer_logos{ text-align:center; background:#010101; border-bottom:#e5332c solid 1px;}
#footer_container .footer_logos img{ margin:10px 40px;}

#footer_container #footer {width:790px;	margin:0 auto; 	padding: 10px 20px;	height:auto;font-size:.8em;} 


.footer_left{ float:left; width:150px; text-align:left;color:#0472c9; margin-right:100px;}
.footer_left a{color:#ffffff} 
.footer_left a:hover{color: #FF0}
.footer_centre{float:left; width: 300px; vertical-align: text-top; text-align:center;}
.footer_right{ float:right; width:120px; text-align:right; color:#0472c9}

.footer_left_home{ float:left; width:200px; text-align:left;color:#0472c9; margin-right:100px;}
.footer_left_home a{color:#ffffff} 
.footer_left_home a:hover{color: #FF0}
.footer_centre_home{width:500px; vertical-align: text-top; text-align:center; margin-left:120px;  .margin-left:50px;}
.footer_right_home{ float:right; width:120px; text-align:right; color:#0472c9}




/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.dmyst_body #sidebar1, .dmyst_body #sidebar2 { padding-top: 30px; }
.dmyst_body #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
