body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #CCCCCC; }
#page { width: 680px; margin: 0 auto 0 auto; padding: 0; color: #000000; background-color: #FFFFFF; }
#content { width: 560px; margin: 0 auto 0 auto; padding: 0; color: #000000; background-color: #FFFFFF; }

#logo { margin: 0 0 20px 0; padding: 0; color: #000000; background-color: #CC99FF; }
#logo a:link { text-decoration: none; }
#logo a:visited { text-decoration: none; }
#logo a:hover { text-decoration: none; }

.picture { border: 0 solid #333333; }
.break { padding-top: 20px; border-top: 1px dotted #000000; }
.inset { margin: 5px; }
.icon { padding-right: 18px; border: 0 solid #333333; }
.floatright145 { float: right; width: 145px; }
.floatimageright { float: right; margin: 0 0 0 20px; padding: 0; border: 0 solid #333333; }
.alignright { text-align: right; }
.aligncentre { text-align: center; }
.alignmid { display: block; margin: 10px auto 10px auto; border: 0 solid #333333; }

#nav { margin: 0; padding: 0; display: none; }
#nav ul { margin: 0; padding: 0 0 3px 0; }
#nav ul li { display: inline; margin: 0; padding: 0 10px 0 15px; font-size: 12px; line-height: 17px; font-weight: normal; text-align: left; background-image: url(../images/triangle30.gif); background-repeat: no-repeat; background-position: -16px 3px; }
#nav ul li a:link { color: #000000; background-color: #CC99FF; text-decoration: none; }
#nav ul li a:visited { color: #000000; background-color: #CC99FF; text-decoration: none; }
#nav ul li a:hover { color: #000000; background-color: #CC99FF; text-decoration: none; }

#drought { margin: 0; padding: 0; }
#drought h1 { font-size: 16px; line-height: 20px; font-weight: bold; text-align: left; margin: 0; padding: 10px 0 10px 0; }
#drought h2 { font-size: 14px; line-height: 20px; font-weight: bold; text-align: left; margin: 0; padding: 10px 0 10px 0; }
#drought h3 { font-size: 12px; line-height: 17px; font-weight: bold; text-align: left; margin: 0; padding: 0 0 5px 0; }
#drought p { font-size: 12px; line-height: 17px; font-weight: normal; text-align: left; margin: 0; padding: 0 0 10px 0; }
#drought ol { font-size: 12px; line-height: 17px; font-weight: normal; text-align: left; margin: 0 0 0 40px; padding: 0 0 10px 0; }
#drought ul { font-size: 12px; line-height: 17px; font-weight: normal; text-align: left; margin: 0 0 0 40px; padding: 0 0 10px 0; list-style-image: url(../images/triangle.gif) }
#drought ul ul { font-size: 12px; line-height: 17px; font-weight: normal; text-align: left; margin: 0 0 0 40px; padding: 0; list-style-image: url(../images/triangle.gif) }
#drought abbr { text-decoration: none; border-bottom: dotted 1px #000000; }
#drought acronym { text-decoration: none; border-bottom: dotted 1px #000000; }
#drought a:link { color: #000000; text-decoration: none; border-bottom: 2px solid #CC99FF; background-color: #FFFFFF; }
#drought a:visited { color: #000000; text-decoration: none; border-bottom: 2px solid #CC99FF; background-color: #FFFFFF; }
#drought a:hover { color: #000000; text-decoration: none; border-bottom: 2px solid #0066CC; background-color: #FFFFFF; }
#drought table { margin: 0; padding: 0; border: 1px solid #000000; }
#drought th { font-size: 11px; line-height: 14px; font-weight: bold; text-align: center; margin: 0; padding: 2px; }
#drought td { width: 80px; font-size: 11px; line-height: 14px; font-weight: normal; text-align: center; margin: 0; padding: 2px; border: 1px solid #CCCCCC; }

#info { margin: 0; padding: 0 0 20px 0; }
#info p { font-size: 12px; line-height: 17px; font-weight: normal; text-align: center; }

#icons { list-style-type: none; margin: 0; padding: 20px 0 0 0; display: none; }
#icons ul { margin: 0; padding: 0; }
#icons ul li { display: inline; }
#icons a:link { color: #000000; background-color: #FFFFFF; text-decoration: none; }
#icons a:visited  { color: #000000; background-color: #FFFFFF; text-decoration: none; }
#icons a:hover { color: #000000; background-color: #FFFFFF; text-decoration: none; }

#links { margin: 0; padding: 10px 0 20px 0; display: none; }
#links ul { margin: 0 auto 0 auto; padding: 0 0 2px 0; text-align: center; }
#links ul li { display: inline; margin: 0; padding: 0 8px 0 8px; font-size: 11px; line-height: 14px; font-weight: normal; text-align: center; }
#links a:link { color: #000000; text-decoration: none; border-bottom: 1px solid #CC99FF; background-color: #FFFFFF; }
#links a:visited { color: #000000; text-decoration: none; border-bottom: 1px solid #CC99FF; background-color: #FFFFFF; }
#links a:hover { color: #000000; text-decoration: none; border-bottom: 2px solid #0066CC; background-color: #FFFFFF; }