﻿.container
{
	min-width: 1176px; /* same as .main width + left and right padding of .container-main */
	/*min-width: 1186px;*/
}

	.container-header
	{
	}

		.container-header .header
		{
			background-image: url("../Images/Background_Header.gif");
		}
		
	.container-main
	{
		background-color: #fff;
		padding-left: 10px;
		padding-right: 10px;
	}
		
		.main
		{
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			position: relative;
			width: 1156px; /* Must have a width for IE6 - can be 100% */
			/*width: 1166px;*/
		}
	
			.container-column-left
			{
				float: left;
				left: 0;
				position: absolute;
				width: 200px;
			}
	
				.column-left
				{
				}
			
					.container-logo
					{
						margin-bottom: 10px;
					}
					
						.logo
						{
						}
												
					.container-navigation
					{
					}
					
						.navigation
						{
						}
						
							.skip-to-main-content
							{
								display: none;
								visibility: hidden;
							}
						
							.menu
							{
							}
													
								.menu a
								{
									display: block;
								}

								.menu a.level1
								{
									font-weight: bold;
								}

									.menu .level1 a
									{
										/*background-color: #ffa500;*/
										background-color: #ddd;
										/*color: #fff;*/
										color: #333;
										padding: 4px;
										padding-left: 15px;
										border-bottom: 1px solid #888888;
										
									}

									.menu .level2 a
									{
										background-color: #bbb;
										border-left: solid 5px #ffa500;
										color: #333;
										padding-left: 10px;
									}

									.menu .level3 a
									{
										background-color: #ddd;
										border-left: solid 5px #bbb;
										padding-left: 20px;
									}
									
								.menu a.parent
								{
									/* background-image: url("../Images/ArrowDown.gif"); */
									background-position: 95% center;
									background-repeat: no-repeat;
								}
									
									.menu a.parent.collapsed
									{
										background-image: url("../Images/ArrowDown.gif");
									}
									
									.menu a.parent.expanded
									{
										background-image: url("../Images/ArrowUp.gif");
									}
									
								.menu a.selected
								{
									background-color: #333;
									color: #ffa500;
								}

			.container-column-right
			{
				float: right;
				position: absolute;
				right: 0;
				/*width: 160px;*/
				width: 170px;
			}
			
				html>body .container-column-left,
				html>body .container-column-right
				{
					position: relative;
				}
			
				.column-right
				{
				}
				
					.container-flags
					{
						margin: 0;
						margin-bottom: 10px;
						overflow: hidden;
						padding: 0;
						width: 170px;
					}
					
						.flag
						{
							float: left;
						}
				
					.container-ad
					{
						margin-bottom: 10px;
					}
						.ad
						{
						}
		
			.container-column-middle
			{
				margin-left: 200px;
				/*margin-right: 160px;*/
				margin-right: 170px;
			}

				.column-middle
				{
					margin-left: 15px;
					margin-right: 15px;
				}
		
					.container-breadcrumbs
					{
					}
					
					.breadcrumbs a
					{
						color: #414141;
					}
						
						.widescreen-trigger
						{
							color: #0390C8;
							cursor: pointer;
							float: right;
						}
						
						.widescreen-trigger:hover
						{
							text-decoration: underline;
						}
					
						.breadcrumbs
						{
						}
		
					.container-content
					{
					}
					
						.content
						{
							margin-top: 10px;
						}
						
							.container-content-columns
							{
								margin-top: 10px;
								overflow: hidden;
								position: relative;
								width: 100%;
							}
							
								.content-columns
								{
								}
								
									.weight-left .container-content-column1
									{
										width: 60%;
									}

									.weight-left .container-content-column2
									{
										width: 40%;
									}

									.weight-right .container-content-column1
									{
										width: 40%;
									}

									.weight-right .container-content-column2
									{
										width: 60%;
									}

									.weight-left55 .container-content-column1
									{
										width: 55%;
									}

									.weight-left55 .container-content-column2
									{
										width: 45%;
									}

									.weight-right55 .container-content-column1
									{
										width: 45%;
									}

									.weight-right55 .container-content-column2
									{
										width: 55%;
									}
									
									.no-weight .container-content-column1,
									.no-weight .container-content-column2
									{
										width: 100%;
									}

									.container-content-column1,
									.container-content-column2
									{
										margin-bottom: -2000px;
										padding-bottom: 2000px;
										position: relative;
									}

									.container-content-column1
									{
										border-right: solid 1px #eee;
										float: left;
										margin-right: -1px;
										width: 50%;
									}
									
										.content-column1,
										.content-column2
										{
											border-top: solid 1px #eee;
											margin-left: 25px;
											margin-right: 25px;
											padding-top: 25px;
										}
										
											.list-columns
											{
												overflow: auto;
												position: relative;
											}

												.list-column-left,
												.list-column-right
												{
													float: left;
													position: relative;
												}

												.list-column-right
												{
													margin-left: 50px;
												}
									
									.container-content-column2
									{
										float: right;
										width: 50%;
									}
									
							a.hilite
							{
								/*color: #1e83c3;*/
							}
		
	.container-footer
	{
	}

		.footer
		{
			background-image: url("../Images/Background_Footer.gif");
		}








.container-media
{
	overflow: hidden;
}

.container-media .media div,
.container-graphic .graphic .container-content-graphic
{
	margin-left: auto;
	margin-right: auto;
}

.container-media .media object
{
	display: block;
}

.embed
{
	background-color: #ddd;
	border: solid 1px #ccc;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 12px;
	padding: 5px;
}

	.embed input
	{
		font-size: 100%;
	}

.container-graphic .graphic .container-content-graphic
{
	overflow: hidden;
}

.content-graphic
{
	overflow: auto;
}

.image-callout
{
	margin-bottom: 20px;
	overflow: auto;
}

.image-callout img,
.image-link
{
	float: left;
	margin: 0 15px 0 0;
}

.image-callout a
{
	color: #414141;
}

.image
{
	margin-bottom: 10px;
}

.content h3,
.content h3 a
{
	color: #414141;
}

.content h3
{
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 10px;
}

.content h3 a
{
	text-decoration: underline;
}

.content h3 a:hover
{
	text-decoration: none;
}

.content h3.hilite
{
	color: #ffa500;
}

a.marker,
ul.list li a
{
	color: #414141;
	padding-left: 9px;
	text-decoration: underline;
}

a.marker
{
	background: url("../Images/LinkMarker.gif") no-repeat left center;
	font-weight: bold;
}

ul.list li a
{
	background: url("../Images/ListMarker.gif") no-repeat left center;
}

a.marker:hover,
ul.list li a:hover
{
	text-decoration: none;
}

ul.list li
{
	padding-bottom: 5px;
}

.shortcuts
{
	margin-bottom: 25px;
}

.shortcuts dl
{
	clear: left;
}

.shortcuts dt
{
	float: left;
	min-width: 10%;
}

.graphic.sitemap
{
	background: url("../Images/Widescreen_SiteMap.jpg") no-repeat center top;
	position: relative; /* IE6 */
}

.container-graphic .graphic.sitemap .container-content-graphic
{
	height: 520px;
	width: 766px;
}

.sitemap .content-graphic
{
	height: 222px;
	margin-left: 85px;
	margin-top: 94px;
	width: 595px;
}

.map
{
	font-family: Arial;
	font-size: 175%;
	font-weight: bold;
	line-height: 175%;
	margin-left: 4px;
	text-transform: uppercase;
}

.map a
{
	color: #444;
	display: block;
	padding-left: 30px;
}

.map a:hover
{
	background-color: #fc3;
	text-decoration: none;
}

.sitemap #GPSTime,
.sitemap #GPSMenu,
.sitemap #GPSDate,
.sitemap #GPSDown,
.sitemap #GPSUp,
.sitemap #GPSDefault
{
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.sitemap #GPSTime,
.sitemap #GPSDate
{
	height: 43px;
	line-height: 43px;
}

.sitemap #GPSTime
{
	font-size: 150%;
	margin-left: 98px;
	margin-top: 13px;
	padding-top: 2px;
	width: 123px;
}

.sitemap #GPSMenu
{
	font-size: 100%;
	height: 20px;
	line-height: 20px;
	margin-left: 319px;
	margin-top: 36px;
	width: 127px;
}

.sitemap #GPSMenu a
{
	color: #fff;
	display: block;
}

.sitemap #GPSDate
{
	font-size: 110%;
	margin-left: 544px;
	margin-top: 14px;
	padding-top: 2px;
	width: 122px;
}

.sitemap #GPSDown,
.sitemap #GPSUp,
.sitemap #GPSDefault
{
	cursor: pointer;
	font-size: 100%;
	height: 17px;
	line-height: 17px;
	margin-top: 89px;
	width: 58px;
}

.sitemap #GPSDown
{
	margin-left: 268px;
}

.sitemap #GPSUp
{
	margin-left: 353px;
}

.sitemap #GPSDefault
{
	margin-left: 437px;
}

.media.drums,
.media.guitars
{
	background: url("../Images/Widescreen_Speakers.gif") no-repeat center top;
}

.media.horses
{
	background: url("../Images/Widescreen_Barn.gif") no-repeat center top;
}

.media.makeup-dolls
{
	background: url("../Images/Widescreen_Doors.gif") no-repeat center top;
}




.sign-up .list-columns
{
	clear: both;
}

.sign-up
{
	font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
}

.sign-up legend
{
	font-size: 200%;
	/*line-height: 200%;*/
	margin-bottom: 20px;
}

.sign-up .panel
{
	clear: both;
	margin-bottom: 10px;
}

.sign-up label
{
	clear: left;
	display: block;
}

.sign-up .validator
{
	margin-left: 5px;
}

.sign-up input.textbox
{
	border: solid 1px #ccc;
	color: #333;
	padding: 2px;
	width: 120px;
}

.sign-up .textbox
{
	/*width: 50%;*/
}

.sign-up select,
.sign-up option,
.sign-up input
{
	font-size: 100%;
}

.sign-up .horizontal li
{
	float: left;
	white-space: nowrap; /* forces the radio button and text to be on the same line */
}

.sign-up .horizontal label
{
	display: inline;
	margin-right: 10px;
}

.sign-up .horizontal input
{
	background-color: #fff;
}

.sign-up textarea.terms-and-conditions
{
	color: #888;
	font-family: Arial, Sans-Serif;
	font-size: 100%;
	height: 100px;
	width: 90%;
}

.sign-up input.submit
{
	background: none;
	border: none;
	border-bottom: solid 1px #414141;
	color: #414141;
	cursor: pointer;
	font-weight: bold;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: 0;
}

.sign-up input.submit:hover
{
	border-bottom: solid 1px #fff;
}

.sign-up .list-column-left
{
	width: 25%;
}

.sign-up .list-column-right
{
	width: 55%;
}

.sign-up input.submit[class]
{
    width: auto;
}

.watermark
{
	color: #999;
}



.widescreen
{
}

/* a[rel="external"] */
a.external
{
	background: url("../Images/external.png") no-repeat right center;
	padding-right: 13px;
}

.container-alternative-content
{
	background-color: #fff;
	padding-top: 20px;
}
	.alternative-content
	{
		text-align: center;
	}





.container-dropdown
{
	display: none;
	left: 50%;
	margin-left: -250px;
	position: absolute;
	right: 0;
	top: 0;
	width: 500px;
	z-index: 10000;
}

	.container-dropdown .dropdown-shade
	{
		background-color: #0390c8;
		background-color: #555;
		border: 1px solid #666;
		display: none;
		font-size: 14px;
		line-height: 22px;
	}

	.container-dropdown .dropdown-shade a
	{
		color: #fff;
	}

		.container-dropdown .dropdown-content
		{
			color: #fff;
			padding: 20px;
		}

	.container-dropdown .dropdown-tab
	{
		background: url("../Images/DropDownTab.png") no-repeat center top;
		border-top: solid 4px #1e83c3;
		height: 55px;
		margin: 0;
		padding: 0;
	}
		.container-dropdown .dropdown-button,
		.container-dropdown .dropdown-button-active
		{
			background: url("../Images/DropDownButtonArrowDown.png") no-repeat 95% center;
		}

		.container-dropdown .dropdown-button
		{
			color: #fff;
			cursor: pointer;
			font: bold 120%/100% Arial, Helvetica, sans-serif;
			height: 31px;
			margin: 0 auto;
			padding: 10px 10px 0 0;
			text-align: center;
			width: 144px;
		}
		
		.container-dropdown .dropdown-button:hover
		{
			text-decoration: underline;
		}

		.container-dropdown .dropdown-button-active
		{
			background-image: url("../Images/DropDownButtonArrowUp.png");
		}

	

.advertisement-block,
.media-block
{
	display: block;
}

.advertisement-inline,
.media-inline
{
	display: inline;
}

.advertisement-inline-block,
.media-inline-block
{
	display: inline-block;
}


.AspNet-GridView table
{
	border: solid 1px #ccc;
	font-size: 70%;
}

.AspNet-GridView table th,
.AspNet-GridView table td
{
	border: solid 1px #cbcbcb;
	padding: 5px;
}

.AspNet-GridView table th
{
	background-color: #0390c8;
	color: #fff;
}







.message-alert
{
	background-color: #ffefb2;
	border: solid 1px #fdd981;
	color: #000;
	margin-top: 10px;
	padding: 5px;
}




.AspNet-GridView-Alternate
{
	background-color: #edf5ff;
}

.number
{
	list-style-position: inside;
	list-style-type: decimal;
}


pre
{
	background-color: #ffffb3;
	border: solid 1px #0000ff;
	font-size: 1.3em;
	margin: 10px;
	overflow: auto;
	padding: 10px; 
}

code
{
	color: #1e83c3;
	font-family: Monospace;
}


/*background-color: #edf5ff;*/





/* IE6 Workaround */
.header,
.footer,
.menu,
.menu ul,
.menu li,
.menu a,
.map,
.map ul,
.map li,
.map a,
.image-callout,
.embed,
.sign-up .panel
{
	zoom: 1;
}
