/* recover from old-browser styling */

*.oldbl {display: block !important;}
*.oldin {display: inline !important;}
*.ahem {display: none !important;}
img.pic {display: block !important;}

body {margin: 0px; padding: 0; background: #fff; text-align: center; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000;}

/* This is the main ID that should go around all content by default */
#main {width: 728px; margin: 0px auto; text-align: left;}
#main * {font-size: 100%;}
#main h1 {font-size: 26px; margin: .75em 0 .5em 0;}
#main h2 {font-size: 24px; margin: 0 0 .5em 0;
    border-bottom: 1px solid #aaa;
    padding: 10px 0 5px 0;}
#main h3 {font-size: 16px; margin: 1em 0 .75em 0;
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;}
#main h4 {font-size: 12px; margin: 0;}
#main h5 {font-size: 10px; margin: 0;}
#main h6 {font-size: 8px; margin: 0;}

a, a:link {
    color: rgb(58, 87, 135);
    text-decoration: none;
}

label {
	display: block;
	padding-top: 5px;
}

.flag-time-series {
    float: left;
}

div.menufun {
    margin-left: 357px;
}

.badge {
    border: 1px solid #aaa;
}

#main ul.menu {
    padding-left: 0;
}

#main ul.menu li {
    list-style: none;
    font-size: 21px;
}

.halfbox {
    float: left;
    width: 354px;
    padding: 0 10px 0 0;
    margin: 0;
}

.thing {
    float: left;
    padding-right: 10px;
}

/* place any icons that will be associated with links here.
 *  For example, a linked file or an object of a particular
 *  type might have a special icon associated with it.
 *  Here's an example from Apple's site:
 */
#main a.html {background: url(http://images.apple.com/main/elements/globaliconhtml12x12.gif) left top no-repeat; display: block; padding-left: 20px;}


img {
	border: 0;
}
li {
	list-style: square;
}

input.cleardefault {
	/* The javascript will change this color when someone clicks on the field */
	color: #999;
}