/* Start of CMSMS style sheet 'Jonas CSS' */
/* CSS Document */

/* GLOBAL */
html, body { margin: 0;	padding: 0; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; line-height: 140%; margin-bottom: 50px; background: url(../uploads/images/bg_main.gif) repeat-x top left; }
img{ border: 0; }
h1 { font-size: 150%; margin: 0 0 1em 0; padding: 0; }



/* LAYOUT */
#bannerWrapper { display:block; background-color: #fff; margin: 0 auto; position:relative; width:768px; z-index:99999; }
#banner { display:block; width: 768px; float:left; }
#logo { margin: 0; padding: 0; float: none; }
#facebook { display:block; width: 175px; margin: 0em 0 0 0; padding: 0; }
#search { position:absolute; top:70px; right: 0px; width: 230px; margin: 2em 0 0 2em; }
#search input { background-color: #ffffff; color: #333; border: 1px solid #666; margin: 1px 0px; }
#searchbox { padding: 2px; }

#mainWrapper { background: url(../uploads/images/bg2.gif) repeat-x top left; padding: 0; margin: 0; }
#main { width: 768px; margin-right: auto; margin-left: auto; padding: 0; }
#homeContent{ float: right; width: 768px; margin: 0; padding: 0; background: url(../uploads/images/bg_homeContent.gif) repeat-x top left; background-color: #ccc; border-bottom: 1px solid #333; }
#intContent { float: right; width: 549px; margin: 0; padding: 15px; background-color: #e7e7e7; border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; }
#intContentNoNav { width: 736px; margin: 0; padding: 15px; background-color: #e7e7e7; border-left: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333; }
#subnav { float: left; width: 157px; background-color: #1DA6BB; margin: 0; padding: 15px; }
#homeSideBar { float: left; width: 229px; height: 295px; background-color: #666; margin: 0; padding: 5px 15px 0px 15px; }
#homeSideBarRight { float: right; width: 509px; height: 300px; background-color: #666; margin: 0; padding: 0px 0px 0px 0px; }
#homeSideBar p,#homeSideBar p a { color: #ffffff; }
#footer { text-align: right; color: #333; width: 768px; margin-right: auto; margin-left: auto; }

#awardAnnounceHomeContent{float: right; width: 546px; margin: 0; padding:0; background-color: #e7e7e7;}
#grantees2006HomeContent{float: right; width: 548px; margin-left: auto; margin-right: auto; padding:0; background-color: #e7e7e7;}
/* /LAYOUT */




#subnav p { color: #fff; padding: 0; margin: 0; }
#subnav ul { margin: 0; padding: 0; list-style: none; }
#subnav li { color: #000000; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
#subnav li.selected { list-style-image: url("../uploads/images/subnav_arrow.gif"); }
#subnav a { color: #fff; }
#subnav a:hover { text-decoration: underline; }

#splash {border-bottom: 1px solid white; float: left; }
#featureWrapper { margin: 0; padding: 0px 3px; text-align: center;}
#featureWrapper ul { width: 225px; color: #fff; margin: 0px 0px 0 8px; padding: 0px; list-style: none; }
#featureWrapper li {  margin: 0 0 10px 0; padding: 0; }
#featureWrapper li a { color: #fff; margin: 0; padding: 0; }
.featureColumn { float: left; width: 269px; margin: 0 0 0 3px; padding: 10px 5px 0 3px; text-align: left; }

#intContent p { padding: 0; margin: 0 0 10px 0; }
#intContent a:link,#intContent a:visited { color: #1DA6BB; }

.searchResult { margin: 0px 10px 10px 0px; padding: 10px 0px; list-style: none; }
.searchResult li {  margin: 0; padding: 10px 10px 10px 0px; }
.searchResult li a { margin: 0; padding: 10px 10px 10px 0px; }

.printFriendly { float:right; padding: 10px 10px 10px 0px; }

#clear { clear: both; }
#clear2 { clear: right; }


/* form styles */

form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* SIDEBAR */
.t {background: url(../images/tdot.gif) 0 0 repeat-x; width: 140px}
.b {background: url(../images/bdot.gif) 0 100% repeat-x}
.l {background: url(../images/ldot.gif) 0 0 repeat-y}
.r {background: url(../images/rdot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl2.gif) 0 100% no-repeat}
.br {background: url(../images/br2.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl2.gif) 0 0 no-repeat}
.tr {background: url(../images/tr2.gif) 100% 0 no-repeat; padding:10px}
.sidebarContent {background-color: #CCCC99; color:#333333;}
.arrow{margin:0px; padding:0px;}
/* /SIDEBAR */
/* End of 'Jonas CSS' */

