/*COLORS



LT BLUE = ced9f0

DK BLUE = 7394d4

RED = ca000c



*/



body {

	margin: 0 auto;

	padding: 0px;	

	text-align: center;	

	height: 100%;	

	width: 100%;

	background-color: #fff;

}



#container {

	position: relative;	

	margin-left: auto;	

	margin-right: auto;	

	width: 960px;	

	height: 100%;	

	color: #000000;	

	text-align: left;	

	background-color: #fff;

}



/* -- HEADER -- */



#header {	

	display: inline;	

	margin-top: 20px;	

	margin-bottom: 40px;

	height: 110px;	

	background: #fff;	

	padding: 0 0 0 5px;	

	float: left;

	width: 95%;

	vertical-align: bottom;	

	text-align: center;	

}



.headLogo {

	float: left;

	margin-bottom: 30px;

	width: 500px;

}

	

.viewCart  { 

	text-align: right;

	margin-top: 10px;

}



/* -- TOPLINKS --*/



#toplinks {

	clear: both;	

	height: 45px;

	background: #ced9f0;

	margin: 40px 0 20px 0;

	padding: 3px 35px 10px 55px;

}



#toplinks li {

	display: inline;

	font-size: 1.0em;

	font-family: "century gothic", arial, serif;	

	font-weight: normal;	

	vertical-align: super;

	margin: 30px 5px 5px 5px;

	padding-right: 40px;

	padding-bottom: 10px;

	color: #ff0;	

	text-decoration: none;

	list-style-type: none;

}



#toplinks li a  {  

	font-size: 1.0em;

	font-family: "century gothic", arial, serif;	

	font-weight: normal;	

	color: #000;

}



#toplinks a:hover {

	

	color: #ca000c;	

	text-decoration: underline;	

}



/* CONTENT BLOCK */



#content {

	float: right;

	width: 650px;

	display: block;

	background-color: #fff;

	margin: 5px 0 30px 0;

	padding: 0 15px 0 25px;

	font-family: georgia, "times new roman", serif;

	font-style: normal;

	color: #000;

	text-align: left;

	line-height: 150%;

	}

	

#alert  {

	border: 4px double #F00;

	padding: 0 20px 20px 20px;

	margin-bottom:10px;

	margin-right: 30px;

	font-family: book antiqua, "Times New Roman", serif;

	font-size: 1.4em;

	font-weight: bold;

	line-height: 160%;

	color: #000;

}



	

p  {  

	margin: 20px 20px 0 0;

	padding-right: 10px;

}



p2 {

	font-family: georgia, "times new roman", serif;

	font-size: 1.0em;

	font-weight: normal;

	color: #000;

	margin: 15px 25px 0 25px;

	text-align: justify;	

}





.top {

	text-align: right;

}





h1 {

	font-family: Garamond, "Times New Roman", serif;

	font-size: 2.5em;

	font-weight: normal;

	color: #ca000c;

	line-height: 150%;

	text-align: center;

	margin-top: 50px;

	margin-bottom: 40px;

}



.resh1  {  

	margin-bottom: 10px;

}



h2 {

	font-size: 1.3em;

	font-weight: normal;

	font-style: italic;

	color: #ca000c;

	margin-top:30px;

}



h3 {

	font-family: georgia, "times new roman", serif;

	font-size: 1.1em;

	font-weight: bold;

	font-style: italic;

	color: #000;

	margin-top: 15px;

	text-align: left;	

}



h4 {

	font-family: "century gothic", arial, sans-serif;

	font-size: 0.65em;

}



/* Content Links */



a {

	font-family: "century gothic", arial, sans-serif;

	font-size: 1em;

	text-decoration: none;

	color: #600;

	}



a:hover {

	text-decoration: underline;

	color: #c00;

	}



/* Content List */



ol {

	list-style-type: decimal;

	list-style-position: outside;

	margin: 15px auto;

}



ul {

	list-style-type: disc;

	list-style-position: outside;

	margin: 15px auto;

}



li  { 

	list-style-type: disc; 

	list-style-position: outside;

  margin-top: 5px;

	text-align: left;

	display: block;

	padding-top: 6px;

	line-height: 150%

	}

	

.quick {

	font-size: 1.2em;

	text-align: left;

	margin-top: -45px;

	line-height: normal;

}



.quick2  {  

	margin-left: -130px;

	font-family: "Century Gothic", Arial, sans-serif;

	font-size: 1.2em;

	font-color: #930;

}



/* Content Tables */



table {

	table-layout: fixed;

	width: 100%;

	margin: 10 auto 0 auto;

	empty-cells: show;

	vertical-align: baseline;

}



#tableInsert {

	table-layout: fixed;

	width: 100%;

	height: 580px;

	overflow: scroll;

	border-top: 3px double black;

	background-color: #ffc;

	margin: 10 auto 0 auto;

	empty-cells: show;

	vertical-align: baseline;

}

	td  { 

	margin-top: 15px;

	padding: 0 0 0 30px;

	line-height: 150%;

}



table a {  

	line-height:180%

	font-size: .9em;

}



h3 td  {  

	display: block;

	margin: 0 auto;

	padding: 0;

}





td p {

	font-size: 0.9em;

	line-height: 140%;

	margin-bottom: 15px;

}



.indent  {  

padding-left: 50px;

}



/* Row Stripes */



table.resource  {  

	border: 3px double #000;

	margin-right: 50px;

}



td.resrc-odd  {  

	border: 1px single #930;

	padding: 5px 0;

	padding-left: 10px;

	font-family: georgia, times new roman, serif;

	font-size: .8em;

	line-height: 150%;

	background-color: #ced9f0;

	text-align: center;

}



td.resrc-even  {  

	border: 1px single #930;

	padding: 5px 0;

	padding-left: 10px;

	font-family: georgia, times new roman, serif;

	font-size: .8em;

	line-height: 150%;

	background-color: #ff9;

	text-align: center;

}



.resrc {

	padding: 10px;

	border: 1px single #000;

	border-bottom: 3px double #000

	font-family: century gothic, arial, sans-serif;

	font-weight: bold;

	color: #000;

	background-color: #e4a078;

}





	

/* Column Widths */



.col25 {

	width: 25px;

}



.col50 {

	width: 50px;

}



.col75 {

	width: 75px;

}



.col100 {

	width: 100px;

}



.col125 {

	width: 125px;

}



.col150 {

	width:150px

}



.col200 {

	width: 200px;

}



.col225 {

	width: 225px;

}



.col275 {

	width: 275px;

}



.col325 {

	width: 325px;	

}





.col350 {

	width: 350px;	 

}

	

.col400 {

	width: 400px;

}



.col500 {

	width: 500px;

}





/* -- NAVIGATION PANEL ON LEFT -- */



#mainNav {

	float: left;

	width: 220px;	

	height: 100%;	

	background-color: #fff;

	font-family: Century Gothic, Arial, Sans-serif;

	font-size: 0.8em;

	text-align: left;

}



#mainNavBox {

	float: left;

	width: 220px;	

	height: 100%;	

	background-color: #ced9f0;

}





.navHead {

	font-family: georgia, "times new roman", serif;

	font-size: 1em;

	font-style: italic;

	font-weight:bold;

	color: #ca000c;

	text-align: center;

	text-transform: uppercase;

}



.navHead a {

	font-family: georgia, "times new roman", serif;

	font-size: 1em;

	font-style: italic;

	font-weight:bold;

	color: #ca000c;

	text-align: center;

	text-transform: uppercase;

}



.navBump {

	margin-left: 15px;

}



.navBody {

  text-align: left;

	margin-left: 20px;

	padding-right:10px;

}



/* -- FOOTER -- */



#footer {

	clear: both;

	width: 100%;

	height: 60px;

	background-color: #ced9f0;

	font-family: "century gothic", arial, sans-serif;

	font-size: .85em;

	font-style: normal;

	text-align: center;

	color: #000;

	vertical-align: center;

	padding-top: 0px;

	border-top: 1px solid #000;

}



/* IMAGE CLASSES */



.theme {

width: 570px;

margin-top: 10px;

margin-left: 10px;

border: 0;

text-align: right;

}



.logo  { 

	width: 90px;

	text-align: left;

	margin-left: -10px;

	margin-top: auto;

}



.resource-l  {

	float: left;

	border: 1px solid #930;

	padding: 5px;

	margin: 20px 50px 20px 20px;

	width: 220px;

}



.resource-r  {

	float: right;

	border: 1px solid #930;

	padding: 5px;

	margin: 20px;

	width: 260px;

}



.spice  {  

	float: left;

	border: 1px solid #930;

	padding: 5px;

	margin: 10px 30px 20px 20px;

	width: 120px;

}



.equip  {  

	width: 180px;

	float: left;

	margin-right: 10px;

}



.photocap  {  

	font-family: Century Gothic, Arial, Sans-serif;

	font-size: 0.8em;

	text-align: right;

	margin-top: 0px;

}



.arrow-rt  {  

	float: right;

	margin-top: 80px;

}



div.gallery  {  

	float: left;

	width: 200px;

	height: 150px;

	margin: 15px 10px 5px 5px;

}