body { font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; padding-top: 20px; }
.hide, #utilities label, #branding p { display: none; }

/* Navigation reimplemented for fly-out 18-19 Mar '09, restyled aug '09 */
#main-nav { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0 0 0 37px; width: 100%; height: 31px; list-style: none; z-index: 99; background: url(../images/header-bg-v3.png) no-repeat 0 100%; }
#main-nav li { font-size: 12px; float:left; position:relative; margin: 0; padding: 0; }
#main-nav li a { float:left; display:block; margin:0; padding: 0 35px; color:#fff; text-decoration:none; height: 35px; line-height: 35px; }

/* top level on state 
#main-nav li:hover, #main-nav li.over { background: url("/images/nav-t.png") top left no-repeat; }
#main-nav li:hover a, #main-nav li.over a { background: url("/images/nav-t-end.png") top right no-repeat;  }
body#issues #main-nav li.issues { background: url("/images/nav-t.png") top left no-repeat; }
body#issues #main-nav li.issues a { background: url("/images/nav-t-end.png") top right no-repeat; }
body#newsroom #main-nav li.newsroom { background: url("/images/nav-t.png") top left no-repeat; }
body#newsroom #main-nav li.newsroom a { background: url("/images/nav-t-end.png") top right no-repeat; }
body#multimedia #main-nav li.multimedia { background: url("/images/nav-t.png") top left no-repeat; }
body#multimedia #main-nav li.multimedia a { background: url("/images/nav-t-end.png") top right no-repeat; }
body#events #main-nav li.events { background: url("/images/nav-t.png") top left no-repeat; }
body#events #main-nav li.events a { background: url("/images/nav-t-end.png") top right no-repeat; }
body#getinvolved #main-nav li.getinvolved { background: url("/images/nav-t.png") top left no-repeat; }
body#getinvolved #main-nav li.getinvolved a { background: url("/images/nav-t-end.png") top right no-repeat; }
body#blog #main-nav li.blog { background: url("/images/nav-t.png") top left no-repeat; }
body#blog #main-nav li.blog a { background: url("/images/nav-t-end.png") top right no-repeat; }
body#about #main-nav li.about { background: url("/images/nav-t.png") top left no-repeat; }
body#about #main-nav li.about a { background: url("/images/nav-t-end.png") top right no-repeat; }
*/

/* sub menus */
#main-nav li ul { margin: 0; padding: 0; list-style:none; display:none; position:absolute; top:auto; left:auto; }
#main-nav li:hover ul, 
#main-nav li.over ul { display:block; top: 31px; left: 0px; width: 120px; padding: 5px 20px 10px 20px; background: #0068b3; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
#main-nav li ul li { display: block; float: none; margin: 0; padding: 0; float: left; width: 100%; clear: both; }
#main-nav li ul li a { height: auto; line-height: 14px; display: block; margin: 0; padding: 6px 0 6px 0; width: 100%; border-bottom: 1px dotted #fff; font-size: 12px; color: #fff;  }
#main-nav a:hover { color: #aaa; }

#main-nav li ul li, #main-nav li:hover ul li, 
#main-nav li ul li a, #main-nav li ul li a:hover, 
#main-nav li:hover ul li a, #main-nav li.over ul li a { background-image: none; }

body#issues #main-nav li:hover ul li a, body#issues #main-nav li.over ul li a,
body#newsroom #main-nav li:hover ul li a, body#newsroom #main-nav li.over ul li a,
body#multimedia #main-nav li:hover ul li a, body#multimedia #main-nav li.over ul li a,
body#events #main-nav li:hover ul li a, body#events #main-nav li.over ul li a,
body#getinvolved #main-nav li:hover ul li a, body#getinvolved #main-nav li.over ul li a,
body#blog #main-nav li:hover ul li a, body#blog #main-nav li.over ul li a, 
body#about #main-nav li:hover ul li a, body#about #main-nav li.over ul li a { background: none; }

/*********************************************/
/* Typographic styles and broader structures */
/*********************************************/

h1, h2, h3, h3, h4, h5, h6 { color: #06b; margin-bottom: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #06b; }
h1 { font-size: 24px; }
h2 { font-size: 42px; color: #7fb3d9; margin: 0; }
h3 { font-size: 18px; }
h4 { font-size: 16px; color: #c00; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

#primary h1, #primary h2 { margin-top: 5px; }
#primary h3, #primary h4, #primary h5, #primary h6 { margin-top: 1em; }
#primary blockquote { border: 1px dotted #ccc; border-left: 1px solid #ccc; margin: 1em 1em 1em 2.5em; padding: .5em; background: #fcfcfc; }
#features h3 { margin: 0; }
.feature-heading h3, .setcion-head h3, .section-head h3 { float: left; text-transform: uppercase; }
#features #actions h3 { color: #fff; background: #06b; padding: 20px; margin: 0; }
#features h4 { margin: 0; padding: 0; }
#secondary h1, #secondary h2, #secondary h3, #secondary h4, #secondary h5, #secondary h6 { text-transform: uppercase; color: #06b; font-weight: bold; }
#secondary h4 { font-size: 14px; }
#secondary h5 { font-size: 12px; margin: 1em 0 0 0; padding: 0; }

a:focus { outline: 1px dotted invert; }
a { color: #06b; text-decoration: none; }
a:hover, .more a:hover, p#breadcrumb a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }
.all a, 
.more a { font-size: 11px; font-weight: bold; color: #069; text-decoration: none; }

p { margin: 1em 0 1em 0; }
p.pdf, p.isAPDF, a.pdf { background:url("/images/PDFIcon.png") 5px 0px no-repeat;padding:0 0 3px 2em; }

hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; }
hr.thick { border-color: #ccc; color: #ccc; height: 5px; background: #ccc;  margin: 1em 0 1em 0; }
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }
ol.clean, ul.clean { margin: 1em 0; padding: 0; list-style: none; }
.clean li { margin: 0 0 .5em 0; }
.extraBottomMargin li { margin-bottom:.5em; }
ul.linklist h3 { margin: 0; padding: 0; }
ul.linklist p.date { margin: 0; padding: 0; }

.callout { margin-top: 1em; margin-bottom: 1em; }
.pullquote { margin-top: 1em; margin-bottom: 1em; border-top: 3px solid #06b; border-bottom: 3px solid #06b; }

.pullquote p { padding: 0 1em 0 1em; }
.pullquote q { color: #c00; font-size: 150%; display: block; }
.pullquote q:before { content: '\0022'; }
.pullquote q:after { content: '\0022'; }

/* main content well is 650px wide */
#primary .center { display: block; margin: 0 auto; }
#primary .right { float: right; margin: 0 0 1em 1em; }
#primary .left { float: left; margin: 0 1em 1em 0; }
#primary .med-right { float: right; margin: 1em 0 1em 30px; }
#primary .med-left { float: left; margin: 1em 1em 0 30px; }

#primary .quarter { width: 162px; }
#primary .third { width: 214px; }
#primary .half { 325px; }
#primary .full { float:left; width:650px; margin-bottom: 1em; }

#primary .module {float:left;width:100%;clear:both;border-bottom:5px solid #ccc;}
#primary #actions .third { float: left; width: 200px; margin-right: 24px; clear: none; border-bottom: none; }
#primary #actions .last { margin-right: 0; }

.col-2, #col-2{ margin-left: 30px; }
.col, .col-1, .col-2, #col-1, #col-2 { float: left; width: 310px; }
#col-1 .fifty, #col-2 .fifty { width:135px; float: left; }
#col-1 .fifty + .fifty, #col-2 .fifty + .fifty { margin-left: 30px; }
.tab-image { float: left; margin: .5em 1.5em 1em 0; padding: 0; border:1px solid #000; }

table.tabularData tr td { border: 1px solid #000; padding: 5px; }
table.report thead th { vertical-align: bottom; border: 1px solid gray; border-width: 0 1px 1px 0; white-space: normal; }
table.report th { border-right: 1px solid gray; border-bottom-style: dotted; white-space: nowrap; }
table.report caption { color: #06b; font-size: 16px; font-weight: bold; text-align: left; margin-bottom: .5em; }
table.report th, table.report td { text-align: right; padding: 0 .5em; border-bottom: 1px solid #ddd; }
table.report tr.total { background: #ecc; border-top-color: #000; border-bottom-color: #000; border-style: solid; border-width: 1px 0 1px 0;}
#primary table.report th.full { float: none; width: 100%; text-align: left; border-right-width: 0; }

#primary .confirmation-options { margin: 0 0 0 3em; padding: 0; list-style-position: outside; }
#primary .confirmation-options li { margin: 0; padding: 0; }
#primary { float: right; width: 650px; padding: 0 20px 0 0; }



/* Content */
#content, #contentShadow { width: 921px; }
#content { background: url(../images/content-ds-top.png) no-repeat 0 0; height: 17px; margin: 0 auto; }
#contentShadow { background: url(../images/content-ds.png) no-repeat 0 100%; float: left; /* float to recognize height of floated children */ margin-top: 17px; margin-bottom: 20px; padding-bottom: 10px; }
#header, #footer { margin: 0 8px; }
#primary { margin-right: 8px; }
#secondary { margin-left: 8px; }

/*********************************************/
/* Styles for Specific Sections and Features */
/*********************************************/

/* Header */
#header { background: #fff ; height: 145px; position: relative; z-index: 99; }

/* Branding */
#branding { position: relative; }
#branding h1, #branding h2 { margin:0; padding:0; text-indent: -9999px; overflow: hidden; position: absolute; }
#branding h1 { top: 5px; left: 10px; }
#branding h1 a { background: url(../images/logo-august2009.png); display:block; width:252px; height:102px; text-indent:-9999em; overflow:hidden; }

/* delete me */
#branding h2 { display: none; background: url(../images/tagline.png); width:267px; height:18px; position: absolute; right: 10px; top: 105px; }

/* Utility Links & Search */
#utilities { position: absolute; top: -15px; right: -15px; padding: 15px; color: #fff; background: #0066cc; font-family: 'Myriad Pro', Tahoma, Verdana, Geneva, sans-serif; float:right; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 5px 15px 0 0; }
#utilities a { color:#fff; text-decoration: none; }
#utilities a:hover { text-decoration: underline; }
#utilities p { color:#fff; margin: 0; }
#searchBoxGoogle{float:right;margin:3px 0 0;width:160px;height:30px;position:relative;}
#searchBoxGoogle form div input#search_query{position:absolute;top:5px;left:0px;height:17px;width:120px;padding:0;margin:0;border:1px solid #000;font-size:13px;}
#searchBoxGoogle form div input#searchSubmit{background:url(/images/SearchSubmitGo.png) no-repeat;position:absolute;top:5px;left:130px;height:23px;width:30px;padding:0;border:0;margin:0;text-indent:-9999px;}

/* Page tools */
#pageTools { background:url("/images/bg-feature-grad.png") bottom left repeat-x; border-bottom:1px dotted #ccc; margin: 0 5px 0 0; padding: 10px 10px 0 10px; }
#primary #pageTools p { font-size: 10px; margin: 0; }
#primary p#breadcrumb{ margin: 0; float: left; font-size:11px; font-weight:bold; }
p#breadcrumb a { text-decoration: none; }


#primary p.page-tools { margin: 0; text-align: right; }
.page-tools a { display:inline-block; margin: 0; padding: 3px 0 3px 20px; text-decoration: none; color:#c00; }
.page-tools a:hover { text-decoration: underline; }
.page-tools .print { background: url("/images/printer.png") 0 0 no-repeat; margin-left: 5px; padding-right: 5px; margin-right: 3px; }
.page-tools .email { background: url("/images/email2.png") 0 0 no-repeat; padding-right: 5px; margin-right: 3px; }
.page-tools .feed { background: url("/images/feed-icon-16x16.png") 0 0 no-repeat; padding-right: 5px; border-right: 0; }

/* 
  Printer and Email icons from the Silk icon set. 
  Shared under a Creative Commons Attribution 2.5 License from
  http://www.famfamfam.com/lab/icons/silk/
*/

/* Secondary or Sidebar */
#secondary{float:left;width:210px;}
#secondary div.last { border: none; }
#secondary .module{float:left;clear:both;border-bottom:5px solid #ccc;background:url("/images/bg-side-grad.png") top left repeat-x;padding:1em 20px 1em 20px;width:170px;}
#secondary .module ul{margin:0;padding:0;list-style-type:circle;}
#secondary .module ul li{margin:0 0 0 1em;padding:0 0 .5em 0;line-height:110%;}
#secondary .module a{text-decoration:none;}
#secondary .module a:hover{text-decoration:underline;}
#secondary .module .left{float:left;width:170px;}
#secondary #subnav{background:none;}
#subnav ul{margin:0;padding:0;list-style-type:none;}
#subnav ul li{margin:0;padding:.5em 0 .5em 0;border-top:1px dotted #ccc;font-size:14px;}
#subnav ul li a{font-weight:bold;text-decoration:none;}
#subnav ul li a:hover{color:#aaa;text-decoration:underline;}
#secondary #action-center #loginEmail{margin-bottom:.5em;}
#secondary #events p { margin: 0 0 1em 0; }
#secondary .module p.more { margin: 0; padding: 0; }

/* form stuff */
.grFormErrorFieldLabel{ color:#c00; }
p.TandC{ font-size: 85%; }
form#gre-reg {margin:0;padding:0;float:left;width:100%;}
form#gre-reg p.grFormDefaultText, p.formInfoMessage{ margin:0; padding:0; }
form#gre-reg .formInfoMessage{ font-size:.8em; }
form#gre-reg .beforeFieldContent,.afterFieldContent{ float:left; width:610px;  margin-bottom:.5em; padding:0 20px 0 20px; background:#fcfcfc; font-size:.9em;}
form#gre-reg .beforeFieldContent{ border-top:1px dotted #ccc; }
form#gre-reg .formItem{float:left;width:100%;padding-bottom:1em;}
form#gre-reg .formItem label{float:left;width:40%;padding-right:30px;text-align:right;}
form#gre-reg .submit{padding-top:.5em;text-align:center;}
#greLobbyForm #formRegFields{float:left;width:300px;margin-top:2em;}
#greLobbyLetter{float:right;width:300px;padding:1em;border:1px solid #ccc;margin-top:1em;margin-bottom:2em;}

/* Debt counter */
#secondary #debt-counter{background:none;}
#secondary #debt-counter h4{font-weight:bold;font-size:16px;font-style:italic;letter-spacing:-.09em;margin:0;padding:0;text-transform:none;}
#secondary #debt-counter p{font-size:11px;margin:0;}
#secondary #debt-counter p strong{padding-top:1em;font-size:16px;font-weight:100;}
#secondary #debt-counter p em{color:#c00;font-style:normal;font-weight:strong;font-size:16px;}


/* Newsroom */
body#newsroom ul.linklist{margin:0;padding:0;list-style-type:none;}
body#newsroom ul.linklist li{margin:0 0 .5em 0;padding:0;}
body#newsroom #primary p.more{text-align:right;}
body#newsroom #primary p.more a{font-size:14px;}
body#newsroom #primary ul.linklist{border-bottom:5px solid #ccc;}
body#newsroom #primary ul.linklist li{margin-bottom:1em;}
body#newsroom #primary h3{margin-top:1em;}

#newsroom #primary .linklist li .date { display: inline-block; width: 120px; text-align: left; padding-right: .25em; }
#newsroom #primary .linklist li .title { display: inline-block; width: 500px; vertical-align: top; padding-left: .25em; }

/* Events */
#events #primary ul{margin:0;padding:0;list-style-type:none;}
#events #primary ul li{margin:0;padding:0;margin-bottom:1em;}
#events #primary ul li p.date{margin:0;padding:0;}
#events #primary ul li h3{margin:0;padding:0;}
div.eventCalendar table{border:0;padding:0;margin:0 0 1em;}
div.eventCalendar table hr{display:none;}
div.eventCalendar table td.eventTitle{color:#06b;border:0;border-bottom:1px solid #2c5081;font-size:2em;margin:.5em 0 1em;padding:0 0 2px 0;font-weight:bold;line-height:1.25em;}
div.eventCalendar table td a.calMenuLink{border:1px solid #000;margin:0;color:#ededed;padding:4px 8px;background:#06b;}
div.eventCalendar table td a.calMenuLink:hover{color:#fff;background:#06b;text-decoration:none;}
div.eventCalendar table tr.calTitle td{padding:.5em 0 0;margin:0 0 1em;background:#fff;border-bottom:1px solid #ccc;}
div.eventCalendar table tr.calTitle td table{border:0;}
div.eventCalendar table tr.calTitle td table td{border:0;}
div.eventCalendar table tr.calTitle td table td select{color:#2c5081;background:#ededed;}
div.eventCalendar table tr.calTitle td table td a.calTitleLink{display:block;border:1px solid #ededed;margin:0 1em 0;color:#06b;padding:.25em .5em;}
div.eventCalendar table tr.calTitle td table td a.calTitleLink:hover{border:1px solid #2c5081;color:#06b;background:#ededed;text-decoration:none;}
div.eventCalendar table td.calDay{border:0;border-bottom:3px solid #fff;border-top:3px solid #fff;padding:.5em 0;background:#06b;font-weight:bold;color:#fff;font-size:1.25em;}
div.eventCalendar table td.calDay:hover{background:#06b;}
div.eventCalendar table td.calDate{border:1px solid #ccc;padding:0 5px 5px 0;}
div.eventCalendar table td.calDate br{display:none;}
div.eventCalendar table td.calDate a.calLink{border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin:0 0 5px;padding:3px 3px 0 3px;display:block;width:15%;text-align:right;background:#ededed;color:#2c5081;}
div.eventCalendar table td.calDate a.calLink:hover{background:#f7f7f7;text-decoration:none;}
div.eventCalendar table td.calDate span{display:block;min-height:80px;overflow-hidden;}
div.eventCalendar table td.calDate span a.calLink{border:1px solid #ccc;margin:0 0 5px 5px;padding:3px;display:block;width:auto;text-align:left;color:#2c5081;}
div.eventCalendar table td.calDateOther{background:#ededed;border:1px solid #ccc;}
div.eventCalendar table td.eventPropName{width:100px;font-weight:bold;vertical-align:top;padding:5px 5px 0 0;}
div.eventCalendar table td.eventPropValue{padding:5px 0 0;vertical-align:top;}
div.eventCalendar table td.eventFormName{width:100px;font-weight:bold;vertical-align:top;padding:8px 5px 0 0;}
div.eventCalendar table td.eventFormValue{padding:5px 0 0;vertical-align:top;}
div.eventCalendar table td.calHour{font-weight:bold;vertical-align:top;padding:3px 5px 0 0;border:1px solid #ccc;border-top:1px solid #f7f7f7;background:#f7f7f7;width:50px;}
div.eventCalendar table td.calHourTitle{vertical-align:top;padding:3px 5px 0 5px;border:1px solid #ccc;border-top:1px solid #fff;border-left:1px solid #fff;}
div.eventCalendar table td.calHourTitle br{display:none;}
div.eventCalendar table td.calHourTitle a{display:block;margin:0 0 .5em;}


/* Blog */
#features #blog p.byline { font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
.byline .date { font-style: italic; }
#blogLoginForm{width:50%;margin:0 auto 2em auto;padding:20px;border:1px solid #ccc;background:url("/images/bg-feature-grad.png") bottom left repeat-x;}
#blogLoginEmail,#blogLoginPassword{float:left;width:100%;clear:both;padding-bottom:.5em;}
#blogLoginForm label{display:block;float:left;width:25%;text-align:right;padding-right:1em;}
#blogLoginForm input{display:block;float:left;}
.post .more{text-align:right;}
#blog #shareThisButton,#blog p.addComment{float:right;margin:6px 15px 0 0;}
ol.blogPostComments{margin:0;padding:0;list-style-type:none;}
ol.blogPostComments li{margin:0 0 1em 0;padding:0;list-style-type:none;border:1px solid #ccc;background:url("/images/bg-side-grad.png") top left repeat-x;padding:1em;margin:1em;}
ol.blogPostComments dt{font-size:18px;}
ol.blogPostComments dd p.byline{border-bottom:1px dotted #ccc;color:#06b;}
p.byline .commentDateTime{color:#333;}
ul.pagination{float:left;clear:both;width:100%;margin:0;padding:2em 0;list-style-type:none;}
ul.pagination .prev{margin:0;padding:0;float:left;width:30%;text-align:left;}
ul.pagination .next{margin:0;padding:0;float:right;width:30%;text-align:right;}

/* Login */
#dialog { background-color: #F0F0F0; }
div.ui-dialog-titlebar { background-color: #F0F0F0;font-size: 0.875em; text-align: right; padding: 5px 10px 0 0; }
#login{border:1px solid #ccc;height:275px;margin-top:5px;width:420px;}
#login-form{font-size:0.8125em;padding:10px;text-align:left;width:350px;}
#login-form p.error{color:#c00;font-weight:bold;}
#login-form .login-element{clear:both;padding-top:1em;}
#login-form label{color:#06b;display:block;float:left;margin:0 15px 0 0;font-weight:bold;width:70px;}
#login-form .login-element input{border:1px solid #ccc;float:left;padding:5px;width:250px;}
#login-form #rememberMe{float:right;width:300px;}
#login-form #rememberMe input{margin:4px 10px 0 0;width:auto;}
#login-form #rememberMe label{width:auto;}
#login-form .submit{clear:both;height:20px;padding:1em 0;text-align:right;}
#login-form .submit input.button{float:right;margin-right:15px;}
#login-form p.caveat{font-size:10px;margin-right:15px;text-align:right;}

#blogLoginForm .blogLoginSubmit { display: block; float: left; width: 100%; }
#blogLoginForm .blogLoginSubmit input { float: none; display: block; margin: 0 auto; clear: both; line-height: 1.5em; height: 2.5em; width: 8em; border: 3px double #ccc; }

/* About */
#about #who-we-are, #about #facts-and-faqs, #about #about-resources { float: left; margin: 0; width: 210px; padding: 0 10px 0 0; }
#about #about-resources { padding-right: 0; }
#about .third h3 { margin: 0; }
#about #primary a { text-decoration: none; } 

#pgpf-tabs { width: 100%; margin: 1em 0 1em 0; }

/* Footer */
#footer { font-size: 11px; background:#ccc; padding: 20px 0; clear:both; text-align: center; }
#footer a { text-decoration: none; }