#main h1 { font-weight: normal; }
#main h2 { font-size:110%; margin-bottom:0; }
#main ul { margin-bottom:0; }
#main ul.square { margin-left: 1.5em; }
#main ul.square li { line-height: 1.3em; padding: 4px 0; }
#main ul.video li { line-height: 1.3em; padding: 4px 0; padding-left: 1.8em; background: url(icon_vid.gif) no-repeat 0 5px; }

#country { padding-bottom: 10px; }
#country select { font-size: 85%; }
#globalfooter {
	margin-top: 5px;
}
#search { float: right; margin-top:1px; }
#search .restrict { padding:5px 0 5px 5px; font-size:10px; color:#686868; }

/* make pretty search fit sidebar */
input.prettysearch { width:175px; }
.search-wrapper { width: 175px; }
.search-wrapper input.prettysearch { width: 146px; }

a { text-decoration: none; }
a:hover { text-decoration:underline; }

hr { margin: 14px 0; border:0; height:1px; color:#ccc; background-color:#ccc; }

/* rounded corners */
/* !!!! make these into 1 image !!!! */
.module { border:1px solid #e5e5e5; 
	background: url(module_c.gif) repeat-x bottom;
	_background: url(module_d.gif) repeat-x bottom; 
	*background: url(module_d.gif) repeat-x bottom; }
.tl, .tr, .bl, .br { position:relative; } 
.tl { background: transparent url(tl000001.gif) no-repeat top left; top:-1px; left: -1px; }
.tr { background: transparent url(tr000001.gif) no-repeat top right; right: -2px; }
.bl { background: transparent url(bl000001.gif) no-repeat bottom left; bottom: -2px; left: -2px; }
.br { background: transparent url(br000001.gif) no-repeat bottom right; right: -2px; *bottom: 0; }

.module h2 { position:relative; top:-1px; left:-1px; padding: 3px 10px; color:white; font-weight:normal; background-color:#aaa; background: url(module_w.gif) no-repeat center top; }

.arrowlink { text-align: left; padding:2px 16px 2px 0; background: url(arrow_jw.gif) no-repeat center right; }
.titleicon { float:right; padding:0 10px; }

/* left menu bar */
#menu h2 { position:relative; top:-1px; left:-1px; padding: 3px 10px; color:white; font-weight:normal; background-color:#aaa; background: url(module_i.gif) no-repeat center top; }
#menu h2 a { color: white; }
#menu h2 a:hover { text-decoration:underline; color: white; }
#menu h3 { padding: 1px 10px; padding-top: 12px; }
#menu ul { padding-bottom: 15px; }
#menu li { line-height: 1.2em; padding: 5px 10px; }
#menu hr { margin: 8px 15px; border:0; height:1px; color:#ccc; background-color:#ccc; }
#menu a { color: #666; }
#menu a:hover { text-decoration:underline; color: #333; }
#menu select { font-size: 85%; margin: 0 10px; width:140px; }
#menu .arrowlink { background: url(arrow_jx.gif) no-repeat center right; }
#menu .module { background-color: transparent; margin: 0 0 15px 0; font-size: 95%; }
#menu .hilite { position:relative; left:-1px; background-color: #e8e8e8; }

/* right sidebar */
#rightsidebar img { padding:8px 0;}

#sidebar h2 { position:relative; top:-1px; left:-1px; padding: 3px 10px; color:white; font-weight:normal; background-color:#aaa; background: url(module_i.gif) no-repeat center top; }
#sidebar h2 a { color: white; }
#sidebar h2 a:hover { text-decoration:underline; color: white; }


/* utility bar on home page */
#utilbar { padding:7px 10px; background: url(utilbar1.gif) no-repeat center top; }

/* featured group */
#featured h1 { margin-bottom:5px; }
#featured li { margin-bottom:4px; }

/* resources group */
#resourcelinks { padding:15px 0; }
#resourcelinks li { float: left; margin-right:15px; padding-right:15px; font-size: 95%; }
#resourcelinkshome { padding-top:10px; }
#resourcelinkshome li { float: left; margin-right:28px; padding-right:28px; font-size: 100%; }

#resourceshome ul { padding-top:18px; }
#resourceshome .column { padding-right: 20px; border-right: 1px solid #e0e0e0; } 
#resourceshome .column.last { padding-right:0; border-right: none; } 

#resourcespsp ul { padding-bottom:10px; }
#resourcespsp .column { padding-right: 20px; border-right: 1px solid #e0e0e0; } 
#resourcespsp .column.last { padding-right:0; border-right: none; } 

#coveragetool { margin-bottom:8px; }
#coveragetool ul { padding-top:0; }
#coveragetool .inputtext { width:175px; }
#coveragetool .column { padding-right:0; border-right: none; }


/* family pages */
#navgrid h1 { padding-top:20px; }
#navgrid ul { margin: 0 0 40px 0; }
#navgrid li { text-align: center; }
#navgrid img { padding: 10px; }
#navgrid .arrowlink { text-align: left; padding: 5px 15px 5px 0; border-bottom: 1px solid #e0e0e0; }
#navgrid .column { padding-right:20px; border-right: 1px solid #e0e0e0; }
#navgrid .column.last { padding-right:0; border-right: none; }

/* sitemap */
#sitemap h3 { padding-top:15px; }
#sitemap li { font-weight:bold; }
#sitemap li a { font-weight:normal; }

/* flow pages */
#flow h2 { font-size:130%; margin-bottom:15px; color:#8a96ad; }
#flow .note { padding:10px; border:1px solid #ccc; background:#ffffe8; }
#flow ul { margin:1em 0; }

#buttongroup { text-align:right; margin-bottom:15px; }
#buttongroup a { height: 20px; padding: 3px 0 3px 20px; color: white; font-weight:bold; background:transparent url(acbutton.gif) no-repeat center left; }
.acbutton { height: 20px; padding: 3px 20px 3px 0; background:transparent url(acbutton.gif) no-repeat center right; }

/* text pages */
.grid1col { width:75%; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.padtop5 { padding-top: 5px;}
.padtop10 { padding-top: 10px;}
.padtop15 { padding-top: 15px;}
.padtop20 { padding-top: 20px;}
.padtop35 { padding-top: 35px;}
.padright10 { padding-right: 10px;}
.padright20 { padding-right: 20px;}



/* base.css page grid overrides */
.grid2colc .grid2cola .column.first { width: 66%;}
.grid2colc .grid2cola .column.last { width: 32%;}
.grid2colc .grid2colb .column.first { width: 582px;}
.grid2colc .grid2colb .column.last { width: 184px;}
.grid2colc .grid2colb .grid2col .column.first { width: 47%;}
.grid2colc .grid2colb .grid2col .column.last { width: 46%;}

.grid2colc .column.first { width: 184px; }
.grid2colc .column.last { width: 781px; }
.grid2colc .grid2col .column { width: 49%; }
.grid2colc .grid4col .column { width: 23%; margin-left: 2%; }
.grid2colc:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.grid3col .column { width: 29%; }
.grid3col .column.first { width: 29%; }
.grid3col .column.last { width: 32%; float: right; }

/* hack for sites with old header */
#tabs { padding-bottom: 15px; }
