/********************************************
Stylesheet for USI Redesign 12.22.2006
********************************************/

/******************************
	General Tag Definitions
******************************/
body {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	background-color: #281E45;
	text-align: center;
}

img {
	border: 0;
}

/***************************
	Main Page Container
***************************/
#page {
	margin: 0 auto;
	width: 785px;
	text-align: left;
}

html>body #page {
	width: 740px;
}

/***************************
	Left Navigation Area
***************************/
#nav {
	float: left;
	width: 206px;
	background-color: #841B1B;
	margin: 0;
	background-image: url( ../images/red_embroidered_background.gif );
	background-repeat: repeat-y;
	padding-top: 19px;
}

	#needle_and_thread {
		position: relative;
		top: -55px;
		left: 0px;
		width: 206px;
	}
	
	html>body #needle_and_thread {
		width: 236px;
		top: -55px;
		left: -12px;
	}
	
	#nav .link_block {
		position: relative;
		top: -400px;
	}
	
	html>body #nav .link_block {
		top: -450px;
	}
	
	#nav .link_block ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#nav .link_block ul li {
		padding: 5px 0 0 0;
	}
	
		#nav .link_block ul li.special_link {
			background-image: url( ../images/special_link.gif );
			background-repeat: no-repeat;
			background-position: 5px 5px;
		}
		
		#nav .link_block ul li.special_link a {
			color: #5E1311;
		}
	
	#nav .link_block ul li a {
		color: #eee;
		display: block;
		font-style: italic;
		font-size: 14px;
		text-decoration: none;
		height: 25px;
		padding-top: 5px;
		padding-left: 40px;
	}
	
	#nav .link_block ul li a:hover {
		color: #eee;
		background-image: url( ../images/active_link.gif );
		background-repeat: no-repeat;
	}
	
	#nav .link_block div {
		background-image: url( ../images/link_section_header.gif );
		height: 31px;
		background-color: #841B1B;
		color: #FBEEC6;
		padding: 0 0 0 40px;
		margin-top: 25px;
		font-style: italic;
	}

	#nav .link_block div span {
		display: block;
		padding-top: 3px;
	}
	
/*************************************
	Content Area (Right Side)
**************************************/
#shop_content {
	float: left;
	width: 484px;
	margin: 20px;
	/*background-color: red;*/
}

	#embroidered_block {
		width: 484px;
		height: 132px;
		/*background-color: yellow;*/
	}
		
		#embroidered_block img.sewn_border {
			position: relative;
			top: 30px;
			width: 484px;
			margin-right: -3px;
		}
	
		html>body #embroidered_block img.sewn_border {
			top: 0;
			margin: 0;
		}
	
		#embroidered_block #embroidered_content_holder {
			height: 132px;
			width: 484px;
			margin: 0;
			padding: 0;
			/*background-color: green;*/
		}
			
			#embroidered_block #embroidered_content_holder #banner_image {
				width: 474px;
				height: 100px;
				border: 0;
				padding: 0;
				margin: 5px 5px 0 5px;
			}
			
			#embroidered_block #embroidered_content_holder p {
				font-size: 11px;
				font-style: italic;
				height: 10px;
				padding: 0 0 0 5px;
				/*background-color: orange;*/
			}
					
	.sewn_block {
		background-color: #FBEEC6;
		margin-bottom: 30px;
	}
		
		.sewn_block img {
			float: left;
			margin: 10px 20px;
			padding: 1px;
			border: 1px solid #841B1B;
		}
	
		.sewn_block img.sewn_border {
			float: left;
			border: 0;
			padding: 0;
			margin: 0 0 0 -3px;
		}
		
		html>body .sewn_block img.sewn_border { 
			margin: 0;
		}
		
		.sewn_block p {
			margin: 0;
			padding: 10px 20px;
		}
		
		.sewn_block h1 {
			color: #841B1B;
			padding: 20px 20px 0 20px;
			margin: 0;
			font-size: 22px;
		}
		
		.sewn_block h2 {
			color: #841B1B;
			padding: 20px 20px 0 20px;
			margin: 0;
			font-size: 16px;
		}
		
		.sewn_block .embroidery_seperator {
			background-image: url( ../images/hr.gif );
			background-repeat: no-repeat;
			background-position: center;
			margin-top: 10px;
			height: 3px;
		}

	#sewing_footer {
		background-color: #FBEEC6;
		padding: 5px 20px;
		font-size: 10px;
		margin-bottom: 20px;
	}

/************************************************
Fullsized Pictures shown in Albums
*************************************************/
.album_picture {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	display: none;
	z-index: 1;
	background-color: #FBEEC6;
	padding: 20px 30px 20px 30px;
	border: 2px solid black;
	font-size: 10px;
	font-style: italic;
	text-align: center;
}

	.album_picture img { 
	
	}
	
/************************************************
Style for calendar blocks
*************************************************/
#events p {
	margin-left: 135px;
}

.calendar_block {
	float: left;
	margin: 20px 20px;
	padding: 5px;
	text-align: center;
	border: 2px solid black;
	width: 100px;
	height: 65px;
}

	.calendar_block h1 {
		font-size: 40px;
		margin: 0;
		padding: 6px 0;
	}

/************************************************
Scaffold Style
*************************************************/
.fieldWithErrors {
  margin: 0 0 0 20px;
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-left: 20px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

	#errorExplanation h2 {
	  text-align: left;
	  font-weight: bold;
	  padding: 5px 5px 5px 15px;
	  font-size: 12px;
	  margin: -7px;
	  background-color: #c00;
	  color: #fff;
	}

	#errorExplanation p {
	  color: #333;
	  margin-bottom: 0;
	  padding: 15px;
	}

	#errorExplanation ul li {
	  font-size: 12px;
	  list-style: square;
	}