* {
   padding: 0;
   margin: 0;
}

body {
   background: #4E71B9 url(../img/body_gradient.gif) repeat-x scroll left top;
   margin: 0;
   padding: 0;
   font-size: inherit;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
}

#header {
   padding: .5em;
   border-bottom: 1px solid gray;
   background: #2B2B2B url(../img/topbg_blue.png) repeat-x;
   height: 95px;
}

#header h1 {
   padding: 0;
   margin: 0;
}

#headerLeftContent {
   position: relative;
   float: left;
   bottom: 0; /* padding: 0em 2.0em 1.3em 2.0em; */
   padding-left: 1.1em;
   width: 58%;
}

#headerLeftContent h1 {
   font-weight: normal;
   color: #fff;
   font-size: 2.2em;
}

#headerLeftContent h1 sup {
   color: #777;
}

#headerLeftContent h2 {
   font-size: 1.0em;
   font-weight: normal;
   color: #aaa;
}

#headerRightContent {
   position: relative;
   float: right;
   width: 38%;
}

#headerRightContent h1 {
   font-weight: normal;
   color: #fff;
   font-size: 2.5em;
}

#headerRightContent h1 sup {
   color: #777;
}

#headerRightContent h2 {
   font-size: 1.0em;
   font-weight: normal;
   color: #aaa;
}

#search {
   position: absolute;
   right: 5px;
   padding-right: 0;
   padding-top: 2px;
}

#search input.text {
   background-color: #f3f3ee;
   margin-right: 5px;
   vertical-align: middle;
   border: solid 1px #777777;
   padding: 1px;
   width: 150px;
   height: 20px;
}

#search a:visited {
   color: #4d0b1e;
   font-weight: bold;
   text-decoration: none;
   /*
      border: solid 1px #003863;
      vertical-align: middle;
   */
}

#search img {
   background: #01589b url(../img/buttonbg_blue.gif) repeat-x;
   vertical-align: middle;
   border: 0;
}

/* Pictures below the header */
#headerpic {
   height: 109px;
   background: #4E71B9;
   margin-bottom: 0;
}

#headerpic img {
   float: left;
   margin-left: 20px;
}

/* Content Area */

#bodyConstaint {
   min-width: 1080px;
   max-width: 1200px;
   width: 90%;
   margin: 10px auto;
   background-color: #f3f3ee;
   color: #333;
   border: 1px solid gray;
   line-height: 130%;
}

#leftnav {
   float: left;
   width: 220px;
}

#rightnav {
   float: right;
   width: 270px;
}

#leftnav_row1 {
   float: right;
   width: 185px;
   background: #ffffff url(../img/dogear_menu.png) no-repeat top right;
   margin: 10px;
   padding: 5px;
   text-align: left;
   font-size: 0.9em;
   border: 2px solid #ebebeb;
}

#srf_logo_flash {
   float: right;
   width: 200px;
   margin: 5px 5px 5px 5px;
   padding: 5px;
   text-align: left;
   font-size: 0.9em;
}

#srf_logo_flash img {
   border-style: none;
}

#srf_logo_flash a {
   text-decoration: none;
   border: 0;

}

#nsfa img {
   text-decoration: none;
   border: 0;
}

#row1 {
   float: right;
   width: 270px;
   background: #ffffff url(../img/dogear_news.png) no-repeat top right;
   margin: 10px 10px 5px 5px;
   padding: 10px 25px 5px 10px;
   text-align: left;
   font-size: 0.9em;
   border: 2px solid #ebebeb;
}

#row2 {
   float: right;
   width: 270px; /*margin: 0;*/
/*padding: 1em;*/
   background: #ffffff url(../img/dogear_fno.png) no-repeat top right;
   margin: 20px 10px 5px 5px;
   padding: 10px 25px 5px 10px;
   text-align: left;
   font-size: 0.9em;
   border: 2px solid #ebebeb;
}

#row2.tbd {
   background: #ffffff url(../img/dogear_tbd.png) no-repeat top right;
}

#row2.board {
   background: #ffffff url(../img/dogear_srf_board.png) no-repeat top right;
}

#row2.events {
   background: #ffffff url(../img/dogear_events.png) no-repeat top right;
}

#row2.donate {
   background: #ffffff url(../img/dogear_donate.png) no-repeat top right;
}

#row2.matching_funds {
   background: #ffffff url(../img/dogear_matching_funds.png) no-repeat top right;
}

#row2 ol {
   margin-left: 20px;
}

#row2 ul {
   margin-left: 15px;
}

#row2 p {
   margin-left: 5px;
}

#thermo {
   margin: 0 10px 10px 10px;
}

#content {
   margin-left: 220px;
   border-left: 1px solid gray;
   margin-right: 328px;
   border-right: 1px solid gray;
   padding: 1em;
}

#content h2 {
   margin: 0 0 .5em 0;
}

#content ol {
   margin-left: 20px;
}

#content ul {
   margin-left: 20px;
}

#content a img {
   float: left;
   margin: 4px;
   border: none;
}

#content p.donor_category {
   font-weight: bold;
   color: #630f27;
}

#content p span.bold {
   font-weight: bold;
   color: #630f27;
}

#content p span.italics {
   font-style: italic;
   color: #630f27;
}

#content p span.boldItalics {
   font-style: italic;
   font-weight: bold;
   color: #630f27;
}

#content p span.bold_underline {
   font-weight: bold;
   text-decoration: underline;
   color: #630f27;
}

#content span.italics_underline {
   font-style: italic;
   font-weight: normal;
   text-decoration: underline;
   color: #630f27;
}

#content span.italics_bold_underline {
   font-style: italic;
   font-weight: bold;
   text-decoration: underline;
   color: #630f27;
}

#content ul li table {
   font-size: smaller;
   margin: 5px 15px 5px 5px;
}

#content table tr td img {
   margin: 5px 10px 5px 5px;
}

#whatshappening {
   clear: left;
}

#footer {
   clear: both;
   padding: .5em;
   color: #333;
   background-color: #f3f3ee;
   border-top: 1px solid gray;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

div#thermo {
   float: left;
}

div#thermo img {
   padding: 10px;
}

/* Conent tweeks: Fonts, colors, etc */

p {
   margin-top: 1.1em;
   margin-bottom: 1.1em;
}

p > span {
   font-weight: bold;
}

p.small {
   line-height: 90%;
   font-size: small;
}

p.bold {
   font-weight: bold;
   color: #630f27;
}

p.italics {
   line-height: 90%;
   font-style: italic;
}

p.smallItalics {
   line-height: 90%;
   font-size: small;
   font-style: italic;
}

p.smallItalicsCentered {
   line-height: 90%;
   font-size: small;
   font-style: italic;
   text-align: center;
}

p.smallLineSpacing {
   line-height: 90%;
}

span.asterisk {
   font-weight: bold;
   font-size: large;
   color: red;
}
span.italics {
   font-style: italic;
   font-weight: normal;
}

span.smallItalics {
   font-style: italic;
   font-size: smaller;
   font-weight: normal;
}

span.bold {
   font-weight: bold;
   color: #630f27;
}

span.boldItalics {
   font-style: italic;
   font-weight: bold;
   color: #630f27;
}

span.boldItalicsBlack {
   font-style: italic;
   font-weight: bold;
}

span.boldUnderline {
   font-weight: bold;
   text-decoration: underline;
   color: #630f27;
}

span.italicsUnderline {
   font-style: italic;
   font-weight: normal;
   text-decoration: underline;
   color: #630f27;
}

span.italicsBoldUnderline {
   font-style: italic;
   font-weight: bold;
   text-decoration: underline;
   color: #630f27;
}

a {
   color: #182976;
}

a.logo {
   border: none;
}

a.active {
   color: #cc0000;
}

a:hover {
   color: #4d0b1e;
   text-decoration: none;
}

/*
a:visited {
   color: #4e71b9;
}
*/

h1, h2, h3, h4 {
   margin-top: 1.0em;
   margin-bottom: 1.1em;
   color: #4E71B9;
}

/** Navigation style **/

div#leftnav h2 {
   color: #4E71B9;
   padding: 0 0 5px 10px;
   font-size: 1.5em;
   font-weight: 100;
}

div#leftnav ul {
   padding: 30px 0 10px 25px;
   list-style: none; /* list-style-image: url(../img/ul_blue.png); */
}

div#leftnav ol {
   color: #777;
   padding: 0; /* padding: 10px 0 10px 30px; */
}

div#leftnav ul li {
   line-height: 10%;
}

div#leftnav ul li a {
   text-decoration: none;
}

div#leftnav ul li a:visited {
   text-decoration: none;
}

div#leftnav ul li a:hover {
   text-decoration: none;
}

div#leftnav ul li a.active {
   text-decoration: none;
}

div#leftnav img {
   border: none;
}

div.image {
   text-align: center;
}

div.image div {
   text-align: center;
   font-style: italic;
}

div#rightnav table {
   width: 100%;
}

div#rightnav table th {
   text-align: center;
}

div#rightnav table tr td {
   text-align: center;
}

.superscript {
   font-size: xx-small;
   vertical-align: top;
}

.subscript {
   font-size: xx-small;
   vertical-align: bottom;
}

/* Generic bold class with no color */
.boldBlack {
   font-weight: bold;
   color: #000000;
}

/* Generic bold class with color */
.bold {
   font-weight: bold;
   color: #630f27;
}

td.leftAlign {
   text-align: left;
}

td.centerAlign {
   text-align: center;
}

td.rightAlign {
   text-align: right;
}

hr.one_px_red {
   height: 1px;
   color: #630f27;
   background-color: #630f27;
}

div#silentAuctionTable {
   font-size: smaller;
   width: 825px;
}

/***********************************************/
/* striping */
.yui-skin-sam tr.yui-dt-even {
   background-color: #FFF;
}

/* white */
.yui-skin-sam tr.yui-dt-odd {
   background-color: #EDF5FF;
}

/* light blue */
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc {
   background-color: #EDF5FF;
}

/* light blue sorted */
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc {
   background-color: #DBEAFF;
}

/* dark blue sorted */

/* disable striping in list mode */
.yui-skin-sam .yui-dt-list tr.yui-dt-even {
   background-color: #FFF;
}

/* white */
.yui-skin-sam .yui-dt-list tr.yui-dt-odd {
   background-color: #FFF;
}

/* white */
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-asc,
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc {
   background-color: #EDF5FF;
}

/* light blue sorted */
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-asc,
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-desc {
   background-color: #EDF5FF;
}