@import "./common.css";

h1,h2,h3,h4,h5,h6,th,td,p {
	font-family: "lucida grande", "lucida sans unicode", "lucida sans", sans-serif;
}

h1 {
	color: #ffffff;
	text-align: center;
	font-size: 1.5em;
	line-height: 40px;
}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 738px;
	height: 420px;
	margin-top: -240px;
	margin-left: -370px;
	background-image: url(../images/mainBackgroundImage_01.jpg);
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 740px;
	height: 40px;
	background-color: #660033;
}

#menu {
	position: absolute;
	left: 0;
	bottom: 60px;
	height: 2em;
}

#menu div.bubbleInfo {
	width: 246px;
	float: left;	
}

#menu div.bubbleInfo div.trigger {
	position: relative;
}

#menu div.bubbleInfo div.trigger p {
	font-size: 1.5em;
	text-align: center;
	border-right: 1px solid #ffffff;
}

#menu div.bubbleInfo div.trigger p.last {
	border-right: none;
}

#menu div.bubbleInfo div.trigger p a {
	display: block;
	width: 246px;
	height: 2em;
	line-height: 2em;
	text-decoration: none;
}

#menu div.bubbleInfo div.trigger p a:link,
#menu div.bubbleInfo div.trigger p a:visited {
	background-color: transparent ;
	color: #ffffff;
}

#menu div.bubbleInfo div.trigger p a:hover,
#menu div.bubbleInfo div.trigger p a:active {
	background-color: #eeffee ;
	color: #339933;
}

#menu div.bubbleInfo table.popup {
	display: none;
	z-index: 50;
	position: relative;
	border-collapse: collapse;
}

#menu div.bubbleInfo table.popup td.topleft {
	width: 19px;
	height: 15px;
	background-image: url(../images/codaPopupBubbles/bubble-1.png);
}

#menu div.bubbleInfo table.popup td.top {
	background-image: url(../images/codaPopupBubbles/bubble-2.png);
}

#menu div.bubbleInfo table.popup td.topright {
	width: 19px;
	height: 15px;
	background-image: url(../images/codaPopupBubbles/bubble-3.png);
}

#menu div.bubbleInfo table.popup td.left {
	background-image: url(../images/codaPopupBubbles/bubble-4.png);
}

#menu div.bubbleInfo table.popup td.right {
	background-image: url(../images/codaPopupBubbles/bubble-5.png);
}

#menu div.bubbleInfo table.popup td.bottomleft {
	width: 19px;
	height: 15px;
	background-image: url(../images/codaPopupBubbles/bubble-6.png);
}

#menu div.bubbleInfo table.popup td.bottom {
	background-image: url(../images/codaPopupBubbles/bubble-7.png);
	text-align: center;
}

#menu div.bubbleInfo table.popup td.bottom img {
	display: block;
	margin: 0px auto;
}

#menu div.bubbleInfo table.popup td.bottomright {
	width: 19px;
	height: 15px;
	background-image: url(../images/codaPopupBubbles/bubble-8.png);
}

#menu div.bubbleInfo table.popup table.popup-contents {
	font-size: 12px;
	color: #666666;
	line-height: 1.2em;
	background-color: #ffffff;
}

#menu div.bubbleInfo table.popup table.popup-contents th,
#menu div.bubbleInfo table.popup table.popup-contents td {
	white-space: nowrap;
	padding-right: 1em;
	padding-bottom: 6px;
}

#menu div.bubbleInfo table.popup table.popup-contents th {
	text-align: right;
	font-weight: bold;
}

#menu div.bubbleInfo table.popup table.popup-contents td {
	text-align: left;
}

#content {
	clear: left;
	background-color: #ffffff;
}