/* Start of CMSMS style sheet 'didmo' */
@font-face {
	font-family: 'MyriadPro-BoldCond';
	src: url('myriadpro-cond-webfont.eot');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-BoldCondIt';
	src: url('myriadpro-cond-webfont.eot');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Cond';
	src: url('myriadpro-cond-webfont.eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-CondIt';
	src: url('myriadpro-cond-webfont.eot');
	font-weight: normal;
	font-style: normal;
}


@font-face {
   font-family: MyriadPro-BoldCond;
   src: local("MyriadPro-BoldCond"), url("fonts/MyriadPro-BoldCond.otf") format("opentype");
}
@font-face {
   font-family: MyriadPro-BoldCondIt;
   src: local("MyriadPro-BoldCondIt"), url("fonts/MyriadPro-BoldCondIt.otf") format("opentype");
}
@font-face {
   font-family: MyriadPro-Cond;
   src: local("MyriadPro-Cond"), url("fonts/MyriadPro-Cond.otf") format("opentype");
}
@font-face {
   font-family: MyriadPro-CondIt;
   src: local("MyriadPro-CondIt"), url("fonts/MyriadPro-CondIt.otf") format("opentype");
}

/* ---------------------------------------------------------------

 	Blocks - v1.0
	* A Content First CSS Framework
 
 	Blocks author and architect: Kenneth Illman 
    * Copyright (c) 2010 Blocks - Kenneth Illman

--------------------------------------------------------------- */


/*------------------------------------------------
 * Didmo - Master Css
 *------------------------------------------------

# TABLE OF CONTENT
#
# - Reset
#
# - Grid
# - - width-x 	
# - - before-x 	
# - - after-x 	
# - - left-x	(Content first layout)
# - - content-x	(Content first layout)
#
# - Typography
# - - Global
# - - Headers
# - - Links
#
# - Colors / Themes 
# - -Color1
#
# - Redefined standard elements
# - - CMS
#
# - Layout
# - - Content First Containers 
#
# - Content
# - - Header
# - - Top Image
# - - Main Navigation
# - - Bread crumbs
# - - Bottom
# - - Pages
# - - - Startpage
# - - - Subpage
# - - Module 1
#
# - Common Elements ------
# - - Backgrounds
# - - Borders
# - - Boxes
# - - Buttons & Links
# - - Colors
# - - Forms
# - - Lists
# - - Tables
#
# - Misc ------------------
# - - Display
# - - Text
# - - Floats
# - - Positioning
# - - Transparency / Opacity
# - - Clearing
# - - Font sizes
# - - Z-index
# - - Margins
# - - Paddings
#
#----------------------------------------------
# Glossary
#
#	act					- active
#	b bt bl bb br		- Border Top, Left, Bottom, Right
#	bg					- Background
#	cf					- Content First
#	d dIn dBl dInBl   	- Display Inline, Block, Inline-block
#	f					- Float
#	f10					- Font (1em)
#	H					- Holder (classNameH)
#	le					- Left
# 	m mt mr mb ml     	- Margin Top, Right, Bottom, Left
# 	p pt pr pb pl	 	- Padding Top, Right, Bottom, Left
#   pos1				- Position(1,2,3 etc.)
#	ri					- right
#	Sp				 	- Spacer (tagNameSp) 
# 	txt txtL txtR txtC	- Text Left, Right, Center
#	z					- Z-index
#
#----------------------------------------------
# Colors
#	
#	Grey:	 #aa0000
#	Dark:	 #2f2f2f
#   
#----------------------------------------------*/

/*---------------------------------------------*/
/*################## Reset ####################*/
/*---------------------------------------------*/

	/* Eric Meyer’s Global Reset ++ */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	ol, ul, li, input, textarea,
	fieldset, form, label, legend{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	/* Remember to define focus styles! */
	:focus {outline:0; -moz-outline-style: none;}
	
	html {overflow:-moz-scrollbars-vertical}

	ol, ul {list-style:none}

	/* Tables still need 'cellspacing="0"' in the markup */
	table {border-collapse:separate; border-spacing:0}

	caption, th, td {text-align:left;font-weight: normal}

	blockquote:before, blockquote:after,q:before, q:after {content:""}

	blockquote, q {quotes: "" ""}

	a img {border:0}
	

/*---------------------------------------------*/
/*################## Grid ######################
-------------------------------------------------

  		* Page width:            940 px
   		* Number of columns:     16
    	* Column width:          40 px
    	* Margin width:          20 px             

-----------------------------------------------*/

		/* Sets up basic grid floating and positioning */
        .width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, 
		.width-9, .width-10, .width-11, .width-12, .width-13, .width-14, .width-15, 
		.width-16, .width-17, .width-18, .width-19, .width-20, .width-21, .width-22,
        .width-23,.width-full
		{float:left; position:relative;} /* ie fix */

		/* Use these classes to set the width of a column */
		.width-1  {width: 40px}
		.width-2  {width: 100px}
		.width-3  {width: 160px}
		.width-4  {width: 220px}
		.width-5  {width: 280px}
		.width-6  {width: 340px}
		.width-7  {width: 400px}
		.width-8  {width: 460px}
		.width-9  {width: 520px}
		.width-10  {width: 580px}
		.width-11  {width: 640px}
		.width-12  {width: 700px}
		.width-13  {width: 760px}
		.width-14  {width: 820px}
		.width-15  {width: 880px}
		.width-full  {width: 940px}


		/* Add these to column for empty space before the column */
		.before-1  {padding-left: 60px}
		.before-2  {padding-left: 120px}
		.before-3  {padding-left: 180px}
		.before-4  {padding-left: 240px}
		.before-5  {padding-left: 300px}
		.before-6  {padding-left: 360px}
		.before-7  {padding-left: 420px}
		.before-8  {padding-left: 480px}
		.before-9  {padding-left: 540px}
		.before-10  {padding-left: 600px}
		.before-11  {padding-left: 660px}
		.before-12  {padding-left: 720px}
		.before-13  {padding-left: 780px}
		.before-14  {padding-left: 840px}
		.before-15  {padding-left: 900px}


		/* Add these to column for empty space after the column */
		.after-1  {padding-right: 60px}
		.after-2  {padding-right: 120px}
		.after-3  {padding-right: 180px}
		.after-4  {padding-right: 240px}
		.after-5  {padding-right: 300px}
		.after-6  {padding-right: 360px}
		.after-7  {padding-right: 420px}
		.after-8  {padding-right: 480px}
		.after-9  {padding-right: 540px}
		.after-10  {padding-right: 600px}
		.after-11  {padding-right: 660px}
		.after-12  {padding-right: 720px}
		.after-13  {padding-right: 780px}
		.after-14  {padding-right: 840px}
		.after-15  {padding-right: 900px}

		
		/* Left column placement */
		.left-1  {left: -40px}
		.left-2  {left: -100px}
		.left-3  {left: -160px}
		.left-4  {left: -220px}
		.left-5  {left: -280px}
		.left-6  {left: -340px}
		.left-7  {left: -400px}
		.left-8  {left: -460px}
		.left-9  {left: -520px}
		.left-10  {left: -580px}
		.left-11  {left: -640px}
		.left-12  {left: -700px}
		.left-13  {left: -760px}
		.left-14  {left: -820px}
		.left-15  {left: -880px}


		/* The Content first container placement */
		.content-0  {left: 0}
		.content-1  {left: 60px}
		.content-2  {left: 120px}
		.content-3  {left: 180px}
		.content-4  {left: 240px}
		.content-5  {left: 300px}
		.content-6  {left: 360px}
		.content-7  {left: 420px}
		.content-8  {left: 480px}
		.content-9  {left: 540px}
		.content-10  {left: 600px}
		.content-11  {left: 660px}
		.content-12  {left: 720px}
		.content-13  {left: 780px}
		.content-14  {left: 840px}
		.content-15  {left: 900px}
		.content-16  {left: 960px}


/*---------------------------------------------*/
/*############### Typography ##################*/
/*---------------------------------------------*/

/* Global */

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		line-height: 1.4; /* Unitless for proper inheritance */
		color: #333333;
	}

	/* The top one is for IE: The percentage is of 16px (default IE text size)
	   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
	   The second value is what all other browsers see (the wanted font size). */

	body          {font-size: 62.5%}	/* IE */
	html > body   {font-size: 10px}		/* Other browsers */


	
	
    

/* - - Headers - */

	h1,h2,h3,h4,h5,h6 {font-weight:bold; line-height:1.2em; color:#2f2f2f; 
					   font-family: Arial, Helvetica, Verdana, sans-serif;}
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none}

	h1 {font-size:48px;}
	h2 {font-size:22px;}
	h3 {font-size:36px;}
	h4 {font-size:24px}
	h5 {font-size:21px}
	h6 {font-size:20px}

/* - - Links - */
   
   	/* LoVe/HAte-order */
    a				{color:#333333; text-decoration:underline}
	a:link 			{ }  
	a:visited 		{ }  
	a:hover 		{color:#555555; text-decoration:underline}  
	a:active 		{ }
	a:focus			{ }
    

	
/*---------------------------------------------*/
/*########  Redefined standard elements #######*/
/*---------------------------------------------*/

	body 				{padding:0 0 20px; background-color:#f0f0f0}
	p 					{padding:0 0 1.1em}
	strong				{font-weight:bold;}
    blockquote		    {font-style:italic;}
    
    
/* - - CMS section - Put this tag on containers where cms WYSIG editors are used - */
    
	.CMS				{font-size:1.2em; padding:20px 40px 40px 0;}
    
    /* Keep P font-size as inherit for proper CMS usage*/
	.CMS p			    {font-size:inherit;}
    
    .CMS h1, .CMS h2, .CMS h3, .CMS h4, .CMS h5, .CMS h6 {
            font-weight:normal;
            font-style:normal;
            font-family:inherit; 
            line-height:1.3em!important; 
            color:#272828;
            margin:0; 
            padding:0 0 0.4em !important ; font-family:MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
	 
	 .start .CMS h1, .start .CMS h2, .start .CMS h3, .start .CMS h4, .start .CMS h5, .start .CMS h6 {
            font-weight:normal;}
	
	.CMS h1 			{font-size:3em;}
	.CMS h2 			{font-size:1.67em;}
	.CMS h3 			{font-size: 1.5em;}
	.CMS h4 			{font-size:1.4em;}
	.CMS h5 			{font-size:1.3em;}
	.CMS h6 			{font-size:1.2em;}

	.CMS blockquote  	{margin: 1.5em; font-style: italic;}
	.CMS strong       	{font-weight: bold;}
	.CMS  em,dfn      	{font-style: italic;}
	.CMS  dfn         	{font-weight: bold;}
	.CMS  sup, sub    	{line-height: 0;}

	.CMS  pre 			{margin: 1.5em 0; white-space: pre; }
	.CMS  pre,code,tt 	{font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

	.CMS  li ul,
	.CMS  li ol       	{margin: 0; }
	.CMS  ul, ol      	{list-style-position:inside;}

	.CMS  ul          	{list-style-type: disc;}
	.CMS  ol          	{list-style-type: decimal;}

    .CMS a:link       	{}      
    .CMS a:visited    	{}     
    .CMS a:hover      	{}
    .CMS a:active     	{} 

/*---------------------------------------------*/
/*################## Layout ###################*/
/*---------------------------------------------*/   

/* - - Content first holders - */
		 
    /*** NO PADDING ALLOWED IN THIS SECTION ***/ 
	.cf-container 			{margin:0 auto; text-align:left; float:none!important;} 
	.cf-header 				{position:absolute; top:0; left:0; height:527px; background:url(../images/misc/bgTopImg.jpg) no-repeat left top; width:940px;} /* ie6 fix */
	.cf-content 			{float:left; position:relative;}
	.cf-rightH				{float:right;}
	.cf-leftH				{}
	.cf-bottom 				{float:left; width:100%;}
	
	/* cfSp = Content first spacer
	   Setting the placement to the main containers from the top (cf-content, cf-rightH, cf-leftH) */
	.cfSp		 			{margin-top:527px}
    
    /*** NO PADDING ALLOWED IN THIS SECTION ***/
     cf-container, .cf-header, .cf-content, .cf-rightH, .cf-leftH , .cf-bottom, .cfSp {padding:0!important}  


	
/*---------------------------------------------*/
/*################## Content ##################*/
/*---------------------------------------------*/

	.wrapper				{width:100%; background: url(../images/misc/bgHeader.gif) repeat-x;}

/* - - Header - */

	/* Logo holder*/
	.logo 					{position:absolute; top:49px; left:0px; height:47px; width:202px;}
	.logo a					{display: block; height: 47px; width:202px;  overflow: hidden;
		 	  	      		 background: url(../images/misc/logoDidmo.png) no-repeat} 
							 
	/* Top Image Fix */						 
	.topImageLeft			      	{width:72px; height:625px; position:absolute; left:-72px; top:0; 
									 background:url(../images/misc/bgTopImgLeft.gif) no-repeat left top;}
	.topImageRight				  	{width:72px; height:625px; position:absolute; right:-72px; top:0; 
									 background:url(../images/misc/bgTopImgRight.gif) no-repeat left top;}
	.topImageContent			  	{position:absolute; top:128px; left:-40px; width:1017px; height:350px;}
	
	.topImageContent .contentLeft 			{float:left; width:314px; height:310px; padding: 40px 20px 0 30px;}	
	.topImageContent .contentLeft  h1		{font-size:42px; font-style:italic; font-weight:normal}	
	.topImageContent .contentRight			{float:left; width:653px; height:350px;}
	.topImageContent .contentRight img		{display:block}
	
	.topImageContent .contentLeftHome 		{float:left; width:398px; height:310px; padding: 40px 0 0 40px;}	
	.topImageContent .contentLeftHome h1	{margin:0 0 14px;}
	.topImageContent .contentLeftHome h2	{font-weight:normal; color:#CCCCCC; font-size:20px; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
	.topImageContent .contentLeft h2	{font-weight:normal; color:#CCCCCC; font-size:24px; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
.topImageContent .contentLeft h3	{font-weight:normal; color:#CCCCCC; font-size:18px; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
	.topImageContent .contentRightHome		{float:left; width:579px; height:350px;}	
	.topImageContent .contentRightHome img	{display:block}
						 
	/* Navigation holder */
	.navigation				{position:absolute; top:65px; right:0;} /* ie6 fix */
	
/* - - Navigation - */

	/* Main Navigation */
	.navigation ul 				{margin:0; padding:0;}
	.navigation li 				{float: left; position: relative; padding:0 0 0 24px;}
	.navigation li a 			{color: #666; display:inline-block; text-decoration:none; font-style:normal; font-size:22px; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
	.navigation li a:hover 		{color: #A61313; text-decoration:none;}
	.navigation ul .act a:hover	{color: #A61313; cursor:default; text-decoration:none;}
	.navigation ul .act a		{color: #A61313; cursor:default; text-decoration:none;}

	/* Sub nav */


/* - - Bread crumbs - */
       .breadCrumbsH				{position:absolute; top:490px; left:0;}
	   .breadCrumbsH ul 			{margin:0; padding:0; list-style:none;}
	   .breadCrumbsH li				{float:left; display:inline-block; padding:0 17px 0 3px; font-size:18px;
	   								 background:url(../images/misc/spriteIcons.gif) no-repeat right -249px;font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
	   .breadCrumbsH .last			{background:none;}
	   .breadCrumbsH li a			{color: #666; display:inline-block; text-decoration:none; font-style:normal;}
	   .breadCrumbsH li a:hover 	{color: #A61313; text-decoration:underline;}
	   .breadCrumbsH .act a:hover	{color: #A61313; cursor:pointer text-decoration:underline;}
	   .breadCrumbsH .act a			{color: #A61313; cursor:pointer text-decoration:none;}
	   .breadCrumbsH em				{font-size:18px;}

/* - - Bottom - */
	.cf-bottom 							{background: url(../images/misc/bgBottom.jpg) repeat-x top left; height:320px; }
	.cf-bottom .content					{margin:0 auto; width:940px; padding:37px 0 0 0;}
	.cf-bottom .contactMap				{float:left; width:342px; margin: 0 20px 0 0;}
	.cf-bottom .contactMap h4			{margin: 0 0 15px 0}	
	
	.cf-bottom .hqSpot					{float:left; width:355px; padding:40px 0 0 0; }
	.cf-bottom .hqSpot h4				{margin: 0 0 12px 0}
	.hqSpot .hqBoldTxt, .hqNormalTxt	{display:block; font-weight:bold; font-size:12px; color:#999; margin:3px 0 0 0;}
	.hqSpot .hqNormalTxt				{font-weight:normal; margin:0;}
	.hqSpot .hqNormalTxt a				{color:#999; text-decoration:none;}
	.cf-bottom .socialLinks				{width: 200px; float:right;}
	.cf-bottom .socialLinks h4			{margin: 0 0 12px 0}
	
	.cf-bottom .content h4				{color:#fff; font-style:normal; font-weight:normal; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
	
	.socialLinks .twitter, 
	.socialLinks .youtube,
	.socialLinks .facebook, 
	.socialLinks .didmoBlog				{display:inline-block; color:#999; padding: 7px 0 7px 40px; margin:8px 0 0 0;
										 font-size:17px; font-style:italic; text-decoration:none; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
	.socialLinks .twitter:hover, 
	.socialLinks .facebook:hover, 
	.socialLinks .youtube:hover, 
	.socialLinks .didmoBlog:hover		{color:#999; text-decoration:none;}
	.socialLinks .twitter				{background:url(../images/misc/spriteIcons.gif) no-repeat top left;}
	.socialLinks .facebook				{background:url(../images/misc/spriteIcons.gif) no-repeat left -40px;}
	.socialLinks .didmoBlog				{background:url(../images/misc/spriteIcons.gif) no-repeat left -80px;}
	.socialLinks .youtube				{background:url(../images/misc/youtube.gif) no-repeat left 0px;}

/* - - Page1 - */

/* -- Startpage -- */
		.productSpot h3				{margin: 0 0 18px 0; font-weight:normal; font-style:normal;}
		.productImgH				{float:left; width:264px; height:158px; margin: 0 20px 0 0; padding: 8px 8px 13px 8px; 
								 	 background:url(../images/misc/bgOurProducts.png) no-repeat;}
		.newSpot h3					{margin: 20px 0 13px 0; color:#2f2f2f; font-weight:normal; font-style:normal; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
		.newSpot ul					{margin:0; padding:0; list-style:none;}
		.newSpot ul li				{display:inline-block; width:340px}
		.newsContent .DateH			{float:left; display:block; width:71px; height:76px; padding:0 0 0 8px; line-height:66px; font-size:10px; color:#fff;
								     background:url(../images/misc/bgNewsDate.png) no-repeat;}
		.newsContent .headlineH 	{float:left; width:245px; padding: 0 0 0 10px; display:block;}
		.headlineH a				{text-decoration:none;}	
		.headlineH .redHeadline 	{display:block; font-style:normal; font-size:20px; color:#A61313; padding: 12px 0 0 0; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;line-height:100%;}
		.headlineH .newsTxt			{display:inline-block; font-size:12px; color:#787878; padding:0;}
		.followTwitterH				{margin: 0}		
		.followTwitterH h3			{background:url(../images/misc/iconTwitterBird.gif) no-repeat right top; display:inline-block; 
									 margin: 0 0 10px 0; font-weight:normal; font-style:normal; padding:38px 60px 0 0; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
		.followTwitterH h3 span		{color:#21b0dc;}
		
		.followTwitterH ul			 {margin:0; padding:0; list-style:none; border-top:1px solid #C4C4C4;}
		.followTwitterH li			 {background:url(../images/misc/iconTwitterComment.gif) no-repeat left 15px; padding: 11px 0 11px 46px;  border-bottom:1px solid #CDCDCD; border-top:1px solid #F5F5F5; display:inline-block;}
		.followTwitterH .last		 {border-bottom:none;}	


		.followTwitterH li span				 { display: block;}
/*		.followTwitterH li span a 	 {font-weight:bold; font-size:12px; text-decoration:none; color:#21b0dc;}*/
		.followTwitterH li span	 {font-size:12px; color:#666;}

		.followTwitterH li {display:block; font-size:12px; color:#a8a8a8;}
		.followTwitterH li a {display:block; font-size:12px !important; color:#a8a8a8; text-decoration: none;}
		.followTwitterH li a:hover {text-decoration: underline;}
	.followTwitterH li span a {font-size:12px ; text-decoration:none; color:#21b0dc;display: inline;}





	.awards				{clear:both; width:940px; height:259px; margin:20px 0 64px; display:inline-block;
						 background:url(../images/misc/bgAwards.jpg) no-repeat top left; }
	.awards ul			{margin:0; padding:0 0 0 20px; list-style: none;}
	.awards ul li		{display:block; float:left; padding:0 6px 0 5px;
						 background:url(../images/misc/spriteAwards.png) no-repeat right -119px;}
	.awards li span		{display:inline-block}
	.awards .imgH		{width:166px; height:131px; padding:1px 0 0 3px;
						 background:url(../images/misc/bgAwardsImgHolder.png) no-repeat;}
	.awards .last		{background:none;}
	.awards li a 		{display: inline-block; height:119px;}
	.awards li .first	{width:163px;
						 background:url(../images/misc/spriteAwards.png) no-repeat left top;}
	.awards li .second	{width:163px;
						 background:url(../images/misc/spriteAwards.png) no-repeat -163px top;}
	.awards li .third	{width:163px;
						 background:url(../images/misc/spriteAwards.png) no-repeat -329px top;}
	.awards li .forth	{width:163px;
						 background:url(../images/misc/spriteAwards.png) no-repeat -489px top ;}
	.awards li .fifth	{width:163px; background:url(../images/misc/spriteAwards.png) no-repeat -652px top;}

	.awards	h3			{font-size:36px; font-weight:normal; font-style:normal; padding:22px 0 15px 20px;font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif; color:#9c9c9c;}

/* -- Subpage -- */

.content						{padding:0 28px 40px 10px; font-size:12px;}
.content h3, .content h1		{font-style:normal; padding:20px 0 0; font-size:36px; font-family:MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
.content p						{padding:0 0 15px 0}
.content h6						{font-style:normal; font-weight:normal; padding:10px 0 5px; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}

.rightContent,
.leftContent								{color:#666666; font-size:12px; padding:24px 0 0 0}

.rightContent h5							{font-style:normal; font-weight:bold; padding:9px 0 5px 0; font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
.rightContent .rightBoxTop					{padding:0 0 7px 0; width:220px;
											 background:url(../images/misc/spriteRightBox.gif) no-repeat right bottom; }
.rightContent .rightBoxTop .rightBoxBot		{padding:7px 7px 5px; width:206px;
											 background:url(../images/misc/spriteRightBox.gif) no-repeat left top; }

.rightContent p								{font-size:12px; padding:0 0 20px 0}
.rightContent p a							{color:#aa0000;}
.rightContent p a:hover						{color:#aa0000; text-decoration:underline}

.leftContent ul,
.rightContent ul				{padding:0; margin:0 0 30px 0; border-top:1px solid #c4c4c4; border-bottom:1px solid #f5f5f5;}
.leftContent li,
.rightContent li				{padding:7px 0; border-top:1px solid #f5f5f5; display:block; _display:inline-block; 
							 	 border-bottom:1px solid #cdcdcd; margin:0; list-style-type:none; font-size:12px;}
.rightContent li a,
.leftContent li a				{text-decoration:none; color:#666666}
.rightContent li a:hover,
.leftContent li a:hover			{text-decoration:none; color:#aa0000}
.rightContent .act a,
.leftContent .act a				{text-decoration:none; color:#aa0000; font-weight:bold}


.rightContent li .twitter,
.rightContent li .facebook,
.rightContent li .didmoBlog		{padding:5px 0 6px 30px;}
.rightContent li .twitter		{background:url(../images/misc/spriteIcons.gif) no-repeat left -120px;}
.rightContent li .facebook		{background:url(../images/misc/spriteIcons.gif) no-repeat left -148px}
.rightContent li .didmoBlog		{background:url(../images/misc/spriteIcons.gif) no-repeat left -176px}



.newsDetails										{border-bottom:1px solid #cdcdcd; border-top:1px solid #f4f4f4; padding:20px 0 15px 0;}
.newsDetails h6										{font-style:normal; font-weight:normal; font-size: 20px;}
.newsDetails .dateTimeH								{padding:0 0 5px; display:block; margin:0}
.newsDetails .dateTimeH .dateTime 					{float:left; color:#aa0000; display:block;}
.newsDetails .dateTimeH .readArticle 				{float:right; display:block;}
.newsDetails .dateTimeH .readArticle .readmore		{text-decoration:none; color:#aa0000; font-weight:bold; padding:0 0 0 16px;
										     		 background:url(../images/misc/spriteIcons.gif) no-repeat left -207px;}
.newsDetails .ingress								{padding:10px 0 15px; display:block; font-weight:bold}
.newsDetails .smallContent							{padding:10px 0 15px; display:block;}
.newsDetails .emailID								{display:block;}
.newsDetails .emailID a								{text-decoration:none; color:#333333;}

.borderTop											{border-top:none}


/* - - Module 1 - */


/*---------------------------------------------*/
/*############# Common Elements ###############*/
/*---------------------------------------------*/

/* - - Backgrounds - */
	.bgBlack 		{background:#000;}
	.bgGray			{background:#888;}

/* - - Borders - */
	.bNo		{border:none}

/* - - Boxes - */

/* - - Buttons & Links - */

	.buttonV1       	{display:block; margin:0 10px 10px; color:#fff; background:#d6d6d6; padding:4px 4px 3px;}
	.buttonV1:hover 	{background-color:#bebebe;}

/* - - Colors - */	 
	.red		{color:#F00}
	.orange		{color:#ff6600}
		
/* - - Forms - */

/* - - Lists - */

/* - - Tables- */


/*---------------------------------------------*/
/*############## Miscellaneous ################*/
/*---------------------------------------------*/

	.selected	{height:200px} /* Blocks - make longest class added with jquery */

/* - - Temporary height:s - */	
	.h100		{height:100px;}
	.h200		{height:200px;} 
    .h300		{height:300px;}   

/* - General classes - */		
	.hand		{cursor:pointer}
	.noWrap		{white-space:nowrap}
    
/* - Display - */
	.dIn 		{display:inline}
	.dInBl 		{display:inline-block}
	.dBl, .show	{display:block}
	.hide       {display:none}

/* - Text - */
	.txtL		{text-align:left}
	.txtR		{text-align:right}
	.txtC		{text-align:center}
	.uLine	    {text-decoration:underline}
	.bold		{font-weight:bold}
	.normal		{font-weight:normal}
	.italic  	{font-style:italic}
	.capitalize	{text-transform:capitalize}
	.upperCase	{text-transform:uppercase}
    


/* - - Indent - */	
    .indentH5 				{display:block; padding:0 5px 0;}
	.indentH10 				{display:block; padding:0 10px 0;}
	
/* - Floats - */
	.fLeft		{float:left}
	.fRight		{float:right}
	.fNo		{float:none}
	
/* - Positioning - */
	.absolute	{position:absolute}
	.relative	{position:relative}
	.static		{position:static}
	.fixed		{position:fixed}
	
	.pos1, .pos2, .pos3, .pos4, .posTL, .posTR, .posBL, .posBR 
	{position:absolute; display:inline-block; z-index:2;}
	
	.pos1		{top:-8px; left:-12px; z-index:800;}

	.posTL 		{top:0px; left:0px}  
	.posTR 		{top:0px; right:0px}  
	.posBL 		{bottom:0px; left:0px}  
	.posBR		{bottom:0px; right:0px}
	
/* - Transparency / Opacity - */
	.op25 		{opacity: 0.25; filter:alpha(opacity=25);
				 -khtml-opacity: 0.25; -moz-opacity:0.25}
	.op50 		{opacity: 0.5; filter:alpha(opacity=50);
				 -khtml-opacity: 0.5; -moz-opacity:0.5}	
	.op75 		{opacity: 0.75; filter:alpha(opacity=75);
				 -khtml-opacity: 0.75; -moz-opacity:0.75}
	
/* - Clearing - */
	.clear:after	{content: "\0020"; display: block; height: 0; clear: both;
  					 visibility: hidden; overflow:hidden;}
	.clear			{display:block; clear:both}

/* - Font sizes - */
	.f9 {font-size:0.9em;}
	.f10{font-size:1.0em;}
	.f11{font-size:1.1em;}
	.f12{font-size:1.2em;}
	.f14{font-size:1.4em;}
	.f16{font-size:1.6em;}
	.f18{font-size:1.8em;}
	.f20{font-size:2.0em;}
	.f22{font-size:2.2em;}
	.f24{font-size:2.4em;}
	.f26{font-size:2.6em;}
	.f28{font-size:2.8em;}   


/*-----------------*/
/***** Margins *****/
/*-----------------*/
	
/* TRouBLed-order: Top, Right, Bottom, Left */

.m0{margin:0} .m1{margin:1px} .m2{margin:2px} .m3{margin:3px} .m4{margin:4px} .m5{margin:5px} .m6{margin:6px} .m8{margin:8px} .m10{margin:10px} .m12{margin:12px} .m14{margin:14px} .m16{margin:16px} .m20{margin:20px}
	
/* - Margin Top - */

.mt0{margin-top:0} .mt1{margin-top:1px} .mt2{margin-top:2px} .mt3{margin-top:3px} .mt4{margin-top:4px} .mt5{margin-top:5px} .mt6{margin-top:6px} .mt8{margin-top:8px} .mt10{margin-top:10px} .mt12{margin-top:12px} .mt14{margin-top:14px} .mt16{margin-top:16px} .mt20{margin-top:20px}

/* - Margin Right - */

.mr0{margin-right:0} .mr1{margin-right:1px} .mr2{margin-right:2px} .mr3{margin-right:3px} .mr4{margin-right:4px} .mr5{margin-right:5px} .mr6{margin-right:6px} .mr8{margin-right:8px} .mr10{margin-right:10px} .mr12{margin-right:12px} .mr14{margin-right:14px} .mr16{margin-right:16px} .mr20{margin-right:20px}

/* - Margin Bottom - */

.mb0{margin-bottom:0} .mb1{margin-bottom:1px} .mb2{margin-bottom:2px} .mb3{margin-bottom:3px} .mb4{margin-bottom:4px} .mb5{margin-bottom:5px} .mb6{margin-bottom:6px} .mb8{margin-bottom:8px} .mb10{margin-bottom:10px} .mb12{margin-bottom:12px} .mb14{margin-bottom:14px} .mb16{margin-bottom:16px} .mb20{margin-bottom:20px}

/* - Margin Left - */

.ml0{margin-left:0} .ml1{margin-left:1px} .ml2{margin-left:2px} .ml3{margin-left:3px} .ml4{margin-left:4px} .ml5{margin-left:5px} .ml6{margin-left:6px} .ml8{margin-left:8px} .ml10{margin-left:10px} .ml12{margin-left:12px} .ml14{margin-left:14px} .ml16{margin-left:16px} .ml20{margin-left:20px}	

/*------------------*/
/***** Paddings *****/
/*------------------*/

/* TRouBLed-order: Top, Right, Bottom, Left */

.p0{padding:0} .p1{padding:1px} .p2{padding:2px} .p3{padding:3px} .p4{padding:4px} .p5{padding:5px} .p6{padding:6px} .p8{padding:8px} .p10{padding:10px} .p12{padding:12px} .p14{padding:14px} .p16{padding:16px}  .p20{padding:20px}

/* - Padding Top - */

.pt0{padding-top:0} .pt1{padding-top:1px} .pt2{padding-top:2px} .pt3{padding-top:3px} .pt4{padding-top:4px} .pt5{padding-top:5px} .pt6{padding-top:6px} .pt8{padding-top:8px} .pt10{padding-top:10px} .pt12{padding-top:12px} .pt14{padding-top:14px} .pt16{padding-top:16px}  .pt20{padding-top:20px}
	
/* - Padding Right - */	

.pr0{padding-right:0} .pr1{padding-right:1px} .pr2{padding-right:2px} .pr3{padding-right:3px} .pr4{padding-right:4px} .pr5{padding-right:5px} .pr6{padding-right:6px} .pr8{padding-right:8px} .pr10{padding-right:10px} .pr12{padding-right:12px} .pr14{padding-right:14px} .pr16{padding-right:16px}  .pr20{padding-right:20px}

/* - Padding Bottom - */

.pb0{padding-bottom:0}  .pb1{padding-bottom:1px} .pb2{padding-bottom:2px} .pb3{padding-bottom:3px} .pb4{padding-bottom:4px} .pb5{padding-bottom:5px} .pb6{padding-bottom:6px} .pb8{padding-bottom:8px} .pb10{padding-bottom:10px} .pb12{padding-bottom:12px} .pb14{padding-bottom:14px} .pb16{padding-bottom:16px}  .pb20{padding-bottom:20px} .pb40{padding-bottom:40px}
	
/* - Padding Left - */	

.pl0{padding-left:0} .pl1{padding-left:1px} .pl2{padding-left:2px} .pl3{padding-left:3px} .pl4{padding-left:4px} .pl5{padding-left:5px} .pl6{padding-left:6px} .pl8{padding-left:8px} .pl10{padding-left:10px} .pl12{padding-left:12px} .pl14{padding-left:14px} .pl16{padding-left:16px}  .pl20{padding-left:20px} 


.hiddencontent {display: none;}
.news h6 {font-family: MyriadPro-Cond, Arial, Helvetica, Verdana, Sans-serif;}
div.addthis {margin-top: 1em;}

.cms_submit {margin-top: 1.5em;border: solid 1px #7f7f7f; padding: 3px 5px; background-color: #f7f7f7; color: #333333;}
.subscribeform input {border: solid 1px #7f7f7f; padding: 3px 5px;  color: #333333;}
.subscribeform td {padding: 0 1em 0.5em 0;}
.subscribeform {margin-bottom: 0.5em;}
span.readmore {text-decoration: underline; color: #aa0000;}
/* End of 'didmo' */