body { margin:0 auto; background:#fff; text-align:center; padding:0px; font-family:verdana; font-size:10px; color:#000; line-height:14px; }
input { font-family:verdana; font-size:10px; }
select { font-family:verdana; font-size:10px; }
textarea { font-family:verdana; font-size:10px; }
br.small { line-height:6px; }
br.tiny { line-height:3px; }
p { padding:0px; margin:0px; padding-bottom:9px; }
form { padding:0px; margin:0px; }
.red { color:red; }
.heightfix { display:none; }
img { behavior:url(../utils/pngHack.htc); }
.png{behavior:url(../utils/pngHack.htc);}
.floatLeft { float:left; }
br.clear { clear:both; }

ul { padding:0px; margin:5px; list-style:none; }
ul li { padding-left:13px; padding-bottom:6px; background:url(../images/bullet_raquo.gif) 0px 3px no-repeat; }

h1 { font-size:1.5em; line-height:1.1em; margin:0 0 0.8em 0; color:#37B961; font-weight:bold; }
h2 { font-size:13px; margin:0.8em 0; color:#000; font-weight:bold; }
h3 { font-size:11px; margin-bottom:3px; margin-top:0px; color:#0166FE; }
h4 { font-size:11px; margin-bottom:3px; margin-top:0px; }
h5 { font-size:11px; margin-bottom:3px; margin-top:0px;color:#003366; }

a:link { color:#0066FF; text-decoration: underline; }
a:visited { color: #0066FF; text-decoration: underline; }
a:hover { color: #0066FF; text-decoration: none; }


/** Page Styles **/
#center { width:742px; margin:auto; text-align:left; }
#topflash { float:left; width:742px; }
#topbar { float:left; width:742px; height:4px; background-image:url(../images/top_bar.jpg); }

#leftColumn { width:211px; float:left; }
#bottom_left { padding-bottom:20px; }

#main_bkg { float:left; width:742px; background:url(../images/main_sub_bkg.gif) top left repeat-y; }

#nsf_logo { background:none; }

#main { width:511px; padding:14px 5px 20px 15px; font-size:11px; float:left; }
.textholder { float:left; width:500px; clear:left; margin:0px; padding:0px; }

#footer { float:left; width:712px; background:#000000; padding:8px 15px 8px 15px; color:#cccccc; }
#footer a { color:#cccccc; text-decoration:none; }
#footer a:hover { color:#ffffff; text-decoration:underline; }


#eventsContainter { float:left; }

/** Puzzler Box **/
#puzzlerBox { width:211px; height:239px; background:url(../images/left_column_bottom.jpg); font-weight:bold; color:#0166FE; }

a:link.puzzler { text-decoration:none; cursor:hand; }
a:visited.puzzler { text-decoration:none; }
a:hover.puzzler { text-decoration:none; }

#puzzlerBox .padding { padding:13px 11px 0 11px; }
#puzzler { width:187px; height:83px; background:white; overflow:hidden; cursor:pointer; }
#winner { margin-top:43px; width:187px; height:83px; background:white; overflow:hidden; cursor:pointer; }
#puzzlerBox .title { padding-top:4px; padding-bottom:2px; font-size:14px; text-align:center; }
input.title { font-size:14px; text-align:center; color:#0166FE; font-weight:bold; }
#puzzlerBox .desc { padding:4px; color:black; }
.textareadesc { font-size:10px; font-weight:bold; }
#winner .desc { text-align:center; font-size:12px; }


/** Events **/
ul.events { margin:5px; padding:5px; list-style:none; border-bottom:#ffffff solid 1px; }
ul.events li { padding-left:18px; background:url(../images/bullet.gif) 0px 3px no-repeat; padding-bottom:15px; } 

a:link.event { text-decoration:none; cursor:hand; font-weight:bold; color:#000000; }
a:visited.event { text-decoration:none; font-weight:bold; color:#000000; }
a:hover.event { text-decoration:underline; }

.event_date { color:#0166FE; } 

.events_header { color:#000000; font-size:13px; margin:5px; padding:5px; }


/** Progress Div **/
.progressContainer { position:relative; margin:0 auto; width:inherit; top:65px; z-index:2; }
.progressWidth { width:100px; margin:auto; }
.progressBox { position:absolute; width:100px; border: 1px solid #999999; padding:6px; background-color:#FFFFFF; text-align:center; }


/* \*/
* html .progressContainer { position:relative; top:55px; left:170px; z-index:2; }
* html .progressWidth { width:100px; margin:auto; }
* html .progressBox { position:absolute; width:100px; border: 1px solid #999999; padding:6px; background-color:#FFFFFF; text-align:center; }
/* */


/**** Datagrids ****/
.datagrid { }
.datagrid td  { padding:10px 5px; }
.datagridheader { font-size:14px; font-weight:bold; }
.datagridheader td { border-bottom:1px solid black; padding:5px; }
/*.datagriditem a, .datagriditem_alt a { color:#003366; text-decoration:none;  }*/
.datagriditem a:hover, .datagriditem_alt a:hover { color:#003366; text-decoration:underline;  }
.datagriditem { font-size:10px; }
.datagriditem_alt { font-size:10px; background-color:#F5F5F5; }
.datagridfooter {  }

.GridViewHeader { font-size:14px; font-weight:bold; color:#333333; }
.GridViewHeader th { border-bottom:1px solid black; }
.GridViewItem { font-size:10px; }
.GridViewItem_Alt { background-color:#eeeeee; font-size:10px; }