<style>
body {
  background:#FBFBFB;
  margin:0;
  padding:0;
  color:#333333;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  font-size:11px;
  }


table.sortable {
	border-spacing: 0;
	
	border: 1px solid #000;
	border-collapse: collapse;
	}

.tableline {
        background-color: #FffffF;
        color:#333333;
        font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
        font-size:11px;
        border          : 1px #cccc solid;
}	

table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #444;
	}

table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #CFDEE7;
	}

table.sortable td {
	border-width: 0px 1px 0px 1px;
	}

table.sortable tr.odd td {
	background-color: #E8EEF0;
	}

table.sortable tr.even td {
	background-color: #fff;
	}

table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	}
.imgbordergrey {
	border:1px solid silver;
	padding:5px;	 
	}



.zap{
border-left-color: #776655;
border-left-width:1px;
border-top-color: #776655;
border-ltop-width:1px;
}


a:link, a:visited, a:active { 
  font-size  : 11px;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
text-decoration:none ; color:#7c0c15 ; 
	}
a:hover {color:blue;   text-decoration: underline; 
	 font-size  : 11px;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	
	}

div#CookieCrumbsTrail { 
	font-size:small;
	margin:15px 0px;
}


#header {
  font-size  : 11px;
  float:left;
  width:741;
  background:url('http://www.dadamo.com/menugraphics/bg2.gif')  repeat-x bottom;
   
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url('http://www.dadamo.com/menugraphics/left.gif') no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }

#header a {
  float:left;
  display:block;
  background:url('http://www.dadamo.com/menugraphics/right.gif') no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;

/*  color:#7c0c15;*/
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover {
  color:#333;
  }

#header #current {
  background-image:url('http://www.dadamo.com/menugraphics/left_on1.gif');
  }

#header #current a {
  background-image:url('http://www.dadamo.com/menugraphics/right_on1.gif');
  color:#333;
  padding-bottom:5px;
  } 


#header3 {
  font-size  : 11px;
  float:left;
  width:760;
  background:#7c0c15 url('http://www.dadamo.com/menugraphics/bg2.gif')  repeat-x bottom;
   
  line-height:normal;
  }
#header3 ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header3 li {
  float:left;
  background:url('http://www.dadamo.com/menugraphics/left.gif') no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }

#header3 a {
  float:left;
  display:block;
  background:url('http://www.dadamo.com/menugraphics/right.gif') no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;

  color:#7c0c15;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

#header3 a {float:none;}
/* End IE5-Mac hack */

#header3 a:hover {
  color:#333;
  }

#header3 #current {
  background-image:url('http://www.dadamo.com/menugraphics/left_on1.gif');
  }

#header3 #current a {
  background-image:url('http://www.dadamo.com/menugraphics/right_on1.gif');
  color:#333;
  padding-bottom:5px;
  }
  
 
 
 #headerExpand {
  font-size  : 11px;
  float:left;
  width:100%;
  background:#7c0c15 url('http://www.dadamo.com/menugraphics/bg2.gif')  repeat-x bottom;
   
  line-height:normal;
  }
#headerExpand ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#headerExpand li {
  float:left;
  background:url('http://www.dadamo.com/menugraphics/left.gif') no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }

#headerExpand a {
  float:left;
  display:block;
  background:url('http://www.dadamo.com/menugraphics/right.gif') no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;

  color:#7c0c15;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

#headerExpand a {float:none;}
/* End IE5-Mac hack */

#headerExpand a:hover {
  color:#333;
  }

#headerExpand #current {
  background-image:url('http://www.dadamo.com/menugraphics/left_on1.gif');
  }

#headerExpand #current a {
  background-image:url('http://www.dadamo.com/menugraphics/right_on1.gif');
  color:#333;
  padding-bottom:5px;
  } 
  
  
  

#header2 {
  float:left;
  width:737;
  background:#DAE0D2 url('http://www.dadamo.com/menugraphics/bg3.gif')  repeat-x bottom;
  font-size  : 11px;
	 
  line-height:normal;
  }

#header2 ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }

#header2 li {
  float:left;
  background:url('http://www.dadamo.com/menugraphics/left.gif') no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }

#header2 a {
  float:left;
  display:block;
  background:url('http://www.dadamo.com/menugraphics/right.gif') no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  color:#7c0c15;
  }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/

#header2 a {float:none;}
/* End IE5-Mac hack */

#header2 a:hover {
  color:#333;
  }

#header2 #current {
  background-image:url('http://www.dadamo.com/menugraphics/left_on1.gif');
  }

#header2 #current a {
  background-image:url('http://www.dadamo.com/menugraphics/right_on1.gif');
  color:#333;
  padding-bottom:5px;
  }


.img-shadow {
  float:left;
  background: url('http://www.dadamo.com/menugraphics/shadowAlpha.png') no-repeat bottom right !important;
  background: url('http://www.dadamo.com/menugraphics/shadow.gif') no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }


.td-shadow {
  float:left;
  background: url('http://www.dadamo.com/menugraphics/shadowAlpha.png') no-repeat bottom right !important;
  background: url('http://www.dadamo.com/menugraphics/shadow.gif') no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  color      : #000000;

  }
  
  
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }


a img {
	border:0;
	}


.big_red{
	background-repeat: repeat-y;
	color: #696b6a;
    font-size  : 19px;
   
 }

.justify{/* text-align: justify; text-justify: newspaper;  */
      color:#333333;
      font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
      font-size:11px;
	 line-height: 19px;
	 
     padding-left: 20px;
}


 .clip{
    background-image: url('http://www.dadamo.com/menugraphics/clip.jpg');
     color:#333333;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  font-size:11px;
	
	background-repeat: no-repeat;
	background-color: #EFF9EE;/*#EFF9EEtext color of content*/
	color: #333; /*text color of content*/
	border-bottom: 1px solid #808080; /*border color*/
	border-right: 1px solid #ccc; /*border color*/
	border-top: 1px solid #ccc; /*border color*/
    border-left: 1px solid #ccc;
    line-height: 19px;
	padding: .5em 2ex;
	width: 720px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;

}

.clip2{

    background-image: url('http://www.dadamo.com/menugraphics/curl.jpg');
    background-repeat: no-repeat;
    background-color: #EFF9EE; /*background color of content*/
	color: #333; /*text color of content*/
	border: 1px solid #808080; /*border color*/
	padding: .5em 2ex;
}


.tableTDwhite{

	 
	background-repeat: no-repeat;
	background-color: #fff;  /*background color of content*/
	color: #333; /*text color of content*/	  
	border-bottom: 1px solid #ccc;  
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	padding: .5em 2ex;
	width: 560px;
    font-size  : 12px;
	line-height: 19px;
	color:#333;
    padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
}
.tableTDsalmon{

	 
	background-repeat: no-repeat;
	background-color: #F7EEDF;  /*background color of content*/
	color: #333; /*text color of content*/	  
	border-bottom: 1px solid #ccc;  
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	padding: .5em 2ex;
	width: 560px;
    font-size  : 12px;
	line-height: 19px;
	color:#333;
    padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
}
.tableTDsalmonnowidth{

	 
	background-repeat: no-repeat;
	background-color: #F7EEDF;  /*background color of content*/
	color: #333; /*text color of content*/	  
	border-bottom: 1px solid #ccc;  
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	padding: .5em 2ex;	 
    font-size  : 11px;
	line-height: 15px;
	color:#333;    
	margin-left: auto;
	margin-right: auto;
}
.content{

	background-image: url('http://www.dadamo.com/menugraphics/curl.jpg');
	background-repeat: no-repeat;
	background-color: #EFF9EE;  /*background color of content*/
	color: #333; /*text color of content*/	  
	border-bottom: 1px solid #808080;  
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	padding: .5em 2ex;
	width: 720px;
    font-size  : 11px;
	line-height: 19px;
	color:#333;
    padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
}

.contentExpand{

	background-image: url('http://www.dadamo.com/menugraphics/curl.jpg');
	background-repeat: no-repeat;
	background-color: #EFF9EE;  /*background color of content*/
	color: #333; /*text color of content*/	  
	border-bottom: 1px solid #808080;  
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	padding: .5em 2ex;
	width: 94%;
    font-size  : 12px;
	line-height: 19px;
	color:#333;
    padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
}

.smaller { color:#333333;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  font-size:11px;
	 line-height: 19px; 
	color:#333;
	}
.smallest { color:#333333;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 10px;
	}
.smallcapsL{ color:#333333;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 25px;
	font-variant: small-caps;
	color:#006600;
	}

.smallcapsS{ color:#333333;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size  : 16px;
	font-variant: small-caps;
	 color: #497845;
	}
.smallcapsV{ color:#333333;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-variant: small-caps;
	color:#333;
	}
div#CookieCrumbsTrail { 
	font-size:11px;
	margin:15px 0px;
}

.mainy {

	 
	 line-height: 19px;
	 color:#333;
	 color:#333333;
     font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size:11px;
	 }

 
 
 
.noto {
cell-spacing:0;
margin-top: -4px;
border-top-style: solid ;
	border-bottom-style: solid ;
	border-left-style: solid ;
	border-right-style: solid ;
	border-bottom-color: #776655;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-left-color: #776655;
	border-right-color: #776655;
border-top-color: #776655;
}

body, table, td {

	color:#333333;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size:11px;
	line-height: 18px;
	color:#333;
 

}

#website, #website:visited {
	background-image:url(http://www.dadamo.com/website.gif);
}
#program, #program:visited {
	background-image:url(http://www.dadamo.com/program.gif);
}
#author, #author:visited {
	background-image:url(http://www.dadamo.com/author.gif);
}
#support, #support:visited {
	background-image:url(http://www.dadamo.com/support.gif);
}
#community, #community:visited {
	background-image:url(http://www.dadamo.com/community.gif);
}
#science, #science:visited {
	background-image:url(http://www.dadamo.com/science.gif);
}
#store, #store:visited {
	background-image:url(http://www.dadamo.com/store.gif);
}


.rollover span.alt {
	display:none;
}
.rollover img {
	border:none;
}
:root .rollover img {
	display:block;
}

.rollover, .rollover:visited {
	background-color:transparent !important; /* needed for Opera5/6 */
	background-repeat:no-repeat;
	background-position:0 0;
}
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {
	background-position:0 -24px;
}

 
#marquee_replacement{
 padding-right:40px; 
 padding-left:40px; 
 width:500px;
 height:100px;
 overflow:auto;

}
#marquee_replacement p.spacer{
 height:100px;
text-align: left;
}
.marquee_left{
 
	border-right: 2px solid #ccc;
}





/* ####################   Navigation bar CSS styling   ################## */ 

a:link, a:visited, a:active {
text-decoration:none;
color:#0088CC;
}
 



.mynavbar {

position: relative;
width: 960px; 
margin: 0; border: 0; padding: 0;
background: #FFF url("http://www.dadamo.com/menu-bg-2010.gif") top left repeat-x;
height: 43px;  
font-size: 11px; 
font-family: "Lucida Grande", Verdana, sans-serif;  
}

#Content {
margin-left: auto;
margin-right: auto;
width: 960px; 
margin-top: -2px;
text-align:left; /* Counteract to IE5/Win Hack */
border: 1px solid silver;
background-color: #fff; /* white background within content box */
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}
.Content_2 {

width: 960px; 

text-align:left; /* Counteract to IE5/Win Hack */
border: 1px solid silver;
background-color: #fff; /* white background within content box */
-moz-border-radius: 5px;
-webkit-border-radius:5px;
}

#Content ul li {

 
line-height: 140%;
} 
.Content_2 ul li {

 
line-height: 140%;
}
.small-box{
color: #606060;
border: 1px solid silver;
font-size: 11px; 
font-family: "Lucida Grande", Verdana, sans-serif;  
-moz-border-radius: 5px;
-webkit-border-radius:5px;
background-color: #f0f0f0; /* white background within content box */
}

.hr-gray{
border: 0 dotted;
color:  #717D7D;
background-color: #717D7D;
height: 1px;
width: 100%;

}

.small-box-white{
height: 33px;
color: #606060;
border-top: 1px solid silver;
background-color: #fff; /* white background within content box */
border-bottom: 1px solid silver; 
font-size: 10px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
}

.bottom-text{
font-size: 9px; 
font-family: "Lucida Grande", Verdana, sans-serif;
color: silver;
}


a.navbartitle {

display: block; 
float: left;
background: #FFF url("http://www.dadamo.com/menu-bg-2010.gif") top left repeat-x;
height: 43px; 
color: #000000;
font-weight: bold;
margin: 0; border: 0; padding: 0;
font-size: 11px; 
font-family: "Lucida Grande", arial, sans-serif; 
font-weight: bold; 
padding: 14px 0px 0;
margin: 0;  
text-align: center;
text-decoration:none;
}
a.navbartitle:visited {

display: block; 
float: left;
background: #FFF url("http://www.dadamo.com/menu-bg-2010.gif") top left repeat-x;
height: 43px; 
color: #000000;
font-weight: bold;
margin: 0; border: 0; padding: 0;
font-size: 11px; 
font-family: "Lucida Grande", arial, sans-serif; 
font-weight: bold; 
padding: 14px 0px 0;
margin: 0;  
text-align: center;
text-decoration:none;
}


a.navbartitle:hover {
font-family: "Lucida Grande", arial, sans-serif;
background: #FFF url("http://www.dadamo.com/current-bg-2010.gif") top left repeat-x;
padding: 14px   0;
color: #fff;
height: 43px; 
font-size: 11px; 
text-decoration:none;
}


/* menu title widths */
#t0 { width: 100px; }
#t1 { width: 150px; }
#t2 { width: 130px; }
#t3 { width: 130px; }
#t4 { width: 130px; }
#t5 { width: 130px; }
#t6 { width: 130px; }
#t7 { width: 100px; }
 
/* We just specify a fixed width for each menu title. Then, down below we specify
    a fixed left position for the corresponding submenus (e.g. #products_submenu, etc.)
    Using these fixed values isn't as elegant as just letting the text of each 
    menu title determine the width of the menu titles and position of the submenus,
    but we found this hardwired approach resulted in fewer cross-browser/cross-OS 
    formatting glitches -- and it's pretty easy to adjust these title widths and the
    corresponding submenu 'left' positions below, just by eyeballing them whenever
    we need to change the navbar menu titles (which isn't often). */

.submenu {

 

position:absolute;
z-index: 2;
top: 43px; /* corresponds to line-height of a.navbartitle above */
padding: 0; margin: 0; 
width:176px; /* If adjust this, then adjust width of .submenu below a too */
color: white;
background-color: #addfb1;
border-bottom:#29852a 1px solid; /* box around entire sub-menu */
border-right:#29852a 1px solid; /* box around entire sub-menu */
border-left:#29852a 1px solid; /* box around entire sub-menu */
font-family: "Lucida Grande", Verdana, sans-serif; 
	 
}
/* Fix IE formatting quirks. */
* html .submenu { width: 148px; } /* IE needs narrower than width of .submenu above */
/* End */

/* position of each sub menu */
/* We just eyeball the position of each submenu here -- can move left or right as needed. 
   If you adjust menu title text, you might want to adjust these too. */


#dadamo_submenu   {  left: 100px;   visibility: hidden;  }
#btd_submenu       {  left: 250px; visibility: hidden;  }
#community_submenu {  left: 380px; visibility: hidden; }
#support_submenu      {  left: 510px; visibility: hidden; }
#learn_submenu      {  left: 640px; visibility: hidden; }
#products_submenu       {  left: 770px; visibility: hidden; }
 
  

.submenu a{  
text-align:left;
font-weight: none;
display: block;
color: #000; 
background-color: #666633;
width: 156px; /* This should be width of .submenu above minus right-side padding on next line */
padding: 5px 0px 4px 20px;
text-decoration: none;
background-color: #dfdfdf;
border-bottom: #c0c0c0  1px; 
border-top: 0; border-left: 0; border-right: 0;
}

.submenu a:visited{  
text-align:left;
font-weight: none;
display: block;
color: #000; 
background-color: #666633;
width: 156px; /* This should be width of .submenu above minus right-side padding on next line */
padding: 5px 0px 4px 20px;
text-decoration: none;
background-color: #dfdfdf;
border-bottom: #c0c0c0  1px; 
border-top: 0; border-left: 0; border-right: 0;
}
.submenu a:hover{  
text-align:left;
font-weight: none;
display: block;
color: #000; 
background-color: #666633;
width: 156px; /* This should be width of .submenu above minus right-side padding on next line */
padding: 5px 0px 4px 20px;
text-decoration: none;
background-color: #dfdfdf;
border-bottom: #c0c0c0  1px; 
border-top: 0; border-left: 0; border-right: 0;
}

.submenubox { 

margin: 0; padding: 0; border: 0;
}

.submenubox ul {

margin: 0; padding: 0; border: 0;
list-style-type: none;
}

.submenubox ul li { 

margin: 0; padding: 0; border: 0;
}

.submenubox ul li a:link { }

.submenubox ul li a:visited { }

.submenubox ul li a:hover{
  
color: #ffffff; /* text color for submenu items */
background-color:  #717D7D;
}



.table_nothing{
padding:0px;

}



.big {  
     
color: silver;
line-height: 120%;
font-size: 28px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
 
}


.medium { 

color: #606060;
line-height: 130%; 
font-size: 18px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
	   
}
.medium_small_black { 

color: #000000;
line-height: 130%; 
font-size: 12px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
	   
}
.medium_small { 

color: #606060;
line-height: 130%; 
font-size: 12px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
	   
}
.small { 

color: #606060;
line-height: 130%; 
font-size: 11px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
	   
}


.welcome{
font-size: 11px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
color:#c0c0c0;
font-weight:bold;}

.grey_12_bold {
font-size: 12px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
color:#817679;
font-weight:bold
}
.black_16_bold {
font-size: 16px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
color:#000;
font-weight:bold
}


.blank{
height: 163px;
width:242 px;
background: #FFF url("http://www.dadamo.com/blank.png") top left no-repeat;
color: #606060;
line-height: 130%; 
font-size: 12px; 
font-family: "Lucida Grande", Verdana, sans-serif; 
}


.border_left {
	border-left:1px solid silver;
	 	 
	}

.padding_15 { 
padding:15px;
padding-right:25px;	   
}


</style>
