/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* dmap */

body {font: 12px/18px Verdana,Arial,Helvetica,sans-serif;color: #333333; background-color: #d5d5d5;}
html {background-color: #d5d5d5;}

#page { width:980px; padding:20px; 
        border:1px solid gray; 
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        margin:25px auto; 
        background-color: white!important; 
        /*background:url(../img/bgGradient.jpg) repeat-x;*/ 
}

body {padding-top:15px}

/* GLOBALHEADER */
#globalheader { width: 100%; height: 38px; padding:0px; margin: 0px auto; position: relative; z-index: 9998; text-align:center}
#globalnav { margin: 0; padding: 0; display:inline-block; }
#globalnav li {display:-moz-inline-box; display: inline-block; text-align:center;font-size: 13px; font-family:"Interstate",interstate-regular,"Lucida Grande",Helvetica,Arial,sans-serif;}
#globalnav li a {float: left; padding:13px 30px; text-align:vertical; overflow: hidden; text-align:center; color:black; text-decoration:none;}
#globalnav li a:focus {outline:none}

/* BUTTONS */
#globalnav li#aboutdmap a { background:url(../img/buttonLeft.gif) no-repeat left top; border-right:1px solid #f1f1f1}
#globalnav li#yourdata a,
#globalnav li#datadirectory a,
#globalnav li#consulting a,
#globalnav li#demos a { background:url(../img/buttonMid.gif) repeat-x;  border-right:1px solid #f1f1f1}
#globalnav li#contactus a { background:url(../img/buttonRight.gif) no-repeat right top;}

/* OVER STATES */
#globalnav li#aboutdmap a:hover { background:url(../img/buttonLeftOver.gif) no-repeat left top; border-right:1px solid #f1f1f1 }
#globalnav li#yourdata a:hover, 
#globalnav li#datadirectory a:hover,
#globalnav li#consulting a:hover, 
#globalnav li#demos a:hover {background:url(../img/buttonMidOver.gif) repeat-x;  border-right:1px solid #f1f1f1}
#globalnav li#contactus a:hover {background:url(../img/buttonRightOver.gif) no-repeat right top; }

/* PRESSED STATES */
#globalnav li#aboutdmap a:active {  }
#globalnav li#yourdata a:active {  }
#globalnav li#datadirectory a:active {  }
#globalnav li#consulting a:active {  }
#globalnav li#demos a:active {  }
#globalnav li#contactus a:active { }

/* ON STATES */
#globalheader.aboutdmap #globalnav li#aboutdmap a  {background:url(../img/buttonLeftOver.gif) no-repeat left top; border-right:1px solid #d5d5d5 }
#globalheader.yourdata #globalnav li#yourdata a  {background:url(../img/buttonMidOver.gif) repeat-x left top; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5 }
#globalheader.datadirectory #globalnav li#datadirectory a {background:url(../img/buttonMidOver.gif) repeat-x left top; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5 }
#globalheader.consulting #globalnav li#consulting a {background:url(../img/buttonMidOver.gif) repeat-x left top; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5 }
#globalheader.demos #globalnav li#demos a {background:url(../img/buttonMidOver.gif) repeat-x left top; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5 }
#globalheader.contactus #globalnav li#contactus a {background:url(../img/buttonRightOver.gif) no-repeat right top; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5 }

#footer {text-align:center; padding:20px 0px 20px 0px; font-size:9px}
#footer a {margin-right:10px}


/* Section Header and content */
dt {font-size:19px; line-height:22px; font-weight:bold; padding-top:10px; color:black; font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif}
dd {padding-top:10px}
.left { padding:0px 50px 0px 20px}
.right { padding:0px 20px 0px 0px; float: right}

dd ul li {
  background:url(../img/bullet.gif) 0em 0.5em no-repeat; 
  padding-left: 14px;
  margin-left:20px;
  list-style: none;
}

p {padding: 0px 0px 10px 0px}
h1 {font-size:20px; line-height:22px; font-weight:bold; padding-top:10px; color:black; font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif}


/* rounded corners with CSS */
div.section                     {width:455px; background: url(../img/s-body-r.gif) no-repeat bottom right; margin:0px 0px 15px 0px; background-color:whitesmoke;}
div.section div.notitle         {background: url(../img/s-head-r.gif) no-repeat top right; margin:0px; padding:0px; text-align:left;}
div.section div.notitle h2      {background: url(../img/s-head-l.gif) no-repeat top left; margin:0px; padding:3px; line-height:1px;}
div.section div.body            {background: url(../img/s-body-l.gif) no-repeat bottom left;margin:0px; padding: 0px 25px 35px 25px;}

div.section-nobg                     {width:455px; background-image:none; margin:0px;}
div.section-nobg div.notitle         {background-image:none; margin:0px; padding:0px; text-align:left;}
div.section-nobg div.notitle h2      {background-image:none; margin:0px; padding:3px; line-height:1px;}
div.section-nobg div.body            {background-image:none; margin:0px; padding:0px 25px 35px 25px;}