/*Common Styles*/
body {
	background-color: #FAFAD2;
}
.layout {
/*A class used to describe that an element exists to define the visual layout for a portion of the page.*/
	width: 100%;/*A layout element typically expands to fill the width of it's container.*/
}
table.layout {
/*Special rules for a table element that is being used to define a layout.*/
	border: none;/*A layout table typically doesn't have borders.*/
}
ul.layout {
/*Special rules for an unordered list that is being used to define a layout.*/
	list-style:none;/*A layout list typically doesn't have icons for each list item.*/
}

button,input,select {color: inherit;}

a img {
/*I like using images as links but I hate it when they have a border.*/
	border: none;/*Ditches the border around images in a link.*/
}

a {
/*Special rules for link tags*/
	text-decoration: none;/*Drops the default underline for links.*/
}

a:hover {
/*Speceal rules for link tags with the mouse over them.*/
	text-decoration: underline;/*Gives the link a temporary underline while the user has the mouse over it.*/
}

ul#alertBox > li {
	width: 60%;
}
samp.message {
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid blue;
}
samp.message:before,
samp.message:after {
	content: "<*>";
}
samp.error {
	color: red;
}
samp.success {
	color: green;
}
samp.warning {
	color: OrangeRed;
}
/*End Common Styles*/

/*Page Styles*/
body {
/*Special rules for the body.  This good for smoothing out inconsistencies between the default settings accross browsers.*/
	margin: 0;/*Sets the margin for the body to 0.*/
	padding: 0;/* Sets the padding for the body to 0.*/
}

#PageHead, #PageBody, #PageFoot {
/*Sets some common settings for the main page sections*/
	width: 100%;/*Each of them should expand to the width of the page*/
	border-top: 1px solid gray;/*Each of them has a border to distinguish the boundries between them.*/
	border-bottom: 1px solid gray;/*Each of them has a border to distinguish the boundries between them.*/
}
/*Begin Styles for the header.*/
#HeaderLogo {
/*Styles for the logo in the header.*/
	display: inline-block;/*Make this a block that behaves like an inline element.*/
	float: left;/*Floats this element to the left so that it is at the leftmost side of the page.*/
	text-align: left;/*Aligns this element's inner elements to the left.*/
}
#CartInfo {display: inline-block;}
#CartInfo:before {content: "[";}
#CartInfo:after {content: "]";}
#CartPrice:before {content: "$"}

#HeaderAccount {
/*Styles for the accound details and links in the header*/
	display: inline-block;/*Make whole section a block that behaves like an inline element.*/
	float: right;/*Float this element to the right so that it is as far to the right as possible.*/
	text-align: left;/*Aligns this element's inner elements to the left.*/
	white-space:nowrap;/*Suppress line wrapping withing this element.*/
}

#HeaderMenu {
/*Styles for the menu in the header.*/
	width: 100%;/*Make the menu the width of the header*/
	clear: both;/*Make sure the menu has the whole line (clears floating elements).*/
	text-align: center;/*Centers the menu*/
	white-space:normal;/*Stops IE from having the parent (this) inhereit it's chilren's (this > *) attribute (white-space:nowrap;). Wierd*/
	border-top: 1px solid gray;/*An aesthetically pleasing border that seperates the menu from the jumble above it.*/
}
#HeaderMenu > * {
/*Styles for the menu items.*/
	display: inline-block;/*Make them inline, but blockish so they move properly when scaled.*/
	background-color: #AAAADD;/*A block background for each of the menu items.*/
	font-weight: bold;/*Make the menu items bold.*/
	white-space:nowrap;/*Make sure the text within the items doesn't get broken into lines.*/
	margin: 1px;/*Puts a small margin between each element to make them distinct.*/
	padding-left: 2em;/*Some padding to give the menu items more presence.*/
	padding-right: 2em;/*Some padding to give the menu items more presence.*/
	/*color: #000000;/*Make the text black.*/
}
#HeaderMenu > *:hover {
/*Styles for when the mouse is over a menu item.*/
	background-color: #DDDDDD;/*A visual feedback to denote that the menu item is interactive.*/
}
/*End Styles for the header.*/
/*Begin Styles for the alert box used in the softAlert functions.*/
#alertBox {
	position:	fixed;
	z-index:	1;
	top:		0;
	left:		0;
	width:		100%;
}
#alertBox li {
	width: 90%;
	background-color: #FFFFFF;
}
/*End Styles for the alert box used in the softAlert functions.*/


/*End Page Styles*/
/*These are all the no longer used depricated styles.*/
/*
body				{ padding: 0; margin: 0; padding-top: 135;
					  background-color: "fff5ec"; background-image:url("/images/bg_rotary.jpg"); background-attachment: fixed;
					  color: #503030; font-family: verdana, arial; font-size: 8pt; }
*/
/*
body { 
	background-image:url('/images/bodyBack.jpg'); 
	padding: 0; 
	margin: 0; 
	padding-top: 100;
	background-color: "c0d0e8";
	background-color: #fff0d0;
	color: #0000CC; 
	font-family: verdana, arial; 
	font-size: 8pt; 
}

table {
	width: 600; 
}
table.header { 
	width: 100%; 
	height: 80; 
}
table.menu { 
	width: 100%; 
}
tr.top { 
	vertical-align: top; 
}

tr {
	vertical-align: top; 
}
 

td, th { 
	font-family: verdana, arial; 
	color: black; 
	font-size: 8pt; 
}

th { 
	font-size: 12pt;  
}

td.menuOff, td.menuOn { 
	text-decoration: none; 
	font-size: 10pt; 
	color: white; 
	text-align: center; 
	cursor: pointer; 
}

td.menuOff, input.bttnOff, a.calendar { 
	background-color: #8888CC; 
	border-color: #AAAAEE #6666AA #6666AA #AAAAEE;
}

td.menuOn, input.bttnOn { 
	background-color: #e0e0e0; 
	color: black; 
	border-color: #f0e0e0 #b0a0a0 #b0a0a0 #f0e0e0; 
}

td.shopOff, td.shopOn { 
	text-decoration: none; 
	font-size: 11pt; 
	font-weight: bold; 
	color: white; 
	text-align: center; 
	cursor: pointer; 
}

td.shopOff { 
	background-color: #6666AA; 
	border-color: #8888CC #444488 #444488 #8888CC; 
}

td.shopOn { 
	background-color: #e0e0e0; 
	color: black; 
	border-color: #f0e0e0 #b0a0a0 #b0a0a0 #f0e0e0; 
}

th.title,th.subTitle, th.calendar,th.normal { 
/*	background-color: #8888CC; 
	color: white; 
	border-color: #AAAAEE #6666AA #6666AA #AAAAEE; 
	text-align: left; 
	padding: 0px 5px; *//*
	background-color: #d0c070; 
	color: white; 
	border-color: #f0e090 #b0a050 #b0a050 #f0e090; 
	text-align: left; 
	padding: 0px 5px; 
}

td.cell { 
/*	background-color: #d0c0c0; 
	color: black; 
	border-color: #f0e0e0 #b0a0a0 #b0a0a0 #f0e0e0; 
	background-color: #e0d080; 
	color: black; 
	border-color: #fff0a0 #c0b060 #c0b060 #fff0a0; *//*
	background-image:url('/images/cellBack.jpg'); 
	background-color: #ECD0B0;
	border-color: #FCE0C0 #D0B099 #D0B099 #FCE0C0;
} 

td.cellDrk { 
/*	background-color: #c0b060; 
	border-color: #e0d080 #a09040 #a09040 #e0d080; *//*
	background-image:url('/images/cellDark.jpg'); 
	background-color: #E3B793;
	border-color: #FFD7B0 #C09770 #C09770 #FFD7B0;
}

td.cellLight { 
/*	background-color: #f0e090; 
	color: black; 
	border-color: #ffffb0 #d0c070 #d0c070 #ffffb0; *//*
	background-image:url('/images/cellLight.jpg'); 
	background-color: #F3E0CA;
	border-color: #FFF0DA #D0C0AA #D0C0AA #FFF0DA;
}

th.title, th.subTitle, th.calendar, th.normal, td.menuOff, td.menuOn, td.shopOff,td.shopOn, td.cell, td.cellDrk, td.cellLight { 
	border-width: 2px; 
	border-style: solid; 
}

th.calendar { 
	text-align: left; 
	width: 175; 
}

td.cell, td.cellDrk, td.cellLight { 
	font-size: 9pt; 
	text-align: justify; 
	padding: 0px 3px; 
}

td.footer { 
	font-size: 8pt; 
	color: black; 
	text-align: center; 
}

th.normal { 
	font-size: 9pt; 
}

td.nav { 
	background-image:url('/images/navBack.jpg'); 
	padding: 0px 10px; 
	font-size: 7pt; 
	height: 20px; 
	color: white; 
}

a.nav { 
	color: white; 
}

a.nav:hover  { 
	color: lightblue; 
}

a { 
	font-family: verdana, arial; 
	font-size: 10pt; 
	color: #c00000; 
	font-weight: bold; 
	text-decoration: none; 
}

a.small { 
	font-size: 8pt; 
	font-weight: normal; 
}

a.calendar { 
	text-decoration: none; 
	font-size: 8pt; 
	color: white; 
	text-align: center; 
	cursor: pointer; 
	border-width: 2px; 
	border-style: solid; 
}

a:hover { 
	color: #200000; 
	text-decoration: underline;
}

a.cellDark { 
	color: white; 
}

a.calendar:hover { 
	color: lightblue; 
}

a.footer { 
	font-size: 9pt; 
}

a.heading { 
	text-decoration:underline; 
	font-size: 12pt; 
	color: darkred; 
}

a.stock { 
	font-size: 8pt; 
	font-weight: normal; 
}

a.stock:hover			{ color: #200000; }

a.stock:active			{ color: blue; font-weight: bold; }

p.para, p.text, p.textB		{ text-align: justify; color: #23458e; width: 90%; }

p.para				{ text-indent: 15px; }

p.textB				{ font-weight: bold; }

input, textarea			{ font-family: verdana; font-size: 8pt; color: black; }

input.text, textarea			{ border: 1px solid black; background-color: #e0e0e0; width: 400; }

input.bttnOff			{ color: white; }

textarea				{ height: 100; }

input.trans			{ background-color: transparent; }

select				{ font-family: verdana; font-size: 8pt; color: black; background-color: #e0e0e0; }

ul.small, ol.small			{ font-size: 8pt; text-align: left; text-align: justify; color: 23458e; width: 90%;}

.pageTitle			{ text-align: center; font-size: 14pt; font-weight: bold; width: 100%; }

.title				{ text-align: center; font-size: 14pt; /*font-weight: bold;*//* width: 100%; }

.subTitle				{ text-align: center; font-size: 12pt; font-weight: bold; width: 100%; }

.largeBold			{ font-size: 11pt; font-weight: bold;  }

.medBold				{ font-size: 9pt; font-weight: bold;  }

*/