body
{
	background: url(../images/bg_new.jpg) repeat 0 0;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
}

h2
{
	color: #a1000b;
	text-align: center;
	font-size: 1.25em;
	margin-bottom: 1em;
}

h3 { margin-bottom: 1em; }

p { margin-bottom: .9em; }

a, .link
{
	color: #1a1b51;
	text-decoration: none;
	font-weight: bold;
}

.descrip
{
	font-size: .8em;
	font-style: italic;
}

.ClassContainer .dateList 
{
	margin-top: .5em;
}

.ClassContainer .dateList li
{
	margin-bottom: .8em;
}

.ClassContainer .extraDateList 
{
	margin-top: .3em;
}

.ClassContainer .extraDateList li
{
	margin-bottom: .4em;
}

a:hover, .link:hover { text-decoration: underline; }

/* Clear fix to trouble shoot clearing of floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#headerContainer
{
	background: url(../images/TestBg.jpg) repeat-x 0 0;
	height: 170px;
}

#header
{
	width: 763px;
	height: 170px;
	margin: 0 auto;
	background: url(../images/headerbg.png) no-repeat left bottom;
}

.SiteLogo
{
	width: 242px;
	height: 92px;
	background: url(../images/logo.png) no-repeat 0 0;
	text-indent: -9999px;
}

.SiteLogo a
{
	text-decoration: none;
	width: 242px;
	height: 92px;
}

#wrapper
{
	width: 763px;
	margin: 0 auto;
}

#contentWrapper
{
	background: url(../images/bodyBG.gif) repeat-y 0 0;
	padding: 0 22px 5px 22px;
}

#content
{
	border: 2px solid black;
	padding: 10px 10px 30px 10px;
	font-size: .9em;
}

.ui-widget-content 
{
	font-size: .7em;
}

#footer
{
	background: url(../images/footerBG.png) no-repeat 0 0;
	color: White;
	text-align: center;
	padding: 30px;
	font-size: .9em;
	line-height: 1.2em;
}

#footer p { margin-bottom: 1em; }

#footer a
{
	color: White;
	text-decoration: none; 
}

#footer a:hover { text-decoration: underline; }

.ClassContainer
{
	margin: 0 0 .8em 0;
}

.ClassListContainer
{
	margin: 2em 0 0 0;
	line-height: 1.2em;
}

.ClassListContainer a.classTitle
{
	font-weight: bold;
	color: Black;
	text-decoration: underline;
}

.ClassListContainer ul
{
	margin: 1em 2em;
}

.ClassListContainer hr
{
	margin: 0 0 1.5em 0;
}


/* Navigation Elements */
#MainNav
{
	list-style: none;
	float: right;
	margin: 24px 12px 0 0;
}

#MainNav li
{
	float: left;
	height: 32px;
	text-indent: -9999px;
}

#MainNav li a { height: 32px; }

#navAbout, #navAbout a { display: block; width: 86px; }
#navAbout { background: url(../images/navAbout.png) no-repeat 0 0; }

#navExclusive, #navExclusive a { display: block; width: 103px; }
#navExclusive { background: url(../images/navExclusive.png) no-repeat 0 0; }

#navClasses, #navClasses a { display: block; width: 74px; }
#navClasses { background: url(../images/navClasses.png) no-repeat 0 0; }

#navPromotions, #navPromotions a { display: block; width: 90px; }
#navPromotions { background: url(../images/navPromotions.png) no-repeat 0 0; }

#navSupplies, #navSupplies a { display: block; width: 74px; }
#navSupplies { background: url(../images/navSupplies.png) no-repeat 0 0; }

#navLinks, #navLinks a { display: block; width: 63px; }
#navLinks { background: url(../images/navLinks.png) no-repeat 0 0; }


#FooterNav
{
	list-style: none;
	margin: 0 0 1em 0;
}

#FooterNav li
{
	display: inline;
	margin: 0 .6em 0 0;
}

.AltViews
{
	list-style: none;
	float: left;
	margin: 2em 0 -1.5em 0;
	font-size: .8em;
	font-weight: bold;
}

.AltViews li
{
	display: inline;
	margin-right: .3em;
}

.AltViews a
{
	text-decoration: underline;
}


/* General Site Wide Styles */

.optional { font-size: .75em; }

.displayBlock { display: block; }

.spacer { margin-top: .4em; }

.textRight { text-align: right; }

.textCenter { text-align: center; }

.errorText { color: red; }

.fontSmall { font-size: .8em; }

.pagingControls 
{ 
	margin: 20px 0 0 0; 
	text-align: center;
}

.pagingControls a { margin: 0 5px; }

.gvManageClasses 
{ 
	text-align: left; 
	margin: 25px 0 0 0;
}

.gvManageClasses td { font-size: .8em; }

.uploadContainer
{
	position:relative;
	min-height: 2.5em;
}

.uploadControls
{
	position: absolute;
	left: 0;
	top: 0;
}

.uploadBorder 
{ 
	border: 2px solid #7d7d7d; 
	padding: .2em 0;
}

.imgThumb
{
	margin: 0 0 0 17em;
}


/* Form Styles */

/* .InputForm is for <dl> lists styles of forms */

.textbox  
{
	border: 2px solid #7d7d7d; 
	padding: 3px;
}

.smallbox { width: 75px; }

.mediumbox { width: 100px; }

.fullInput { width: 689px; }

.halfWidth { width: 333px; }

.smallColWidth { width: 80px; }

.fieldTitle { font-size: 1.5em; }

.GeneralForm
{
	list-style:none;
}


.InputForm .formLabel, .GeneralForm .formLabel
{
	display:block;
	font-weight: bold;
	margin: 0 0 .2em 0;
}

.InputForm dt {}

.InputForm dd 
{ 
	margin: 0 0 1.4em 0; 
	vertical-align:top;
}

.InputForm .formRow  
{
	display: block; 
	width: 699px; /* For IE because it's dumb */
}

.InputForm .formColumn 
{ 
	float: left; 
	margin: 0 14px 0 0;
}

.AltList td, #DateDialog .AltList td
{
	padding: 3px;
	font-size: .8em;
}

.closeWidth { width: 26px; }

.even { background: #d0d0d0; }

.odd { background: #fff; }

.EmptyClassDateClose, .EmptySupplyClose, #DateDialog .EmptyClassDateClose, #DateDialog .EmptySupplyClose { color: Red; }

#DateDialog #ExtraDateContainer 
{
	overflow: scroll;
	height: 100px;
	width: 100%;
}

#DateDialog 
{
	overflow: hidden;
}