body {
	font-family: 'Lucida Grande', Verdana, sans-serif;
}

body#main {
    background-color: #334;
}

#document {
	/* -m@.. adding bg color to match bottom of gradient*/
	background:#23233d url(../media/gradient_background.jpg) repeat-x;
}

.WhiteBorderRight {
	border-right: 1px solid white;
}

.DescriptionBorder {
	border: 1px solid #acf;
}

.DarkPurpleBorder {
	border: 1px solid #1c1c31;
}

.PurpleBorder {
	border: 1px solid #3f3f6c;
}

.PurpleBorderTop {
	border-top: 1px solid #3f3f6c;
}

.PurpleBorderRight {
	border-right: 1px solid #3f3f6c;
}

.PurpleBorderBottom {
	border-bottom: 1px solid #3f3f6c;
}

.PurpleBorderLeft {
	border-left: 1px solid #3f3f6c;
}

.PurpleWindowBorderBottom {
	border-bottom: 1px solid #323252;
}

div#content li {
	margin-bottom: 8px;
}

#resourceDetailContent p {
	margin: 0 0 16px 0;
}

#resourceDetailContent ul li {
	margin-bottom: 8px;
}

/* @group Background Colors */

.BlackBackgroundColor {
	background-color: #000;
}

.BlackGrayBackgroundColor {
	background-color: #333;
}

.MetalGrayBackgroundColor {
	background-color: #bcbfc4;
}

.WellGrayBackgroundColor {
	background-color: #cccfd2;
}

.TextWellLightGrayBackgroundColor {
	background-color: #adb0b5;
}

.TextWellDarkGrayBackgroundColor {
	background-color: #a2a5aa;
}

.ButtonBlueBackgroundColor {
	background-color: #2060b8;
}

.ContentBackgroundColor {
    background-color: #23233d;
}

.FooterBackgroundColor {
    background-color: #11111e;
}

.EducatorsGuideBackgroundColor {
    background-color: #dedfc9;
}

.EducatorsGuideDarkBackgroundColor {
    background-color: #b5b496;
}

.DarkPurpleBackgroundColor {
    background-color: #1c1c31;
}

.PurpleWindowBackgroundColor {
    background-color: #323252;
}

.WhiteBackgroundColor {
    background-color: #fff;
}



/* @end */

/* @group Fonts */

.LucidaGrande8 {
	font: 8px 'Lucida Grande', Verdana, sans-serif;
}

.LucidaGrande10 {
	font: 10px 'Lucida Grande', Verdana, sans-serif;
}

.LucidaGrandeBold10 {
	font: bold 10px 'Lucida Grande', Verdana, sans-serif;
}

.LucidaGrande11 {
	font: 11px 'Lucida Grande', Verdana, sans-serif;
}

.LucidaGrande12 {
	font: 12px 'Lucida Grande', Verdana, sans-serif;
}

.LucidaGrandeBold12 {
	font: bold 12px 'Lucida Grande', Verdana, sans-serif;
}

.LucidaGrandeBold16 {
	font: bold 16px 'Lucida Grande', Verdana, sans-serif;
}

.LucidaGrandeItalic18 {
	font: italic 18px 'Lucida Grande', Verdana, sans-serif;
}



/* @end */

/* @group Colors */

.WhiteColor {
	color: #fff;
}

.StoryTitleColor {
    color: #fc0;
}

.DescriptionColor {
    color: #acf;
}

.BlackGrayColor {
    color: #333;
}

.BlueColor {
	color: #2060b8;
}

.SciBullRedColor {
    color: #c00;
}

.EducatorsGuideDarkColor {
    color: #b5b496;
}

.LightGrayColor {
	color: #999;
}



/* @end */

/* @group Not Refactored */

.WellGrayBorder {
	border: 1px solid #a6a7aa;
}

.TextWellGrayBorder {
	border: 1px solid #8a8d91;
}

.ButtonGrayBorder {
	border: 1px solid #717179;
}

a {
	cursor: pointer;
	text-decoration: none;
}

#educatorResourcesDescription a:hover, #educatorResourcesHeader a:hover, #tabs a:hover, #archive a:hover, #moreAbout a:hover, .UnderlineText {
    text-decoration: underline;
}

#moreAbout a.resourceTitle:hover {
	text-decoration: none;
}

#educatorResourcesDescription a, #popUpContent a {
    color: #2060b8;
}

#edGuideRightNav a:hover {
    color: #c00;
}



/* @end */