body { font-family: Arial, Sans-Serif; font-size: 12px; color: #333; background-color: #fff; margin: 0; padding: 0; }
a { color: #004990; text-decoration: none; cursor: pointer; }
a:hover { color: #004990; text-decoration: underline; }
a:visited { color: #004990; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0 0 10px 0; }
h1 { font-size: 22px; }
h2 { font-size: 20pt; }
h3 { font-size: 18pt; color: #004990; border-bottom: 1px solid #ddd; padding: 0; margin-bottom: 10px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { font-size: 14px; margin: 0; padding: 0 0 10px 0; }
img { border: none; }
strong { font-weight: bold; color: #004990; }
.larger { font-size: 16px; }
.smaller { font-size: 12px; }
.clear{ height: 1px; overflow: hidden; line-height: 1px; font-size: 1px; clear: both; }

.wrapper { width: 944px; margin: 0 auto; font-size: 14px; }

.wrapper .login { position: relative; z-index:2; float:right; padding:5px 40px; }

.wrapper .masthead { position: relative; width:100%; height: 170px; padding: 0; margin: 0; }
.wrapper .masthead .logo { position: absolute; top: 25px; left: 0; background: url(../images/layout/logo.gif) no-repeat; width: 323px; height: 126px; border: none; margin: 0; padding: 0; }
.wrapper .masthead .logo a { display: block; width: 323px; height: 126px; }
.wrapper .masthead .logo a span { display: none; }

.wrapper .masthead .quicklinks { position: absolute; border: 1px solid #ddd; width: 550px /*570px*/; height: 65px; top: 45px; right: 0 !important; padding:0 0 0 20px; }
.wrapper .masthead .quicklinks li { list-style: none; float: left; padding: 0; margin: 0; }
.wrapper .masthead .quicklinks li a { display: block; width: inherit; height: 26px; border-right: 1px solid #bfd1e3; margin-top: 8px; }
.wrapper .masthead .quicklinks li a.last { border: none; padding: 0; margin-top: 15px; }
.wrapper .masthead .quicklinks li.schedule { background: url(../images/layout/mast-class.png) no-repeat; margin-top: 10px; width: 206px; height: 40px; }
.wrapper .masthead .quicklinks li.schedule a { width: 196px; }
.wrapper .masthead .quicklinks li.email { background: url(../images/layout/mast-email.png) no-repeat; margin-top: 10px; width: 150px; height: 39px; }
.wrapper .masthead .quicklinks li.email a { width: 140px; }
.wrapper .masthead .quicklinks li.contribute { background: url(../images/layout/mast-contribute.png) no-repeat; margin-top: 4px; width: 177px; height: 60px; }
.wrapper .masthead .quicklinks li.contribute a { width: 177px; }
.wrapper .masthead .quicklinks li span { display: none; }

.wrapper .topnav { height: 42px; }
.wrapper .topnav ul { height: 42px; background: url(../images/layout/box-top-g.png) no-repeat bottom; margin: 0; padding: 0 0 0 30px; }
.wrapper .topnav li { float: left; height: 38px; list-style: none; }
.wrapper .topnav li a { display: block; width: inherit; height: 39px; }
.wrapper .topnav li.about { background: url(../images/layout/topnav-about.png) no-repeat; width: 114px; }
.wrapper .topnav li.classes { background: url(../images/layout/topnav-classes.png) no-repeat; width: 186px; }
.wrapper .topnav li.farm { background: url(../images/layout/topnav-farm.png) no-repeat; width: 155px; }
.wrapper .topnav li.comelearn { background: url(../images/layout/topnav-comelearn.png) no-repeat; width: 143px; }
.wrapper .topnav li.news { background: url(../images/layout/topnav-news.png) no-repeat; width: 144px; }
.wrapper .topnav li.involved { background: url(../images/layout/topnav-involved.png) no-repeat; width: 140px; }
.wrapper .topnav li span { display: none; }
.wrapper .topnav ul ul { margin-top: -1px; padding: 0; background: #7686b8; position: relative; z-index: 3; display:none; }
.wrapper .topnav ul ul li { float: none; height: auto; width: auto; margin: 0; padding: 5px 10px; background: #7686b8; position: relative; z-index: 4; }
.wrapper .topnav ul ul li a { height: auto; color: #fff; }

.wrapper .main { z-index: 1; }
.wrapper .main .breadcrumbs { background: url(../images/layout/box-mid.png) repeat-y; font-size: 10pt; width: 928px/*944px*/; padding: 0 10px 0 6px; }
.wrapper .main .breadcrumbs .items { background-color: #E6E6E6; color: #808080; padding: 0 0 0 15px; margin: 0; height: 19px; }
.wrapper .main .breadcrumbs .items .node { color: #808080; margin-top: -4px; margin-left: 5px; height: 23px; line-height: 23px; float: left; display: block; padding-right: 20px; background: url(../images/layout/breadcrumb.gif) no-repeat right; }
.wrapper .main .breadcrumbs .items span { float: left; line-height: 23px; }
.wrapper .main .page-title { background-color: #004990; padding: 6px 40px; }
.wrapper .main .page-title h2 { font-size: 18pt; color: #fff; padding: 0; margin: 0; }
.wrapper .main .rounded { background-color: #F5F5F5; position: relative; padding: 8px; }
.wrapper .main .rounded .tl, .tr, .bl, .br { position : absolute; width: 8px; height: 8px; display: block; background: url(../images/layout/corners.gif) no-repeat; }
.wrapper .main .rounded .tl { background-position: 0px 0px; top: 0; left: 0; }
.wrapper .main .rounded .tr { background-position: -8px 0px; top: 0; right: 0; }
.wrapper .main .rounded .bl { background-position: 0 -8px; bottom: 0; left: 0; }
.wrapper .main .rounded .br { background-position: -8px -8px; bottom: 0; right: 0; }

.wrapper .main .content { padding: 10px 25px; border: 1px solid #ddd; position:relative; }
.wrapper .main .right { float: right; width: 292px/*342*/; margin: 25px 25px 25px 0; }
.wrapper .main .left { float: left; width: 455px/*517*/; margin: 25px 25px 25px 25px; }
.wrapper .main .center { margin: 25px; }

.wrapper .main .content ul { margin: 0; padding: 10px 0 15px 25px; list-style-type: square; }
.wrapper .main .content .treeview * { list-style: none; }
.wrapper .main .content .fleft { float: left; margin: 0 10px 10px 0; }
.wrapper .main .content .fright { float: right; margin: 0 0 10px 10px; }

.wrapper .footer { text-align: center; margin-bottom: 40px; }
.wrapper .footer p { color: #999; padding: 7px 0; font-size:13px !important; }

.wrapper .box-top { background: url(../images/layout/box-top.png) no-repeat; height: 10px; width: 944px; clear: both; }
.wrapper .box-mid { background: url(../images/layout/box-mid.png) repeat-y; overflow: auto; width: 928px/*944px*/; padding: 0 10px 0 6px; }
.wrapper .box-bottom { background: url(../images/layout/box-bottom.png) no-repeat; height: 12px; width: 944px; }



a.np:link { color:#999999; font-size:9px; }
a.np:visited { color:#999999; font-size:9px; }
a.np:hover { color:#999999; font-size:9px; }
.np { color:#999999; font-size:9px; display:none; }



/** Datagrids **/
.datagrid { border-color: #ccc; border-collapse: collapse; border-style: solid; }
/* .datagrid td { padding: 3px; } */
.datagridheader { background-color:# 666666; color: #fff; font-weight: bold; }
.datagridheader a:link { color: #fff; text-decoration: none;  }
.datagridheader a:visited { color: #fff; text-decoration: none;  }
.datagridheader a:hover { color: #fff; text-decoration: underline;  }

.datagriditem { }
.datagriditem_alt { background-color: #eee; }
.datagridfooter {  }

.datatable { padding: 0; margin: 0; }


/** Calendar **/

.monthlinks { text-align: center; margin: 15px 0 10px 0; }
.monthlinks h3, .monthlinks h4 { display: inline; }
.monthlinks h3 { padding: 0 20px; font-size: 22px; border: none; }
.monthlinks h4 { font-size: 14px; }
.monthlinks h4 a { text-decoration: none; }

.cal { width: 100%; border: none; }
.cal tr { border: none; }
.cal tr td { }
.cal tr .day { border: 1px solid #ccc; height: 75px; vertical-align: top; padding: 3px; }
.cal tr .day .date { display: block; float: right; line-height: normal; font-size: 14px; color: #666; }
.cal tr .othermonth .date { color: #aaa; }
.cal tr .today { background: #eee; }
.cal .head { color: #999; text-align: center; font-weight: bold; }
.cal .head td { background-color: inherit; height: 30px; width: 14%; vertical-align: middle; }

.events { display: block; background: url(../images/event-icon.png) no-repeat center center; width: 85px; height: 68px; cursor: pointer; }
.events * { display: none; }

.event h2.event-title { margin: 0 0 5px 0; color: #FF6600; border-bottom: solid 2px #FF6600; } 
.event .event-datetime { position: absolute; right: 40px; }   
.event .event-description { font-weight: normal; padding: 0; margin: 0; }