/* MediaBrite CSS */

* {
	margin: 0px;
	padding: 0px;
	}
body {
	background: #B2BCDC url('images/body-background.gif') top left repeat-x;
	}
p {
	margin: 0px 0px 15px 0px;
	line-height: 150%;
	}
img	{
	border: 0px;
	}
a, .fauxLink {
	text-decoration: underline;
	color: #0000FF;
	font-weight: bold;
	}
a:hover	{
	color: #650A09;
	}
input, option, select {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-indent: 2px;
	color: #000;
	}
input, textarea, select { 
	margin-bottom: 4px;
	background: #EAEAC8;
	color: #000;
	border: 1px solid #000;
	padding: 2px;
	}
select { 
	padding: 0px;
	}
.cleaner {
	clear:both;
	height:0px;
	font-size:1px;
	border:none;
	background:transparent;
	}

/*  Header   */
#top {
	margin: 0px auto 0px auto;
	width: 749px;
	padding: 0px 10px 0px 10px;
	height: 243px;
	background: #B2BCDC url('images/top-background.jpg');
	}
	ul#navbar {
		list-style: none;
		margin: 0px;
		padding: 0px;
		z-index: 500;
		padding-left: 5px;
		}
	/*  Navbar   */
	#navbar {
		background: #B4BBDA url('images/navbar-background.gif');
		height: 20px;
		width: 746px;
		list-style: none;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top:-20px;
		left: 9px;
		z-index: 600;
		}
		#navbar li {
			float: left;
			position: relative;
			}
		/* Styles for Menu Items */
		#navbar li a {
			text-decoration: none;
			letter-spacing: 0px;
			font-size: 95%;
			font-weight: bold;
			font-family: 'Lucida Grande', 'Lucida Sans', Lucida, Arial, Helvetica, sans-serif;
			color: #B4BBDA;
			letter-spacing: 0px;
			padding: 2px 12px 1px 12px;
			display: block;
			margin: 0px;
			border-left: 1px solid #5B5B9F;
			border-right: 1px solid #5B5B9F;
			background: #B4BBDA url('images/navbar-background.gif');
			}
			#navbar a.active, #navbar a.active:hover, #navbar a:hover, #navbar a.active:hover {
				color: #FFF;
				background-position: 0 20px;
				}
			#navbar a.active, #navbar a.active:hover {
				border-left: 1px solid #FFF;
				border-right: 1px solid #FFF;
				}
				
		/* Styles for Drop Downs */
		#navbar li ul {
			display: none;
			position: absolute;
			left: 0px;
			top: 20px;
			width: 140px;
			display: none;
			padding: 0px 3px 3px 0px;
			list-style: none;
			margin: 0px;
			background: url('images/navbar-dropdown-background.gif');
			}
		li > ul {
			top: auto;
			left: auto;
			}
		#navbar span.padding {
			display: block;
			padding: 1px 2px 0px 12px;
			}
		#navbar li:hover ul, #navbar li.over ul {
			display: block;
			}
		#navbar li ul li {
			padding: 0px;
			margin: 0px;
			float: none;
			}
		#navbar li ul li a {
			padding: 0px;
			margin: 0px;
			color: #FFF;
			font-size: 90%;
			font-weight: normal;
			border: 0px;
			float: none;
			background: #4F4697;
			padding: 1px 0px 1px 0px;
			margin: 0px;
			z-index: 500;
			border-top: 1px solid #717BB4;
			}
			#navbar li ul li a:hover {
				background: #B4BBDA url('images/navbar-background.gif');
				background-position: 0px -20px;
				}

/*  Container   */
#container	{
	margin: 0px auto 0px auto;
	width: 769px;
	background: url('images/container-background.jpg');
	position: relative;
	}
#containerPadding	{
	padding: 0px 9px 0px 9px;
	background: url('images/containerPadding-background.jpg') top left no-repeat;
	}

/*  Left Column   */
#left	{
	float: left;
	display: block;
	width: 170px;
	margin: 30px 0px 0px 0px;
	padding: 20px 0px 20px 30px;
	font-size: 98%;
	color: #C0BAB7;
	z-index: 100;
	border-top: 2px solid #717BB4;
	border-right: 2px solid #717BB4;
	}
	#left h1 {
		color: #000;
		font-family: 'Arial Black', arial;
		border: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
	/*  SubNavbar   */
		a.subnavbar, a.subnavbarActive {
			background: url('images/subnavbar-background.gif') top left no-repeat;
			filter:alpha(opacity = 50);
			-moz-opacity:.50;
			opacity:.50;
			padding: 0px 0px 0px 8px;
			margin: 3px 0px 3px 0px;
			display: block;
			text-decoration: none;
			letter-spacing: 1px;
			color: #4F4697;
			font-size: 95%;
			font-weight: normal;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			}
			a.subnavbar:hover {
				filter:alpha(opacity = 90);
				-moz-opacity:.90;
				opacity:.90;
				}
			a.subnavbar p, a.subnavbarActive p {
				background: #B4BBDA;
				margin: 0px;
				padding: 3px 0px 3px 0px;
				height: 16px;
				}
			a.subnavbarActive {
				background-position: 0px -22px;
				filter:alpha(opacity = 90);
				-moz-opacity:.90;
				opacity:.90;
				color: #FFF;
				}
				a.subnavbarActive p {
					background: #4F4697;
					}
	#left img{
		margin: 0px 0px 0px 10px;
		}
	#cart h1 {
		font-size: 120%;
		margin: 0px;
		color: #C0BAB7;
		border: 0px;
		padding: 0px 0px 0px 10px;
		}
		#cart th {
			background: #C0BAB7;
			color: #000;
			padding: 2px;
			}

/*  Main Content Area   */
#main	{
	margin: 0px 0px 0px 220px;
	padding: 50px 10px 20px 0px;
	z-index: 100;
	position: relative;
	}
	#mainContent, #eventDetails {
		padding: 20px 20px 0px 20px;
		}
	a.callout {
		display: block;
		margin: 0px 0px 10px 0px;
		position: relative;
		height: 150px;
		text-decoration: none;
		color: #000;
		font-weight: normal;
		}
		a.callout h1 {
			border-bottom: 4px solid #717BB4;
			background: #FFF;
			padding: 3px 7px 3px 7px;
			margin: 0px;
			position: relative;
			}
			a.callout:hover h1 { color: #F5DF4E;border-color: #F5DF4E;background: #717BB4; }
		a.callout span {
			display: block;
			position: absolute;
			top: 25px;
			left: 0px;
			height: 120px;
			width: 361px;
			background: #FFF;
			filter:alpha(opacity = 50);
			-moz-opacity:.50;
			opacity:.50;
			z-index: 20;
			}
			a.callout:hover span { background: #B2BCDC; }
		a.callout img {
			float: right;
			padding: 0px 0px 5px 5px;
			}
		a.callout p {
			position: absolute;
			top: 25px;
			left: 0px;
			padding: 3px 7px 3px 7px;
			z-index: 300;
			margin: 4px 0px 0px 0px;
			font-size: 90%;
			}
	#pageTitle {
		position: absolute;
		background: url('images/pageTitle-background.gif');
		top: 10px;
		left: -27px;
		width: 557px;
		height: 32px;
		}
		#pageTitle .leftSide {
			background: url('images/pageTitle-left.gif') top left no-repeat;
			float: left;
			}
		#pageTitle .rightSide {
			background: url('images/pageTitle-right.gif') top right no-repeat;
			margin: 0px 10px 0px 0px;
			height: 32px;
			}
		#pageTitle p {
			padding: 3px 0px 3px 0px;
			margin: 0px 10px 0px 10px;
			background: #717BB4;
			color: #FFF;
			font-size: 150%;
			font-weight: normal;
			font-family: georgia, "Times New Roman", helvetica, sans-serif;
			letter-spacing: 2px;
			}
	/*  Category   */
	.category	{
		display: block;
		margin: 0px 0px 5px 0px;
		position: relative;
		background: #272525 url('images/order-cat-corner-TL-off.gif') top left no-repeat;
		padding: 8px 0px 0px 0px;
		}
		.category a {
			color: #C0BAB7;
			font-weight: bold;
			font-size: 110%;
			padding: 0px 5px 0px 8px;
			}
		.category a:hover	{
			color: #FFF;
			}
		.category .bottomCorner {
			display: block;
			height: 8px;
			background: #272525 url('images/order-cat-corner-BL-off.gif') top left no-repeat;
			}
	.categoryOn	{
		background: #000 url('images/order-cat-corner-TL-on.gif') top left no-repeat;
		}
	.categoryOn a  {
		color: #FFF;
		}
	.categoryOn .bottomCorner	{
		background: #000 url('images/order-cat-corner-BL-on.gif') top left no-repeat;
		}
	.productsContainer	{
		display: none;
		}
	/*  Product   */
	.product	{
		display: block;
		margin: 10px 0px 0px 8px;
		position: relative;
		font-weight: normal;
		color: #C0BAB7;
		font-size: 90%;
		}
		.product p {
			padding-right: 8px;
			}
		.product img {
			float: left;
			border: 1px solid #000;
			margin: 0px 5px 10px 0px;
			}
		.product .prodName {
			padding: 1px 4px 1px 4px;
			margin: 0px 0px 5px 0px;
			background: #A71B29;
			color: #FFF;
			font-weight: normal;
			font-size: 120%;
			}
	.productDetails {
		float: right;
		text-align:right;
		margin: 0px 8px 10px 0px;
		color: #C0BAB7;
		font-size: 90%;
		}
		.productDetails .price {
			margin: 4px 0px 4px 0px;
			}
		.productDetails input {
			background: #9C8F8F;
			color: #000;
			padding: 1px;
			border: 1px outset #FFF;
			}
		.productDetails select { 
			margin: 0px;
			background: #9C8F8F;
			color: #000;
			border: 1px solid #000;
			padding: 0px;
			}
	a.news {
		padding: 4px 10px 4px 10px;
		display: block;
		margin: 0px 0px 3px -10px;
		text-decoration: none;
		color: #4F4697;
		font-weight: bold;
		font-size: 100%;
		}
		a.news:hover {
			padding: 3px 9px 3px 9px;
			text-decoration: none;
			background: #EEE;
			border: 1px solid #9A9999;
			}
	.date {
		color: #999999;
		font-size: 80%;
		font-weight: normal;
		padding: 0px;
		text-decoration: none;
		}
	p.abstract {
		color: #333333;
		display: block;
		font-size: 90%;
		font-weight: normal;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		text-decoration: none;
		}
	p.title {
		border: 0px;
		display: block;
		font-size: 120%;
		font-weight: bold;
		letter-spacing: 1px;
		margin: 20px 0px 5px 0px;
		padding: 0px;
		text-decoration: none;
		border-bottom: 1px solid #000;
		}
	p.byline {
		color: #666;
		display: block;
		font-size: 90%;
		font-weight: normal;
		margin: 0px 0px 15px 0px;
		padding: 0px;
		text-decoration: none;
		}
	#sidebar {
		clear: right;
		display: block;
		float: right;
		margin:  0px 0px 10px 10px;
		padding: 0px;
		width: 170px;
		}
		#sidebar .leadImage	{
			display:block;
			}
		#sidebar p.caption {
			color: #999999;
			display: block;
			font-size: 90%;
			font-weight: normal;
			margin: 0px 0px 10px 0px;
			padding: 0px;
			text-decoration: none;
			}
		#sidebar a {
			color: #CCCCCC;
			text-decoration: none;
			}
			#sidebar a:hover {
				color: #FFFFFF;
				}
		#sidebar .mainLink	{
			border: 1px solid #000;
			background: #5D569E;
			color: #FFF;
			display:block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			margin-bottom:8px;
			padding:4px 2px 4px 6px;
			text-decoration: none;
			}
		#sidebar a.mainLink:hover	{
			background: #717BB4;
			color: #FFFFFF;
			}
			#sidebar a.mainLink img	{
				float:left;
				margin-right:6px;
				}
		#sidebar .textBox	{
			background: #DDDDDD;
			border:  1px solid #BBBBBB;
			border-top:0px;
			display: block;
			font-size: 90%;
			margin: 0px 0px 8px 0px;
			padding: 6px;
			text-decoration: none;
			}
			#sidebar .textBox a	{
				color: #000000;
				text-decoration: underline;
				}
				#sidebar .textBox a:hover {
					color: #666666;
					}
			#sidebar a.relatedNews	{
				display: block;
				margin-bottom: 8px;
				}
		#sidebar .credit	{
			color: #888888;
			display:block;
			font-size: 80%;
			margin: 5px 0px 0px 0px;
			text-align: right;
			}
	#contact {
		display: block; 
		margin: 10px 0px 0px 0px;
		text-align: left;
		font-size: 95%;
		}
		#contact p {
			margin: 0px 0px 7px 0px;
			}
		#contact strong {
			font-weight: bold;
			text-transform: uppercase;
			}
		#contact .column {
			display: block;
			float: left;
			margin: 0px;
			text-align: right;
			width: 240px;
			}
		#contact input, #contact option, #contact select {
			color: #000;
			font-family: Tahoma, Verdana, sans-serif;
			font-size: 90%;
			font-weight: normal;
			text-indent: 2px;
			}
		#contact option {
			font-size: 100%;
			}
		#contact input, #contact textarea, #contact select { 
			background: #EEEEEE;
			border: 1px solid #AAAAAA;
			margin-left: 2px;
			}
		#contact .button {
			background: #5D569E;
			color: #FFF;
			font-weight: bold;
			border: 2px outset #000;
			}
		#contact .thankYou {
			background: #EEEEEE;
			padding: 5px;
			margin: 20px 0px 0px 0px;
			border: 1px solid #B4BBDA;
			color: #B4BBDA;
			}

	.pages {
		position: relative;
		display: block;
		float:right;
		margin:  0px 0px 10px 0px;
		border: 1px solid #333333;
		background: #EEEEEE;
		padding: 0px;
		font-size: 90%;
		}
		.pages .currentPage {
			display: block;
			float: left;
			font-weight: bold;
			padding: 0px 5px 0px 5px;
			border-left: 1px solid #333333;
			}
		.pages .pageNavTitle {
			display: block;
			float: left;
			padding: 0px 5px 0px 5px;
			text-decoration: none;
			font-weight: normal;
			background: #333333;
			color: #FFFFFF;
			}
		.pages a {
			display: block;
			float: left;
			text-decoration: none;
			color: #999999;
			padding: 0px 5px 0px 5px;
			border-left: 1px solid #333333;
			}
			.pages a:hover {
				color: #FFFFFF;
				background: #AAAAAA;
				}
/*  Bottom   */
	#bottom	{
		padding: 2px 10px 2px 10px;
		font-size: 80%;
		color: #B4BBDA;
		font-family: Arial, Helvetica, sans-serif;
		background: #B4BBDA url('images/navbar-background.gif');
		position: relative;
		}
		#bottom a {
			text-decoration: none;
			color: #FFFFFF;
			font-weight: bold;
			}
			#bottom a:hover {
				color: #FFFF00;
				}