body { font-family: Arial, Sans-Serif; font-size: 12px; color: #666; background-color: #fff; height: 100%; margin: 0; padding: 0; }
a { color: #007168; text-decoration: none; cursor: pointer; }
a:hover { color: #007168; text-decoration: underline; }
a:visited { color: #007168; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #007168; margin: 0; padding: 0 0 10px 0; }
h1 { font-size: 22px; }
h2 { font-size: 20pt; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { font-size: 15px; margin: 0; padding: 0 0 10px 0;  line-height: 1.5em; }
.clear { clear: both; margin: 0; padding: 0; }

a.white, a.white:visited { color:#fff; }
a.white:hover { text-decoration:underline; }

.pagetitle h2 a, .pagetitle h2 a:hover, .pagetitle h2 a:visited { color: #fff; }

.wrapper { background-color: #007168; font-size: 16px; width: 808px; margin: 0 auto; border-bottom: 12px solid #004B44; }
.wrapper .main { float: left; background-color: #fff; margin: 0 15px; width: 758px; border-right: 9px solid #004B44; border-left: 9px solid #004B44; border-bottom: 9px solid #004B44; }

.wrapper .main h3 { font-size: 20pt; border-bottom: 1px solid #ccc; padding: 0; margin-bottom: 10px; }
.wrapper .main .middle-content h3 { border: none; float: left; }
.wrapper .main #blog-tag-nav h3, .wrapper .main #extra-tags h3 { border-bottom: 1px solid #3DBC2C; }
.wrapper .main .forum-search h3 { font-size: 18px; }
.wrapper .main a.readmore-news { background: url(../images/layout/btn-read-news.png) no-repeat; width: 117px; height: 38px; display: block; margin-top: 20px; }
.wrapper .main .readmore-news span { display: none; }
.wrapper .main a.view-directory { vertical-align:bottom;background: url(../images/layout/btn-directory.png) no-repeat; width: 263px; height: 66px; float: right; display: block; margin: 10px 0 0 10px; }
.wrapper .main .view-directory span { display: none; }
.wrapper .main a.btn { color: #fff; font-size: 10pt; background-color: #004B44; padding: 3px 8px; }
.wrapper .main a.btn:hover { text-decoration: none; background-color: #007168; }

.wrapper .main .login { width: 200px; height: 63px; background: url(../images/layout/l_mdc.gif) no-repeat 0 0; margin-bottom: 18px;}

.wrapper .main .masthead { width: 758px; height: 124px; position: relative; }
.wrapper .main .masthead h1 { background: url(../images/layout/logo.gif) no-repeat left; position: absolute; left: 25px; bottom: 15px; width: 259px; height: 89px; margin: 0; padding: 0; }
.wrapper .main .masthead h1 a { display: block; width: 259px; height: 89px; }
.wrapper .main .masthead h1 span { display: none; }
.wrapper .main .login { position: absolute; right: 25px; bottom: 15px; }
.wrapper .main .login-text { width: 151px; height: 39px; background: url(../images/layout/l_mdc.gif) no-repeat 0 0; padding-top: 45px; position: absolute; right: 25px; bottom: 15px; font-size: 10pt; text-align: right; }

.wrapper .main .topnav { background: #135a53 url(../images/layout/topnav.gif) repeat-x; position: relative; height: 41px; }
.wrapper .main .topnav ul.top-ul { list-style: none; padding: 0 0 0 69px; margin: 0;}
.wrapper .main .topnav li.top-li { float: left; display: inline; margin-right: 5px; height: 34px; }
.wrapper .main .topnav li.top-li a { display: block; width: inherit; height: 34px; }
.wrapper .main .topnav li.top-li a:hover { background-position: 0 34px; }
.wrapper .main .topnav li.top-li span { display: none; }

.wrapper .main .topnav li.about a { background: url(../images/layout/topnav-about.png); width: 122px; }
.wrapper .main .topnav li.blog a { background: url(../images/layout/sp_topnav-blog.png); width: 86px; }
/*.wrapper .main .topnav li.forums a { background: url(../images/layout/topnav-forums.png); width: 102px; }*/
.wrapper .main .topnav li.news a { background: url(../images/layout/topnav-news.png); width: 138px; }
.wrapper .main .topnav li.grantees a { background: url(../images/layout/sp_topnav-grantees.png); width: 161px; }
/*.wrapper .main .topnav li.directory a { background: url(../images/layout/topnav-directory.png); width: 125px; }*/
.wrapper .main .topnav li.resources a { background: url(../images/layout/topnav-resources.png); width: 126px; }

.wrapper .main .topnav #AboutSubNav { padding-top: 5px; position:absolute; top: 34px; left: 25px; display:none; z-index: 2000; }
.wrapper .main .topnav #GranteesSubNav { padding-top: 5px; position:absolute; top: 34px; left: 520px; display:none; z-index: 2000; }
.wrapper .main .topnav .subnav-top { margin: 0px 0 0 18px; background: url(../images/layout/topnav-sub-top.png); width: 249px; height: 17px; }
.wrapper .main .topnav .subnav-mid { margin-left: 18px; padding: 0 11px; background: url(../images/layout/topnav-sub-mid.png) repeat-y; width: 225px; }
.wrapper .main .topnav .subnav-mid li { float: none; display: block; width: 205px; height: 28px; padding: 7px 0 0 16px; }
.wrapper .main .topnav .subnav-mid li a { color: #fff; background: none; display: inline; letter-spacing: -1px; text-transform: uppercase; }
.wrapper .main .topnav .subnav-mid li.reg { background-color: #005E57; }
.wrapper .main .topnav .subnav-mid li.alt { background-color: #007168; }
.wrapper .main .topnav .subnav-bottom { margin-left: 18px; background: url(../images/layout/topnav-sub-bottom.png); width: 249px; height: 19px; }

.wrapper .main .images { background: url(../images/layout/home/1.jpg); height: 175px; }
.wrapper .main .breadcrumbs { color: #fff; font-size: 10pt; background-color: #00342F; padding: 6px 25px; }
.wrapper .main .breadcrumbs a { color: #fff; }
.wrapper .main .pagetitle { background-color: #00736B; padding: 8px 0 6px 25px; }
.wrapper .main .pagetitle h2 { color: #fff; padding: 0; }

.wrapper .main div.content { position: relative; padding: 0 25px; margin: 25px 0 35px 0; float: left; }
.wrapper .main .content li { padding-bottom: 10px; }
.wrapper .main .content img { border: none; }
.wrapper .main .content .right { float: right; padding: 0 5px 10px 10px; }
.wrapper .main .content .left { float: left; padding: 0 10px 10px 5px; }
.wrapper .main .content .accordionContent { display:none; }
.wrapper .main .content .news-item { padding: 10px; }
.wrapper .main .content .news-item .date { display: inline-block; width: 90px; }


.wrapper .main .content .alt { background-color: #F1F2F2; }
.wrapper .main .content .resource-section { border: solid 1px #666; background: #ddd; padding: 4px; margin: 0 0 4px 0; cursor: pointer; }
.wrapper .main .content .file-list { list-style: none; padding: 0 0 0 10px; margin: 0;}
.wrapper .main .content .file-list .icon-small { padding-right: 10px; }

.wrapper .main .bottom-content { clear: both; background-color: #F1F2F2; padding: 25px; margin-bottom: 25px; }

.wrapper .main .box-top { height: 11px; }
.wrapper .main .box-mid { padding: 20px 20px 20px 0; }
.wrapper .main .box-bottom { }

.wrapper .footer { color: #fff; font-size: 10pt; padding: 10px; text-align: center; }
.wrapper .footer a { color: #fff; }



/** Progress Div **/
.progressContainer { position:relative; top:25px; left:200px; z-index:2; }
.progressBox { position:absolute; width:120px; border: 1px solid #999999; padding:6px; background-color:#FFFFFF; text-align:center; }

/** Blog **/
#blog-tag-nav { position: relative; width: 220px; background: #fff;  margin-top: 20px; } 
#blog-tag-nav h3 { font-size: 12px; font-weight: bold; color: #333; }
#blog-tag-nav ul { margin: 0; padding: 0 0 12px; border-bottom: 1px solid #3dbc2c; }
#blog-tag-nav ul li { display: block; list-style: none; margin-right: 20px; padding-bottom: 0; }

#blog-tag-nav li a { color: #666; font-size: 12px; line-height: 30px; padding-left: 30px; background: url(../images/layout/sp_capital.gif) no-repeat 0 0; }
#blog-tag-nav li a:hover { background-position: 0 -18px; }

#blog-tag-nav li#blog-dev-ed a, a.tag#Talking-About-Dev-Ed { background: url(../images/layout/sp_convo.gif) no-repeat 0 0; }
#blog-tag-nav li#blog-dev-ed a:hover, a.tag#Talking-About-Dev-Ed:hover { background-position: 0 -18px; }

#blog-tag-nav li#blog-news a, a.tag#In-the-News { background: url(../images/layout/sp_news.gif) no-repeat 0 0; }
#blog-tag-nav li#blog-news a:hover, a.tag#a.tag#In-the-News:hover { background-position: 0 -18px; }

#blog-tag-nav li#blog-scaling a, a.tag#Scaling-Up { background: url(../images/layout/sp_scale.gif) no-repeat 0 0; }
#blog-tag-nav li#blog-scaling a:hover, a.tag#Scaling-Up:hover { background-position: 0 -18px; }

#blog-tag-nav li#blog-technicalass a, a.tag#Tales-of-Technical-Assistance { background: url(../images/layout/sp_tale.gif) no-repeat 0 0; }
#blog-tag-nav li#blog-technicalass a:hover, a.tag#Tales-of-Technical-Assistance:hover { background-position: 0 -18px; }

#blog-tag-nav li#blog-highlight a, a.tag#Innovation-Highlight { background: url(../images/layout/sp_lightbulb.gif) no-repeat 0 0; }
#blog-tag-nav li#blog-highlight a:hover, a.tag#Innovation-Highlight:hover { background-position: 0 -18px; }

#blog-tag-nav li#blog-campus a, a.tag#On-Campus { background: url(../images/layout/sp_campus.gif) no-repeat 0 0; }
#blog-tag-nav li#blog-campus a:hover, a.tag#On-Campus:hover { background-position: 0 -18px; }

#blog-tag-nav li#blog-dispatches a, a.tag#DEI-Dispatches { background: url(../images/layout/sp_horse.gif) no-repeat 0 0; }
#blog-tag-nav li#blog-dispatches a:hover, a.tag#DEI-Dispatches:hover { background-position: 0 -18px; }

#extra-tags { position: relative; width: 200px; background: #fff; margin-top: 20px; }
#extra-tags h3 { font-size: 12px; font-weight: bold; color: #333; }
#extra-tags ul { margin: 0; padding: 0 0 12px; border-bottom: 1px solid #3dbc2c; }
#extra-tags li { list-style: none; display: inline; margin-right: 20px; }
#extra-tags li#TagCloud a { color: #666; font-size: 12px; line-height: 22px; text-decoration: underline; margin-right: 5px; }
#extra-tags li#TagCloud a:hover { color: #00736B; }

.tags { position: relative; width: 220px; float: right; display: inline; }

.content .forum-search { position: relative; padding: 10px; background: #f2f2f2; margin-bottom: 10px; }
.content .forum-search h3 { color: #4C4C4C; border-bottom: 1px solid #4C4C4C; }
.content .forum-search p { background: #f2f2f2; font-size: 10pt; line-height: normal; }
.content .forum-search a { color: #4C4C4C; text-decoration: none; }


#ctl00_ctl00_MainContent_PageContent_toBlogIndex { margin: 20px 0 -20px; }
#blogDiv { float: left; width: 465px; }
.BlogPreview, .BlogEntry { margin: 20px 0; padding: 0 10px; background: #f2f2f2; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.first { background: #007168; color: #fff; }
.first .blogSummary { font-size: 14px; }
.first .blogTitle a { font-size: 20px; }
.blogTitle { background: #ccc url(../images/layout/g_arrow.png) no-repeat 8px 50%; padding: 3px 90px 3px 14px; margin: 0 -10px 10px; }
.blogTitle:hover { background: #93dedd url(../images/layout/g_arrow.png) no-repeat 8px 50%; }
.blogTitle a { padding-left: 10px; font-size: 16px; color: #4c4c4c; }
.blogTitle a:hover { text-decoration: none; font-color: #fff; }
.blogDate { font-size: 12px; color: #4c4c4c; float:right; display: inline; margin-top: -30px; }
.blogSummary { font-size: 12px }
.first .post-tags { border: 1px solid #007168; }
.post-tags { background: #fff; margin: 0 -10px; padding: 0; border-bottom: 1px solid #ccc; }
ul.all-tags { margin: 0; padding: 0; }
.wrapper .main .content .all-tags li { list-style: none; display: inline; float: left; margin: 10px 0 0 10px; }

.social-media { position: absolute; right: 0; top: -65px; width: 165px; height: 72px; background: #fff; }
	a#facebook { position: absolute; left: 10px; top: 11px; width: 28px; height: 28px; text-indent: -9000em; background: url(../images/layout/i_facebook.png) no-repeat 0 0; cursor: pointer; }
	a#blogger { position: absolute; left: 88px; top: 11px; width: 28px; height: 28px; text-indent: -9000em; background: url(../images/layout/i_blogger.png) no-repeat 0 0; cursor: pointer; }
	a#twitter { position: absolute; left: 49px; top: 11px; width: 28px; height: 28px; text-indent: -9000em; background: url(../images/layout/i_twitter.png) no-repeat 0 0; cursor: pointer; }
	a#rss { position: absolute; right: 10px; top: 11px; width: 28px; height: 28px; text-indent: -9000em; background: url(../images/layout/i_rss.png) no-repeat 0 0; cursor: pointer; }
	
.comments { clear: left; color: #000; margin: 50px 0 30px; }
.blogComment { color: #5f5f5f; border-bottom: 1px dotted #ccc; }
.blogComment p { font-size: 12px; }


a.tag { display: block; width: 22px; height: 16px; text-indent: -9000em; background: url(../images/layout/sp_capital.gif) no-repeat 0 0; }
a.tag:hover { background-position: 0 -18px; }

/* =Base Form Styles
==================================================================================================================*/

input, textarea, select { padding: 2px 8px; width: 400px; vertical-align: middle; }
input { padding: 5px; }
select { width: auto; }
textarea { padding: 8px; height: 126px; font-size: 14px; line-height: 1.5em; background: url(/images/bg_message.png) no-repeat 0 0; }


/* input overrides based on type */
input.radio, input.checkbox,
.buttons input, input.button, input.submit, input.image { color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; width: 100px; margin: 0 0 20px 20px; background: #11A99C; border: none; box-shadow: #241c14 0 2px 10px; -moz-box-shadow: #241c14 0 2px 5px; -webkit-box-shadow: #241c14 0 2px 5px; }	
	

/* specific input types */
.postal-code input { width: 5em; }
input.prefix { margin: 0 .25em 0 0; width: 2.5em; }
input.area-code { margin: 0 .25em; width: 2.5em; }
input.suffix { width: 3em; }

/* fieldset defaults */
.fieldset { }

legend { padding: 0.2em 0.5em; border:1px solid green; background: #11A99C; color: #fff; }

.field { position: relative; width: 262px; margin: 20px; }

/* labels */
label { font-size: 13px; }
.checkboxes label, .radios label { float: none; margin: 0 0 0 5px; padding: 0; }

/* radio & checkbox lists */
ul.radios, ul.checkboxes { margin: 0; }
ul.radios li, ul.checkboxes li { margin-right: 20px; }

/* summary / input descrition items */
em.summary { display: block; margin: 5px 0 0 110px; font-style: normal; font-size: .857em; color: #999; }

/* error messages */
.error-message { display: block; width: 230px; padding: 4px 10px 3px 30px; border: 1px solid #e5a3a3; background: #ffcfcf url(/i_exclamation.gif) no-rep eat 10px 5px; color: #801b1b; font-style: normal; }