/* @override http://8cproject.affiniscape.com/associations/9921/files/8C.css */

/* HTML ELEMENT STYLES */
body 
{
	background-color: #000000;
	background-image: url(/associations/9921/imgs/bak_body.png);
	background-repeat: repeat-x;
}

p
{
	text-align: justify;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: White;
}
h2
{
	color: #95be56;
	font-size: 15pt;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -5px;
}
h3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: White;
	padding: 15px 0 0 12px;
	text-align: left;
}
h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: White;
	font-style: italic;
	border-bottom: 1px solid White;
	padding: 2px 25px 2px 2px;
}
h5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: White;
}


/* Main Content */
#maincontentcell {
	padding: 0;
	background: #222;
	color: #fff;
}

#maincontentcell ul
{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#maincontentcell li
{
	padding-right: 15px;
	text-align: justify;
}

/* Sub Content */

#maincontentsubcell table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: White;
	background-color: #222222;
}
#maincontentsubcell td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
}

#maincontentsubcell a:link 
{
	color: White;
	text-decoration: none;
}
#maincontentsubcell a:visited 
{
	color: #dddddd;
	text-decoration: none;
}
#maincontentsubcell a:hover 
{
	color: #95be56;
	text-decoration: none;
}
#maincontentsubcell a:active 
{
	color: #95be56;
	text-decoration: none;
}


/* Top Navigation */
table#topnavtable {
	background: #222;
}


/* System Messages */
div.errormessage {
	background: #222;
	padding: 10px 0 0 0;
}

td#returnlinkcell,
div.infomessage {
	background: #222;
}

div#loginhead {
	color: #fff;
}

label.loginlabel {
	color: #fff;
}

label.rememberMeLabel {
	color: #fff;
}

span.rememberMeOption {
	color: #fff;
}


/* ELEMENT CLASS STYLES */
.NormalText
{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.AlternateRow
{
	background-color: #494949;
}
.GreenBackground
{
	background-color: #578118;
}
.LightGreenBackground
{
	background-color: #95be56;
}
.GreenRoundedBox
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-green-bottom-right.gif) no-repeat bottom right;
}
.GreenRoundedBoxHeader
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-green-top-right.gif) no-repeat top right;
}
.GreenRoundedBoxHeader h3 
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-green-top-left.gif) no-repeat top left;
}
.GreenRoundedBox a:hover
{
	color: #95be56;
}
.GreenRoundedBoxBody
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-green-bottom-left.gif) no-repeat bottom left;
	margin-top: -20px;
	padding-top: 1px;
	height: 120px;
}
.GreenBar
{
	height: 5px;
	background-image: url(http://8cproject.affiniscape.com/associations/9921/files/gradient-green-grey.gif);
	background-repeat: repeat-x;
}
.BlueBackground
{
	background-color: #3f6397;
}
.LightBlueBackground
{
	background-color: #bae0ff;
}
.BlueRoundedBox
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-blue-bottom-right.gif) no-repeat bottom right;
}
.BlueRoundedBoxHeader
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-blue-top-right.gif) no-repeat top right;
}
.BlueRoundedBoxHeader h3 
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-blue-top-left.gif) no-repeat top left;
}
.BlueRoundedBox a:hover
{
	color: #bae0ff;
}
.BlueRoundedBoxBody
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-blue-bottom-left.gif) no-repeat bottom left;
	margin-top: -20px;
	padding-top: 1px;
	height: 120px;
}
.DarkGreyBackground
{
	background-color: #222222;
}
.LightGreyBackground
{
	background-color: #494949;
}
.LightestGreyBackground
{
	background-color: #cccccc;
}
.GreyRoundedBox
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-grey-bottom-right.gif) no-repeat bottom right;
}
.GreyRoundedBoxHeader
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-grey-top-right.gif) no-repeat top right;
}
.GreyRoundedBoxHeader h3 
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-grey-top-left.gif) no-repeat top left;
}
.GreyRoundedBox a:hover
{
	color: #CCCCCC;
}
.GreyRoundedBoxBody
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-grey-bottom-left.gif) no-repeat bottom left;
	margin-top: -20px;
	padding-top: 1px;
	height: 120px;
}
.GreyBar
{
	height: 11px;
	background-color: #222222;
}
.DarkGreyBar
{
	height: 30px;
	background-image: url(http://8cproject.affiniscape.com/associations/9921/files/gradient-grey-black.gif);
	background-repeat: repeat-x;
	background-color: #000000;
}
.PurpleBackground
{
	background-color: #1c1f40;
}
.LightPurpleBackground
{
	background-color: #cdccf9;
}
.PurpleRoundedBox
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-purple-bottom-right.gif) no-repeat bottom right;
}
.PurpleRoundedBoxHeader
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-purple-top-right.gif) no-repeat top right;
}
.PurpleRoundedBoxHeader h3 
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-purple-top-left.gif) no-repeat top left;
}
.PurpleRoundedBox a:hover
{
	color: #cdccf9;
}
.PurpleRoundedBoxBody
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-purple-bottom-left.gif) no-repeat bottom left;
	margin-top: -20px;
	padding-top: 1px;
	height: 120px;
}
.BrownBackground
{
	background-color: #572f25;
}
.LightBrownBackground
{
	background-color: #977f79;
}
.SmallBlock
{
	width: 230px;
	float: left;
	margin: 0 3px 0 10px;
}
.SmallBlock h4
{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0 15px;
	padding: 0;
	border: 0;
}
.SmallBlock p
{
	font-size: 10px;
	padding: 0 15px 5px 15px;
	text-align: left;
	#padding-top: 5px;
}
.SmallBlock a
{
	color: White;
}
.SmallBlock a:hover
{
	text-decoration: none;
}
.LargeBlock
{
	width: 350px;
	height: 145px;
	float: left;
	margin: 5px 8px 0 0;
	border: 1px solid white;
}
.LargeBlock p
{
	height: 98px;
	#height: 102px;
}
.LongBlock
{
	width: 350px;
	float: left;
	margin: 5px 8px 0 0;
	overflow: hidden;
}
.SpanBlock
{
	width: 710px;
	height: 120px;
	float: left;
	margin: 5px 8px 0 0;
	border: 1px solid white;
}
.SpanBlock p
{
	height: 73px;
	#height: 77px;
}
.LargeBlock a, .SpanBlock a
{
	color: Black;
}
.LargeBlock a:hover,.SpanBlock a:hover
{
	color: Black;
	text-decoration: underline;
}
.MembershipBlock
{
	float: left;
	width: 225px;
	padding: 5px;
}
.MembershipBlock p
{
	font-size: 10px;
	text-align: justify;
	margin-top: -12px;
}
.MembershipBlock h4
{
}
.LargeBlock p, .SpanBlock p
{
	padding: 10px;
	color: Black;
	margin: 0;
}
.FormField
{
	float: left;
	width: 355px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
.LongFormField
{
	float: left;
	width: 710px;
	margin: 5px 0 5px 0;
	overflow: hidden;
}
.InterestAreaCell
{
	width: 150px;
}
.BioPhoto
{
	float: right;
	margin: -22px 14px 1px 8px;
	padding: 0 0 0 0;
	border: 1px solid White;
	#margin-top: -19px;
}
.PadLeft
{
	padding-left: 15px;
}
.PadRight
{
	padding-right: 15px;
}
.MarginRight
{
	margin-right: 15px;
}
/* NAMED ELEMENT STYLES */
#PageWrap
{
	width: 1024px;
	margin: -8px auto 0 auto;
	#margin-top: -15px;
}
#LeftContent
{
	width: 740px;
	float: left;
}
#RightPanel
{
	width: 280px; 
	float: right;
}

#Menu
{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	text-transform: uppercase;
	font-size: 14px;
	padding: 5px 25px 5px 0;
	#padding-bottom: 10px;
	background-color: #578118;
}
#Menu a:Hover, #SubMenu a:hover, #Menu a:active, #SubMenu a:active
{
	color: White;
	text-decoration: underline;
}
#SubMenu
{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	padding: 3px 0 6px 0;
	margin: 0 5px 0 0;
	float: right;
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-grey-bottom-right.gif) no-repeat bottom right;
}
#SubMenuEnd
{
	background: url(http://8cproject.affiniscape.com/associations/9921/files/rounded-grey-bottom-left.gif) no-repeat bottom left;
	float: left;
	width: 15px;
	height: 25px;
	margin: -2px 0 -6px -3px;
	overflow: hidden;
}
#SelectedParentMenuItem
{
	font-weight: bold;
}
#LearnMore
{
	display: block;
	text-align: right;
	margin: -5px 15px 0 0;
}
#JoinNowBoxLink
{
	padding-top: 0;
	font-size: 18px;
	margin-top: 7px;
}
#ConnectBoxLink
{
	padding-top: 0;
	font-size: 14px;
	margin-top: -8px;
}
#SpaceResourcesBoxLink
{
	padding-top: 0;
	font-size: 13px;
	margin-top: -6px;
}
#SchoolOfMinesBoxLink
{
	padding-top: 0;
	font-size: 13px;
}
#Join8CLink
{
	text-align: right;
	margin: -14px 10px 0 0;
}
#LongBox1
{
	height: 100%;
	margin: 0;
	border-right: 1px solid white;
}
#LongBox1 ul
{
	margin: 0 0 0 15px;
	padding: 5px;
	font-size: 11px;
}
#LongBox2
{
	height: 100%;
	margin: 0;
}
#LongBox2 ul
{
	margin: 0 0 0 15px;
	padding: 5px;
	font-size: 11px;
}
#LongBox1 a:hover, #LongBox2 a:hover
{
	color: White;
}
#NewsArticle
{
	margin-right: 30px;
}
#NewsArticle p, #NewsArticle h1, #NewsArticle h4, #NewsArticle h5
{
	padding-left: 10px;
}

#SubmitContainer
{
	clear: both;
	text-align: right;
	margin: 10px 50px 0 0;
}


/* Top-Navigation Below Banner
-----------------------------------*/
#navtop1 li ul,
#navtop2 li ul {
	border: none;
	background: transparent url(/associations/9921/imgs/bak_navtop_ul.png) no-repeat bottom;
	padding: 0 3px 7px 0;
	width: 180px;
	border-top: 1px solid #5b6e3b;
}

#navtop1 li ul li,
#navtop2 li ul li { border: none; }

ul#navtop1 li li a,
ul#navtop1 li li a:hover,
ul#navtop2 li li a,
ul#navtop2 li li a:hover  {
	color: #fff;
	background: none;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	z-index: 999;
	padding: 7px 10px;
	width: 163px;
}

ul#navtop1 li li a:hover,
ul#navtop2 li li a:hover {
	color: #fff;
	background: #999999;
}

* html ul#navtop1 li li a,
* html ul#navtop1 li li a:hover 
* html ul#navtop2 li li a,
* html ul#navtop2 li li a:hover { 
	width: 163px;
	padding: 7px 10px;	
}

* html #navtop2 li ul,
* html #navtop1 li ul {
	padding: 0 0 7px 0;
	width: 163px;
	margin-top: 1px;
}


/* Footer
-----------------------------------*/
td#footertablecell {
	padding-top: 10px;
}

td#footertablecell a:link,
td#footertablecell a:active,
td#footertablecell a:visited {
	color: #fff;
}

table#sitemap {
	background: #999 url(/associations/9921/imgs/bak_sitemap.png) top repeat-x;
}

table#sitemap td {
	padding: 15px;
}

table#sitemap a:link,
table#sitemap a:active,
table#sitemap a:visited {
	color: #333;
	text-decoration: none;
	font-size: 11px;
}

table#sitemap a:hover {
	text-decoration: underline;
}

div#subfooter a:link,
div#subfooter a:active,
div#subfooter a:visited {
	color: #777;
}

#Copyright
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	float: left;
	background-color: Transparent;
}

#Footer
{
	clear: both;
	padding: 15px;
}
#FooterLinks
{
	font-size: 12px; 
	text-align: right;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	color: #95be56;
}
#FooterLinks a
{
	padding: 0 5px 0 5px;
}
#SubFooter
{
	
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 10px 0 0;
	font-size: 10px;
	text-align: left;
}
#SubFooter a
{
	color: #666666;
}

table#footertable {
	background: #222;
}


/* Home Link
-----------------------------------*/
div#homelink {
	width: 1024px;
	margin: auto;
	_text-align: left;
}

div#homelink a {
	position: absolute;
	z-index: 999;
	background: transparent url(/images/msmimg1040/trans1.gif) no-repeat left top;
}

div#homelink a em {
	position: absolute;
	left: -999em;
}

#home {
	top: 35px;
	right: 50%;
	display: block;
	width: 207px;
	height: 108px;
	margin: 0 275px 0 0;
}