/***************************************************************************
    Filename: container.css
		 Version: 1.0
 Description: Container stylesheet for COFES 2003 site skin
    Platform: DotNetNuke v3.2
   Skin File: COFES_2003.zip
    Web Site: http://cofes.com/2003
***************************************************************************/

/****************************************
	container definitions...
*****************************************/
.Container {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

/* plain container backgrounds... */
.NoBg {background-color: transparent;}
.WhiteBg {background-color: #fff;}
.LtGrayBg {background-color: #fafafa;}
.LtSilverBg {background-color: #e6e6e6;}
.SilverBg {background-color: #ccc;}
.GrayBg {background-color: #999;}
.DkGrayBg {background-color: #333;}
.BlackBg {background-color: #000;}
.BeigeBg {background-color: #d5c8c1;}
.LtBeigeBg {background-color: #f4edea;}
.YellowBg {background-color: #ffc;}
.LtYellowBg {background-color: #ffffe6;}

/* box container backgrounds... */
.WhiteBox {background: #fff url(gradv40-ffffff-f2f2f2.gif) repeat-x bottom;}
.LtGrayBox {background: #e6e6e6 url(gradv40-e6e6e6-cccccc.gif) repeat-x bottom;}
.GrayBox {background: #999 url(gradv40-999999-7d7d7d.gif) repeat-x bottom;}
.DkGrayBox {background: #666 url(gradv40-666666-565656.gif) repeat-x bottom;}
.GoldBox {background: #f8ea8e url(gradv40-fcf3bf-f8ea8e.gif) repeat-x top;}
.BrassBox {background: #ede4aa url(gradv40-d5cd9c-ede4aa.gif) repeat-x bottom;}

/* container outlines & borders... */
.NoOutline {border: none;}
.WhiteOutline {border: 1px solid #fff;}
.LtGrayOutline {border: 1px solid #ccc;}
.GrayOutline {border: 1px solid #999;}
.DkGrayOutline {border: 1px solid #333;}
.BlackOutline {border: 1px solid #000;}
.RedOutline {border: 1px solid #c00;}
.BeigeOutline {border: 1px solid #d5c8c1;}
.DkBeigeOutline {border: 1px solid #b2a599;}

.WhiteBorder {border: 1px solid #fff;}
.LtGrayBorder {border: 1px solid #ccc;}
.GrayBorder {border: 1px solid #999;}
.DkGrayBorder {border: 1px solid #333;}
.BlackBorder {border: 1px solid #000;}

.TopWhiteBorder {border-top: 1px solid #fff;}
.TopLtGrayBorder {border-top: 1px solid #ccc;}
.TopGrayBorder {border-top: 1px solid #999;}
.TopDkGrayBorder {border-top: 1px solid #333;}
.TopBlackBorder {border-top: 1px solid #000;}

/* container padding... */
.NoPadding {padding: 0px;}
.MinPadding {padding: 5px;}
.MaxPadding {padding: 10px;}
.TopPadding {padding: 5px 0px 0px;}

/* alternate container content formatting... */
.WhiteContent,
.WhiteContent .Normal,
.WhiteContent p,
.WhiteContent th,
.WhiteContent td,
.WhiteContent a, 
.WhiteContent a:link, 
.WhiteContent a:visited, 
.WhiteContent a:active {color: #fff;}
.WhiteContent a:hover {color: #ff0;}

.LtGrayContent,
.LtGrayContent .Normal,
.LtGrayContent p,
.LtGrayContent th,
.LtGrayContent td,
.LtGrayContent a, 
.LtGrayContent a:link, 
.LtGrayContent a:visited, 
.LtGrayContent a:active {color: #ccc;}
.LtGrayContent a:hover {color: #ff0;}

/* borders for 'embossed' containers... */
.EmbossEdge {
	border: 1px solid #999;
	padding: 1px;
}

.EmbossBorder {
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #fff;
	padding: 1px;
}

/* engraved borders... */
.EngraveOuter {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.EngraveInner {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

/* coupon container... */
.Coupon {border: 4px dashed #999;}

.Coupon h1 {
	text-align: center;
	margin: 0px 0px 5px;
}

/* top border colors... */
.RedTop {border-top: 0.5em solid #c33;}
.OrangeTop {border-top: 0.5em solid #fc3;}
.YellowTop {border-top: 0.5em solid #ff3;}
.GreenTop {border-top: 0.5em solid #3c3;}
.BlueTop {border-top: 0.5em solid #36f;}
.PurpleTop {border-top: 0.5em solid #90c;}

.NavContainer {
	margin: 0em 0em 15px 0em;
}

.NavTitle {
	padding: 3px 3px 3px 8px;
	text-align: left;
	background-color: #366;
}

.NavTitle .Head {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 0.85em;
	color: #fff;
}

.NavContent {
	background-color: #e6d9cc;
	text-align: left;
	border-bottom: 1px solid #000;;
}

.NavContent td,
.NavContent .Normal {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 0.75em;
}

.NavContent td {
	padding: 1px 2px;
}

.NavContent a.Normal {color: Black;}
.NavContent a.Normal:hover {color: #f60;}

/* event date container... */
.EventDateContainer {
	margin: 0px;
}

	.EventDateContainer,
	.EventDateContainer p,
	.EventDateContainer .Normal {
		font-family: Verdana, Arial, Helvetica;
		font-weight: bold;
		font-size: 0.8em;
		color: #fff;
		padding: 0px;
		margin: 0px;
		text-align: right;
	}

	.EventDateContainer a,
	.EventDateContainer a:link,
	.EventDateContainer a:active,
	.EventDateContainer a:visited {
		color: #fff;
		text-decoration: underline;
	}

	.EventDateContainer a:hover {
		color: #ff3;
		text-decoration: underline;
	}



