#bodyFrame { text-align:left }

#bodyFrame a { color:#005368 !important; text-decoration:none }
a:hover { text-decoration:underline !important }
label.hand { cursor:pointer }

#joinBox { width:249px; float:right; margin:6px 0 12px 20px }
#joinBox .top { height:56px; background:url(../universe-project/i/tmpl/joinbox/top.gif) no-repeat }
#joinBox .mid { background:url(../universe-project/i/tmpl/joinbox/mid.gif) repeat-y; padding:0 20px; color:#fff }
#joinBox .bot { height:11px; background:url(../universe-project/i/tmpl/joinbox/bot.gif) no-repeat }

#joinBox .btn { margin-top:10px }
#joinBox .btn, #joinBox .btn a { display:block; text-indent:-2000em; width:207px; height:93px; background-repeat:no-repeat }
#joinBox .btn a:hover { background-position:0 -93px } 
#joinBox .bJoin, #joinBox .bJoin a { margin:0; background-image:url(../universe-project/i/tmpl/joinbox/btn-join.gif) }
#joinBox .bConnect, #joinBox .bConnect a { background-image:url(../universe-project/i/tmpl/joinbox/btn-connect.gif) }
#joinBox .bEngage, #joinBox .bEngage a { background-image:url(../universe-project/i/tmpl/joinbox/btn-engage.gif) }

#joinBox .popExp { text-align:left; color:#fff; font-size:11px }
#joinBox .popExp .inner { background:url(../universe-project/i/tmpl/joinbox/fade.gif) 0 100% repeat-x; padding:12px }
#joinBox .popExp a { font-weight:bold; color:#222 !important; background:#B8E3EB; padding:2px }
#joinBox .popExp a:hover { background:#B8E3EB }

				
/* home page */

#divers { background:url(../universe-project/i/tmpl/divers-bg.jpg) no-repeat 100% 0 }

h1.upMain { text-indent:-2000em; width:485px; height:69px; padding-top:27px; margin:0 0 20px 25px;
	background:url(../universe-project/i/tmpl/up-title-main-beta.gif) 0 27px no-repeat } /*width:403px...up-title-main.gif*/

#mainCopy { margin:50px 0 0 25px; min-height:550px }

#upNav1 a { font:bold 16px verdana }
#upNav2 a { font:bold 15px/24px verdana }


/* inner pages */

h1 { text-indent:-2000em; width:580px; height:68px; padding-top:27px; margin:0 0 20px 25px; background:0 27px no-repeat }
h1.modules		{ background-image:url(../universe-project/i/titles/modules.gif) }
h1.inspiration	{ background-image:url(../universe-project/i/titles/inspiration.gif) }
h1.driving		{ background-image:url(../universe-project/i/titles/driving.gif) }
h1.join			{ background-image:url(../universe-project/i/titles/join.gif) }
h1.whatIs		{ background-image:url(../universe-project/i/titles/what-is.gif) }
h1.evolutionary	{ background-image:url(../universe-project/i/titles/evolutionary.gif) }
h1.signUp		{ background-image:url(../universe-project/i/titles/sign-up.gif) }
h1.resources	{ background-image:url(../universe-project/i/titles/resources.gif) }
h1.team			{ background-image:url(../universe-project/i/titles/team.gif) }
h1.dashboard	{ background-image:url(../universe-project/i/titles/dashboard.gif) }

h2 { font:bold italic 18px verdana; color:#555; margin:0 0 12px }
h3 { font:italic 16px verdana; color:#686868; margin:0 0 12px }

#bodyFrame { background:url(../universe-project/i/tmpl/bg-inner-lower.gif) repeat-y }
#innerPage { background:url(../universe-project/i/tmpl/bg-inner.jpg) no-repeat }

#innerPage blockquote { margin:8px 0; padding:5px 12px; font-size:11px; border-left:1px dotted #888; background:#f7f7f7 }

#inspiration { width:140px; margin:40px 0  }
#inspiration .top { height:149px; background:url(../universe-project/i/tmpl/inspiration-top.gif) no-repeat }
#inspiration .top a { display:block; height:149px }
#inspiration .mid { background:url(../universe-project/i/tmpl/inspiration-mid.gif) repeat-y; padding:0 12px 10px; color:#ddd }
#inspiration .bot { height:10px; background:url(../universe-project/i/tmpl/inspiration-bot.gif) no-repeat }
#inspiration p { font-size:11px }
#inspiration a { font-weight:bold; color:#e2e2e2 !important; text-decoration:underline }
#inspiration a:hover { color:#fff !important }

table.upStruct { margin-left:25px }
table.upStruct td.nav { width:175px; vertical-align:top }
table.upStruct td.main { width:480px; vertical-align:top }
table.upStruct td.main a { text-decoration:underline }
table.upStruct td.main a:hover { text-decoration:none !important }

span.pron { font-size:11px; color:#888 }	/* pronunciation */

/* modules */

.module { overflow:auto; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #444 }
img.moduleIcon { float:left; margin-right:12px }
.module .info { float:left; width:340px }
.module h4 { font:bold 13px verdana; color:#222; margin:0 0 5px }
.module h4 .comingsoon { font:italic 11px verdana; color:#FC7748; padding-left:20px; padding-bottom:2px }
.module h4 a { color:#222 !important }
.module h5 { margin:0 0 10px; font:italic 12px verdana; color:#666 }
.module p { color:#888; font-size:11px }
.module p a { /* font-weight:bold  */}

.modulePopup h4 { font:bold 15px verdana; color:#222; margin:8px 0 5px }
.modulePopup h5 { margin:0 0 10px; font:italic 12px verdana; color:#666 }
.modulePopup p { clear:both; color:#222; font-size:11px }

/* signup forms */

input.submit { font:bold 11px "verdana"; padding:3px 8px; cursor:pointer }
.userForm em { font-weight: bold; font-style:normal; color: #c00 }
.userForm input, .userForm label, .userForm select { font-size:11px }

td.hsep, div.hsep { line-height:40px; background:url(../universe-project/i/tmpl/sep3.gif) repeat-x 0 50% }
div.hsep { line-height:20px }

td.tLabel { width:130px; font-weight:bold; vertical-align:top }
td.tInput { vertical-align:top }
td.spacerRow { line-height:6px }
td.tInputMiniLabel { width:110px; font-style: italic; font-size: 9px; color:#666; padding-bottom:3px }
td.tInputMiniLabel input { width:100px; font-style:normal }
.userForm .miniInputLabel, .userForm .tInput .lblErr { display:block !important; margin:8px 0 3px;
		font-style: italic; font-size: 9px; color:#666 }

.miniModuleIcon { margin-right:20px }
.userForm p.moreInfo { font-size:10px; margin:7px 0 0 }

#regionPopupLink { background:#ffc; padding:3px }
a#regionPopupLink:hover { text-decoration:underline !important }

tbody#continuation, tbody#newEvoInputs { display:none }

.mapFloat { float:right; margin:0 0 15px 15px }

.lblErr		{color: #c03 !important}
.errMsg		{ border:1px solid #ccc; background-color:#f3f3f3; padding:12px;
				font:bold 11px verdana; color:#803; text-align:left;
				display:none; width:350px; margin:15px 0 0 }

/* resources */

#resourcesWrap { margin:0; padding:0 0 0 10px; border-bottom: 1px solid #aaa }
#resourcesWrap ul, #resourcesWrap li {
	margin:0; padding:0;
	display:inline;
	list-style-type: none
}
#resourcesTabs a {
	float:left; display:inline;
	line-height:14px;
	font-weight:bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	padding-bottom:6px;
}
#resourcesTabs a#current, #resourcesTabs a:hover {
	border-bottom:4px solid #005368;
	padding-bottom:2px;
	background:transparent;
	color:#000;
}
#resourcesTabs a:hover { color: #000; }

/* team */

.team img.hs { float:left; margin:6px 12px 20px 0 }

/* dashboard */

.dbPost { border-bottom:1px dotted #888; padding:12px 0 }
.dbPostTitle { font:bold 16px verdana; margin:0 0 5px}
.dbPostDate { font:italic 13px verdana; color:#888; margin:0 0 12px }
.dbPostBlurb {}