@import url(page_generic.css);

body {
	font-family: futura, sans-serif;
	font-size: 11pt;
	background-image: url(../gif/background.gif);
	background-repeat: repeat-x;
}

p, li {
	line-height: 150%;	
}

a {
	color: #E8822A;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

div#live-right {
	width: 769px;
	margin: 0 auto;
	overflow: hidden;
}

div#live-right-shadow-left, div#live-right-shadow-right {
	background-repeat: no-repeat;
}

div#live-right-shadow-left {
	padding-left: 20px;
	background-image: url(../gif/shadow_left.gif);
	background-position: top left;	
}

div#live-right-shadow-right {
	padding-right: 20px;
	background-image: url(../gif/shadow_right.gif);
	background-position: top right;	
}

div#live-right-top, 
div#live-right-top-right
div#live-right-top-right-custom {
	height: 117px;	
}

div#live-right-top {
	background-image: url(../gif/top_background.gif);
	background-repeat: repeat-y;
	position: relative;
}

img#live-right-logo {
	position: absolute;
	left: 36px;
	top: 48px;
}

a#live-right-top-right {
	float: right;
	display: block;
	overflow: hidden;
	width: 321px;
	height: 117px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top right;
}

a#live-right-top-right:hover {
	background-position: bottom right;	
}

div#live-right-menu, div#live-right-menu a {
	padding-left: 1em;
	padding-right: 1em;
}

div#live-right-menu {
	background-color: #166791;
	white-space: nowrap;
	font-size: 110%;
	height: 2em;
}

div#live-right-menu div.live-right-first {
	float: left;
}

div#live-right-menu a {
	color: #CFE3F1;
	text-decoration: none;
	padding-top: .5em;
	padding-bottom: .5em;
	line-height: 2em;
	white-space: nowrap;
}

div#live-right-menu a:hover, 
/* This works for every modern browser but IE6, 
	it can just do without the fancy coloring */
div#live-right-menu div.live-right-first:hover a {
	color: #F2D0AA;
}

div#live-right-menu div.menu {
	display: none;
}

div#live-right-menu div.transparent_gradient {
	background-image: url(../png/menu_background.png);
	background-repeat: repeat-x;
}

div#live-right-menu div.left_strip, div#live-right-menu div.items {
	position: absolute;
	top: 0;
}

div#live-right-menu div.left_strip {
	width: .5ex;
}

div#live-right-menu div.items {
	left: 1ex;
	padding-top: 1ex;
	padding-right: 0;
	padding-bottom: 1ex;
}

div#live-right-menu div.live-right-first div.menu a {
	color: black;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 3ex;
	font-size: 95%;
}

div#live-right-menu div.menu div.container {
	position: relative;
}

div#live-right-menu div.live-right-first div.menu a:hover {
	color: #166791;	
}

/* This works for every modern browser but IE6, will implement with js */
div#live-right-menu div:hover > div.menu {
	display: block;
	position: absolute;
	z-index: 3;
}

div#live-right-menu div.sub-menu div.menu {
	margin-left: 100%;	
}

div#live-right-menu div.sub-menu div.left_strip, 
div#live-right-menu div.sub-menu div.items {
	top: -2em;
}

div#live-right-menu div.sub-menu div.container {
	left: -1ex;
}

div#live-right-splash, 
div#live-right-splash-internal, 
div#live-right-splash-custom,
div#live-right-menu div.transparent_gradient {
	height: 168px;
}

div#live-right-splash {
	background-image: url(../gif/splash_background.gif);
	background-repeat: repeat-x;
}

div#live-right-splash-internal {
	background-image: url(../jpg/splash_internal_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/*position background image custom*/
div#live-right-splash-custom {
	background-repeat: no-repeat;
	background-position: left top;
}

div#live-right-content {
	background-color: white;
	padding: 1em;
}

div#live-right-top-right-custom {
	background-image: url(../gif/top_right_custom_background.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.gifts_for_the_holidays {
	background-image: url(../gif/gifts_for_the_holidays.gif);
}

a.ideas_for_a_clean_break {
	background-image: url(../gif/ideas_for_a_clean_break.gif);
}

a#egg {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2px;
	height: 2px;
	text-indent: -9999px;
	cursor: help;
	overflow: hidden;
	background-color: white;
}