body, table, div {
	font-family:Georgia, "Times New Roman", Times, serif;
}

a {	color:#333; }
a:hover { text-decoration:none; }

.backColor { background-color:#989a75; }

/* header overrides ... for use within phpfriendly (breaks automatically inserted) */
h1 {
	font-weight:normal;
	font-size:21px;
	display:inline;
}
h2 {
	font-weight:normal;
	font-size:18px;
	display:inline;
}
h3 {
	font-weight:normal;
	font-size:14px;
	display:inline;
}

.submit {
	xfont-weight:bold;
	font-family:Georgia;
	letter-spacing:1px;
}

div#outer {
    width: 770px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#textMain {
	font-family:Georgia;
	font-size:11px;
	line-height:2em;
	color:#333333;
}
#textMain br { line-height:normal; }

/*---------------------------------------------------------------------*/
/* page header title */
#textHeader {
	font-size:21px;
	color:#333333;
	padding-bottom:18px;
}
#textHeader .small, #textHeaderSmall, h2 {
	font-size:16px;
}
#textHeaderSmall { font-weight: bold; }

#textHeader2 { font-size:14px; }
/*---------------------------------------------------------------------*/
/* page footer */
#textFooter {
	font-size:10px;
	font-family:arial;
	color:#000000;
	line-height:1.4em;
}
#textFooter a {
	text-decoration:none;
	color:#000000;
}
#textFooter a:hover {text-decoration:underline;}

/* top link */
.divTop {
	float:right;
	color:#989a75;
}
#textFooter a.top { color:#707157; }
#textFooter a.top:hover { text-decoration:none; color:#989a75; } 
#textFooter .caret { color:#989a75; }

/*---------------------------------------------------------------------*/
/* text w/ border under*/
#textBorder {
	font-size:15px;
	background-image:url(../a/dot_horz.gif);
	background-repeat:repeat-x;
	background-position:bottom;	
	padding-bottom:8px;
	margin-bottom:5px;
	
} 
/*---------------------------------------------------------------------*/
/* white text on dark background */
#textWhite {
	font-size:12px;
	line-height:1.7em;
	color:#fff;
}
#textWhite a { color:#fff; text-decoration:none; }
#textWhite a:hover { text-decoration:underline; }
/*---------------------------------------------------------------------*/
/* text on yellow background (red links, dark grey text) */
#textOnYellow { 
	color: #4d4d4d;
	line-height:1.4em;
	font-size:11px;	
}
#textOnYellow a {
	color:#cc3300;
	text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* featured home item */
#featHome a { color:#eee; }
#featHome img {	border:4px solid #666666;}

#featHome .heading {
	color:#8a8a89;
	font-family:arial;
	font-size:10px;
	padding-bottom:3px;
	margin-bottom:5px;
	padding-left:3px;
	background:url(../a/dot_horz_dark.gif) bottom left repeat-x;
}

#featHome .titleRed {
	color:#d54c1e;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}

#featHome .titleMain {
	color:#eeeeee;
	font-size:16px;	
	line-height:normal;
}



/*---------------------------------------------------------------------*/
/* featured gray box with corner image */
#featBox {
	background-color:#ddd;
	padding:0px 25px;
	background-image:url(../a/featbox_corner.gif); /* _dark, #ccc */
	background-repeat:no-repeat;
	background-position:top left;	
}
#featBox .title {
	font-size:10px;
	letter-spacing:1.5px;
}
#featBox ul {
	margin-top:0.5em;
	margin-left:0px;
	padding-left:0px;
	list-style-type:square;
	color:#cc3300;
	padding-bottom:1em;
	line-height:normal;
}
#featBox li { 
	line-height:normal;
	padding-bottom:0.1em;
	font-family:arial;
}
#featBox a {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	font-family:arial;
}
#featBox a:hover { text-decoration:underline; }
#featBox div { padding:20px 0px; }
#faceBox span { color:#333; }

/* DARK, used for images */ 
#featBoxDark {
	width:158px;
	background-color:#ccc;
	padding:16px;
	padding-bottom:11px; /* image will add extra padding */
	margin:0px 7px;
	background-image:url(../a/featbox_corner_dark2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	
	font-style:italic;
	color:#777;
}
#featBoxDark img { padding-bottom:5px; }

.featBoxCaption { 
	padding-bottom:10px !important; 
	line-height:1.2em;
}

/*---------------------------------------------------------------------*/
/* large bulleted lists */
#listLarge {
	/*margin-left:1.5em;*/
	margin-left:1.5em;
	margin-top:0px;
	padding-left:0px;
	list-style-image:url(../a/arrow_red.gif);
	font-family:Georgia;
	font-size:12px;
	color:#2d2f1b;	
}
#listLarge a { 
	text-decoration:none;
	font-size:16px;
	color:#2d2f1b;
}
#listLarge li {
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	line-height:normal;
}
#listLarge li.lastItem{
	padding-bottom:0em;
	margin-bottom:0em;
}
#listLarge a:hover { text-decoration:underline; }
#listLarge .borderBottom, .borderBottom {
	background:url(../a/dot_horz.gif) bottom left repeat-x; 
}
#listLarge .padding {
	padding-bottom:1em;
	margin-bottom:1.2em;
}
#listLarge span { line-height:1.3em; }

/*---------------------------------------------------------------------*/
/* large bulleted lists for youth page*/
#listYouth {
	/*margin-left:1.5em;*/
	margin-left:1.5em;
	margin-top:0px;
	padding-left:0px;
	list-style-image:url(../a/bullet_red.gif);
	font-family:Courier;
	font-size:11px;
	/*color:#c93c20;	*/
}
#listYouth a { 
	text-decoration:none;
	font-size:17px;
	color:#c93c20;
	padding:3px;
	font-weight:bold;
}
#listYouth li {
	padding-bottom:0.5em;
	margin-bottom:1em;
	line-height:1.5em;
}
#listYouth li.lastItem{
	padding-bottom:0em;
	margin-bottom:0em;
}
#listYouth a:hover { 
	background-color:#c93c20;
	color:#ffffff;
}
#listYouth .borderBottom, .borderBottomRed {
	background:url(../a/dot_horz_red.gif) bottom left repeat-x; 
}
#listYouth .padding {
	padding-bottom:1em;
	margin-bottom:1.2em;
}
#listYouth span { line-height:1.3em; }

/*---------------------------------------------------------------------*/
/* top right navigation links */
#navTop {
	font-family:arial;
	font-size:11px;
	/*letter-spacing:1px;*/
	color:#fff;
	line-height:14px;
	width:400px;
	height:17px;
	text-align:center;
}
#navTop a {
	color:#fff;
	text-decoration:none;
}
#navTop a:hover { text-decoration:underline; }
/*---------------------------------------------------------------------*/
/* main navigation links */
#navMain {
	font-family:Georgia, Times; 
	margin-top:40px;
	margin-bottom:25px;
	margin-left:200px;	
	font-size:14px;
	white-space:nowrap;
}
#navMain a {
	color:#010101;
	text-decoration:none;
	padding-bottom:2px;
}
#navMain a:hover {
	border-bottom:3px solid #cc3300;
}
#navMain .active { color: #999999; }
#navMain a:hover.active { border:0px; }
#navMain img { padding:0px 11.3px; } /* for sitedivider2.gif */
/*---------------------------------------------------------------------*/
/* left side navigation links */
#navLeft, #navLeft div {
	font-family:Verdana;
	font-size:11px;	
	position:relative;
}
#navLeft a {
	display:block;	
	width:157px;
	padding:4px 0px;
	padding-left:15px;
	text-decoration:none;
	color:#333333;
	margin-bottom:4px;
	background:#eeeeee url(../a/navleft_corner_double.gif) top left no-repeat;
}

#navLeft a:hover, #navLeft a.active {
	xbackground:#dddddd url(../a/navleft_corner_active.gif) top left no-repeat;
	background-position:0px -60px;
}

#navLeft a.active {
	/*background-color:#eeeeee;*/
}

/*---------------------------------------------------------------------*/
/* SUB navigation links, inherits navLeft since it will be inside <div> */
#navLeftSub, #navLeftSub div {
	margin-bottom:1em;
}
#navLeftSub a {
	/*font-size:10px;	
	letter-spacing:1px;*/
	position:relative;
	left:30px;
	line-height:normal;
	padding:0px;
	background:none;
}
#navLeftSub a:hover {
	text-decoration:underline;
	background:none;
}
#navLeftSub a.active {
	color:#b8b7b7;
	background:none;
}

/*---------------------------------------------------------------------*/
/* large links w/red arrow*/
#navLink {
	font-size:16px;
	width:90%;
}
#navLink div {
	font-size:16px;
}

#navLink a {
	display:block;
	width:100%;
	color:#333333;
	margin-bottom:6px;
	text-decoration:none;
	padding:2px 0px;
	padding-left:25px;
	background:#e7e5e5 url(../a/arrow_red.gif) 5px 8px no-repeat;
}
#navLink a:hover { background-color:#cbd4af; }



/*---------------------------------------------------------------------*/
/* icon links with dotted border to right*/
#iconLink {
	float:left;
	padding-left:10px;
	letter-spacing:1px;
	font-size:12px;
}
#iconLink .border  {
	background:url(../a/dot_vert.gif) top right repeat-y;
	padding-bottom:10px;
	padding-right:15px;
	margin-right:5px;
}

/*---------------------------------------------------------------------*/
/* class info bottom page */
#classInfo div {
	float:right;
	line-height:40px;
	padding:0px 8px;
	vertical-align:middle;
}

.borderRight {
	background:url(../a/dot_vert.gif) top right repeat-y;
}

#rightColumnRed {
	font-family:arial;
	line-height:1.3em;
	color:#cc3300;
}
#rightColumnRed ul {
	margin-top:0px;
	margin-bottom:-1em;
	padding-bottom:0px;	
}

/*---------------------------------------------------------------------*/
/* Link w/red box on hover */
#boxLink a {
	color:#fff;
	display:block;
	line-height:1.3em;	
	font-size:12px;
	text-decoration:none;
	padding:5px;
}
#boxLink a:hover {	background:#701d00; }
#boxLink .line1 {
	font-size:18px;
}
#boxLink .line2 {
	font-size:14px;
}

/*---------------------------------------------------------------------*/
/* ULTRACART -- from Capital Media */

/* Edit Option Dialog
-----------------------------------------------------------------------------*/
.editItemDialog {
	
}

.editItemDialog label, .modalMessage label {
	text-align: left;
	float: none;
	width: auto;
}

.editItemDialog span.addToCart {
}

.modalMessage #ItemOptions {
	position: relative;
}

/* Modal Dialog Box
-----------------------------------------------------------------------------*/

.modalBox {
	background: #fff url(../site/loading.gif) 50% 50% no-repeat;
	position: relative;
	border: 5px solid #D3DFAE;
	border-top: 36px solid #D3DFAE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	padding: 0;
}

.modalMessage {
	margin: 0;
	z-index: 1002;
}

div.modalMessage h2, div.modalMessage legend {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 30px;
	padding: 0 10px;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 0;
}

div.modalMessage ul {
	padding: 0 35px;
	margin: 0;
}

div.modalMessage span.addToCart, div.modalMessage a.button, div.modalMessage span.save {
	padding: 0 10px;
	line-height: 24px;
	margin: 0;
	font-size: 14px;
}

div.modalMessage table {
	padding: 0;
	width: 650px;
	margin: 0;
}

div.modalMessage td {
	width: 325px;
	padding: 0;
	margin: 0;
}

.modalMessage .FormControls {
	margin: 0;
}

div.modalControls {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(34,34,34,0.8);
	display: block;
	width: 100%;
	height: 35px;
}

a.modalClose:link, a.modalClose:visited, a.modalNext:link, a.modalNext:visited, a.modalPrevious:link, a.modalPrevious:visited {
	padding: 0 10px;
	color: #000;
	font-size: 10px;
	letter-spacing: .1em;
	text-transform: uppercase;
	line-height: 35px;
	text-decoration: none;
	position: absolute;
}

a.modalClose:hover, a.modalClose:active, a.modalNext:hover, a.modalNext:active, a.modalPrevious:hover, a.modalPrevious:active {
	color: #000;
	text-decoration: underline;
}

a.modalClose {
	top: -35px;
	right: -3px;
}

a.modalNext {
	top: 0;
	right: 0;
}

a.modalPrevious {
	top: 0;
	left: 0;
}

.editItemDialog {
	padding-bottom: 40px;
}

.modalBox h2.modalTitle {
	display: block;
	margin: 0;
	font-size: 1.4em;
	padding: 10px 0;
}

/* Forms
-----------------------------------------------------------------------------*/

.editItemDialog fieldset {
	border: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.editItemDialog legend {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 30px;
	font-weight: bold;
}

.editItemDialog .LabelInput, .editItemDialog .labelInput {
	margin-bottom: 1px;
	background: #f3f3e8;
	padding: 10px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	overflow: auto;
}

.modalMessage .Alt {
	background: #efeee8;
}

.editItemDialog input[type='text'], .editItemDialog input[type='password'], .editItemDialog select, .editItemDialog textarea {
	width: 260px;
	font-size: 14px;
	font-family: Lucida Sans, Verdana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	padding: 3px;
	border: 1px solid #c6caa1;
}

.editItemDialog p.fixedOption {
	color: #666;
	float: left;
	width: 260px;
	padding: 0;
	margin: 0;
}

.editItemDialog input[type='checkbox'] {
	padding: 3px;
}

.editItemDialog select {
	width: 267px;
}

.editItemDialog textarea {
	height: 3em;
}

.editItemDialog label {
	line-height: 2em;
	width: 150px;
	float: left;
	display: block;
	border-right: 1px solid #fff;
	margin-right: 10px;
	padding-right: 10px;
	color: #666;
}

.editItemDialog #locator label {
	border: none;
}

.editItemDialog .FormControls {
	display: block;
	margin-bottom: 50px;
	padding: 1em 1em 1em 180px; /* right padding for label width plus label padding */
	background: #efeee8;
}

.editItemDialog .FormControls p {
	padding: 0;
	margin: 0;
}

.editItemDialog .button {
	background: #CC0000; 
	display: inline-block; 
	padding: 6px 10px;
	margin: 15px 10px 15px 0 !important;
	color: #fff; 
	text-decoration: none; 
	font-weight: bold; 
	line-height: 1; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px #993300; 
	text-shadow: 0 -1px 1px #222; 
	position: relative; 
	cursor: pointer;
}

.editItemDialog .FullWidth label {
	width: auto;
	float: none;
	display: block;
	text-align: left;
	padding: 0;
}

.editItemDialog.FullWidth input[type='text'], .editItemDialog .FullWidth input[type='password'], .editItemDialog .FullWidth select, .editItemDialog .FullWidth textarea {
	width: 370px;
}

.editItemDialog .Radio {
	position: relative;
}

.editItemDialog .Radio div.LabelInput, .editItemDialog .Checkbox div.LabelInput {
	padding: 0px 5px 0px 180px;
	border-right: none;
}

.editItemDialog .Radio label, .editItemDialog .Checkbox label {
	display: inline;
	float: none;
	width: auto;
	border-right: none;
}

.editItemDialog input[type='radio'], .editItemDialog input[type='checkbox'] {
	margin-right: .5em;
}


.editItemDialog .advice {
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	padding: 0 20px;
	background: #CC0000;
	color: #fff;
	display: block;
	margin: 0 0 0 10px;
	z-index: 100;
}

.editItemDialog span.required, .editItemDialog p.required {
	text-transform: uppercase;
	color: #df4c09;
	padding-left: 5px;
}

.modalMessage fieldset#Credentials legend {
	display: none;
}

.modalMessage #success, .modalMessage #error, .modalMessage #fatal {
	width: 400px;
}