/*
 * Brandon's COOL rounded colored content boxes
 */
.yellowBox200 {
	background: white url(/img/yellowBoxBG200.png) repeat-y top center;
	width: 200px;
	float: left;
	margin: 4px;
}

.yellowBox200 .top {
	background: transparent url(/img/yellowBoxTop200.png) no-repeat top
		center;
	padding-top: 5px;
}

.yellowBox200 .breakfastHeader {
	background: transparent url(/img/yellowBreakfastHeader200.png) no-repeat
		top center;
	padding-top: 40px;
}

.yellowBox200 .bottom {
	background: transparent url(/img/yellowBoxBottom200.png) no-repeat
		bottom center;
	padding: 0px 7px 10px 5px;
}

.yellowBox150 {
	background: white url(/img/yellowBoxBG150.gif) repeat-y top center;
	width: 150px;
	margin: 4px;
}

.yellowBox150 .top {
	background: transparent url(/img/yellowBoxTop150.gif) no-repeat top
		center;
	padding-top: 5px;
}

.yellowBox150 .breakfastHeader {
	background: transparent url(/img/yellowBreakfastHeader150.gif) no-repeat
		top center;
	padding-top: 30px;
}

.yellowBox150 .bottom {
	background: transparent url(/img/yellowBoxBottom150.gif) no-repeat
		bottom center;
	padding: 0px 6px 8px 4px;
}

.greenBox200 {
	background: white url(/img/greenBoxBG200.png) repeat-y top center;
	width: 200px;
	float: left;
	margin: 4px;
}

.greenBox200 .top {
	background: transparent url(/img/greenBoxTop200.png) no-repeat top
		center;
	padding-top: 5px;
}

.greenBox200 .lunchHeader {
	background: transparent url(/img/greenLunchHeader200.png) no-repeat top
		center;
	padding-top: 40px;
}

.greenBox200 .bottom {
	background: transparent url(/img/greenBoxBottom200.png) no-repeat bottom
		center;
	padding: 0px 7px 10px 5px;
}

.greenBox150 {
	background: white url(/img/greenBoxBG150.gif) repeat-y top center;
	width: 150px;
	margin: 4px;
}

.greenBox150 .top {
	background: transparent url(/img/greenBoxTop150.gif) no-repeat top
		center;
	padding-top: 5px;
}

.greenBox150 .lunchHeader {
	background: transparent url(/img/greenLunchHeader150.gif) no-repeat top
		center;
	padding-top: 30px;
}

.greenBox150 .bottom {
	background: transparent url(/img/greenBoxBottom150.gif) no-repeat bottom
		center;
	padding: 0px 6px 8px 4px;
}

.magentaBox200 {
	background: white url(/img/magentaBoxBG200.png) repeat-y top center;
	width: 200px;
	rm-float: left;
	rm-margin: 4px;
}

.magentaBox200 .top {
	background: transparent url(/img/magentaBoxTop200.png) no-repeat top
		center;
	padding-top: 5px;
}

.magentaBox200 .supperHeader {
	background: transparent url(/img/magentaSupperHeader200Alt2.png)
		no-repeat top center;
	padding-top: 40px;
}

.magentaBox200 .bottom {
	background: transparent url(/img/magentaBoxBottom200.png) no-repeat
		bottom center;
	padding: 0px 7px 10px 5px;
}

.magentaBox150 {
	background: white url(/img/magentaBoxBG150.gif) repeat-y top center;
	width: 150px;
	margin: 4px;
}

.magentaBox150 .top {
	background: transparent url(/img/magentaBoxTop150.gif) no-repeat top
		center;
	padding-top: 5px;
}

.magentaBox150 .supperHeader {
	background: transparent url(/img/magentaSupperHeader150.gif) no-repeat
		top center;
	padding-top: 30px;
}

.magentaBox150 .bottom {
	background: transparent url(/img/magentaBoxBottom150.gif) no-repeat
		bottom center;
	padding: 0px 6px 8px 4px;
}

.magentaTanBox200 {
	background: white url(/img/magentaTanBoxBG200.png) repeat-y top center;
	width: 200px;
	margin: auto;
}

.magentaTanBox200 .top {
	background: transparent url(/img/magentaTanBoxTop200.png) no-repeat top
		center;
	padding-top: 5px;
}

.magentaTanBox200 .bottom {
	background: transparent url(/img/magentaTanBoxBottom200.png) no-repeat
		bottom center;
	padding: 0px 7px 10px 5px;
}

/*
 * Brandon's COOLER interchangeable colored tabs / bars / boxes
 */ /*		COLORED TABS		*/
ul.tabs {
	background-color: transparent;
	border-collapse: collapse;
	padding-left: 20px;
	line-height: normal;
	margin-top: 20px;
	margin-left: 0;
	white-space: nowrap;
	list-style: none;
	z-index: 10;
}

ul.tabs li {
	background-color: transparent;
	display: inline;
	margin-right: 5px;
}

ul.tabs li a,ul.tabs li span {
	rm-background-color: transparent;
	border-style: solid solid none solid;
	border-width: 1px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	height: auto;
	padding: 0px 18px;
	line-height: normal;
	text-decoration: none;
}

ul.tabs li.selected a,ul.tabs li.plain a:hover,ul.tabs li.selected span
	{
	border-bottom-style: solid !important;
	color: white !important;
}

ul.tabs li.selected a,ul.tabs li.selected span {
	font-weight: bold !important;
}

ul.tabs li.plain a,ul.tabs li.plain span {
	background-color: transparent !important;
}

/*		BAR JUST BENEATH THE TABS		*/
div.bar {
	border-collapse: collapse;
	border-style: solid solid none solid;
	border-width: 1px;
	text-align: right;
	z-index: 20;
	height: 12px;
}

/*		BOX JUST BENEATH THE BAR		*/
div.box {
	font-size: 110%;
	padding: 15px 8px !important;
	margin: 0 0 10px 0;
	background: transparent;
	border-style: solid;
	border-width: 1px;
	color: black;
}

/*		THE COLORS!!		*/ /*		GREY		*/
.grey,ul.tabs li.grey a,ul.tabs li.grey span {
	background-color: #fff;
	border-color: #aaa;
	color: #888;
}

ul.tabs li.grey a:hover {
	background-color: #fff !important;
}

/*		MAGENTA		*/
.magenta,ul.tabs li.magenta a,ul.tabs li.magenta span {
	background-color: #903;
	border-color: #903;
	color: #903;
}

ul.tabs li.magenta a:hover {
	background-color: #da9 !important;
	border-color: #903;
	color: #903 !important;
}

/*		BLUE		*/
.blue,ul.tabs li.blue a,ul.tabs li.blue span {
	background-color: #369;
	border-color: #369;
	color: #369;
}

ul.tabs li.blue a:hover {
	background-color: #369 !important;
}

/*		ORANGE		*/
.orange,ul.tabs li.orange a,ul.tabs li.orange span {
	background-color: #d93;
	border-color: #d93;
	color: #d93;
}

ul.tabs li.orange a:hover {
	background-color: #d93 !important;
}

/*		PURPLE		*/
.purple,ul.tabs li.purple a,ul.tabs li.purple span {
	background-color: #87b;
	border-color: #87b;
	color: #87b;
}

ul.tabs li.purple a:hover {
	background-color: #87b !important;
}

/*		GREEN		*/
.green,ul.tabs li.green a,ul.tabs li.green span {
	background-color: #7a1;
	border-color: #7a1;
	color: #7a1;
}

ul.tabs li.green a:hover {
	background-color: #7a1 !important;
}

/*		YELLOW		*/
.yellow,ul.tabs li.yellow a,ul.tabs li.yellow span {
	background-color: #cc0;
	border-color: #cc0;
	color: #cc0;
}

ul.tabs li.yellow a:hover {
	background-color: #cc0 !important;
}

/*		RED		*/
.red,ul.tabs li.red a,ul.tabs li.red span {
	background-color: #a00;
	border-color: #a00;
	color: #a00;
}

ul.tabs li.red a:hover {
	background-color: #a00 !important;
}