body {
	background:url(images/bg.gif) #e62e06 repeat-x;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}

#container {
	width:780px;
	margin:0 auto;
}

#header {
	background-image:url(images/header.jpg);
	width:780px;
	height:123px;
	position:relative;
	z-index: 4;
}

#header img {
	position:absolute;
	bottom:0;
	left:308px;
}

#navigation {
	background-image:url(images/menu-bg.gif);
	background-repeat:no-repeat;
	height:14px;
	width:690px;
	padding:19px 0 0 90px;
	z-index: 5;
}

.menu, .menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	z-index: 6;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 7;
}

.menu li:hover {
	z-index: 10000;
	white-space: normal;

}

.menu li li {
	float: none;
	background:#000;
	z-index: 8;
}

.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

.menu li:hover>ul {
	visibility: visible;
	top: 100%;
}

.menu li li:hover>ul {
	top: 0;
	left: 100%;
}

.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

.menu, .menu ul {							/* float clear ie7 */
	min-height: 0;
}

.menu ul {
	background-image: url(empty.gif);		/* fix for internet explorer hover bugs */
	padding:0;
	margin:0;
}

.menu ul ul {								/* positioning for sub drop down */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}

.menu ul li:hover {
	background:#0066FF;
	color:#FFF;
}

.menu ul li a, .menu ul ul li a {
	color: #FFF;
	padding:3px 8px 3px 8px;
}

.menu ul {
	width:125px;
	margin-top:0px;
	margin-left:5px;
}

.menu a {
	text-decoration: none;
	color: #eee;
	padding:0;
	display: block;
	position: relative;
}

.menu img {
	border:none;
	margin:0 5px 0 5px;  /* this controls the space between each menu image */
}

#content {
	background-image:url(images/content-bg.gif);
	background-repeat:repeat-y;
	background-color: white;
	width:762px;
    padding-top: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#4D4D4D;
	/* min-height: 360px;  whilst this seems like a good idea, it breaks in FF2 and no white background occurs. Height doesn't help either */ 
	position:relative;
	margin:0 auto;
	z-index: 1;
}

#top-right, #top-left {
	position:absolute;
	width:15px;
	height:15px;
}

#top-right {
	background-image:url(images/content-right-top.gif);
	background-repeat:no-repeat;
	top:0;
	right:0;
}

#top-left {
	background-image:url(images/content-left-top.gif);
	background-repeat:no-repeat;
	top:0;
	left:0;
}

#broadcasting {
	width:272px;
	height:500px;
	position:absolute;
	top:4px;
	left:8px;
	z-index: 2;
}

.player1 {
    z-index: 2;
}


#involved-in-mission {
	width:243px;
	height:300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#4D4D4D;
	float:right;
	margin:4px 3px 0 0;
}

#involved-in-mission h1 {
	background-image:url(images/news-update.gif);
	background-repeat:no-repeat;
	height:26px;
	width:243px;
	margin:0;
	padding:0;
}

#involved-in-mission p {
	width:229px;
	text-align:justify;
	padding:10px 5px 0 5px;
	border-left:#CA0000 2px solid;
	border-right:#CA0000 2px solid;
	margin:0;
}

#involved-in-mission .bottom {
	background-image:url(images/involved-in-mission-footer.gif);
	background-repeat:no-repeat;
	width:243px;
	height:20px;
}

#shopping {
	width:226px;
	height:300px;
	float:right;
	margin:4px 7px 0 0;
}

#shopping ul {
	background-image:url(images/shopping-cart.gif);
	background-repeat:no-repeat;
	background-position:7px 12px;
	list-style-type:none;
	margin:0;
	padding:15px 0 0 0;
	width:226px;
}

#shopping li {
	width:176px;
	margin:0 0 -4px 40px;
	padding:0 0 12px 0;
	font-size:11px;
}

#shopping a, #shopping a:link, #shopping a:visited, #shopping a:hover {
	text-decoration: none;
	color: #4D4D4D;
}

#global-mission {
	background:url(images/title-mission.gif) no-repeat;
	width:44px;
	height:303px;
	position:absolute;
	top:15px;
	left:30px;
}

#post {
	float:left;
	width:730px;
	margin:2px 5px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#4D4D4D;
	background-color: white;
	line-height:18px;
	padding:0 0 0 5px;
}

#post img {
	padding:0 10px 10px 0px;
}

#wide {
	float:right;
	width:656px;
	margin:2px 5px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#4D4D4D;
	background-color: white;
	line-height:18px;
	padding:0 0 0 5px;
}

#right-column {
	position:relative;
	width:156px;
	float:right;
	margin:15px 8px 0 0;
}

#cart {
	position:absolute;
    top:2px;
    left: 420px;
	width:350px;
	padding:0 13px 0 13px;
}

#cart a, #cart a:link, #cart a:visited, #cart a:hover {
	text-decoration: none;
	color: #000000;
}

#cart-top-left, #cart-top-right, #cart-bottom-left, #cart-bottom-right {
	position:absolute;
	width:13px;
	height:13px;
}

#cart-top-left {
	background-image:url(images/cart-top-left.gif);
	background-repeat:no-repeat;
	top:0;
	left:0;
}

#cart-top-right {
	background-image:url(images/cart-top-right.gif);
	background-repeat:no-repeat;
	top:0;
	right:0;
}

#cart-bottom-left {
	background-image:url(images/cart-bottom-left.gif);
	background-repeat:no-repeat;
	bottom:0;
	left:0;
}

#cart-bottom-right {
	background-image:url(images/cart-bottom-right.gif);
	background-repeat:no-repeat;
	bottom:0;
	right:0;
}

#cart ul {
	background-image:url(images/orange-cart.gif);
	background-repeat:no-repeat;
	background-position:0 15px;
	list-style-type:none;
	margin:0;
	padding:12px 0 0 35px;
	width:110px;
}

#cart li {
	padding:0 0 12px 0;
	font-size:11px;
	color:#FFF;
	letter-spacing:1px;
}	

#footer {
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	width:762px;
	height:110px;
	margin:0 auto;
}

img {
	border:0;
}

.clear { clear:both; }

h1 {
	font-size: 13pt;
}

.error {
	color: #CC6600;
	font-weight: bold;
}

#frontpagewelcome {
  margin: 10px 10px 0 0;
}

.contenteditor {
	background-color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#4D4D4D;
   	line-height:18px;
}

textarea {
    background-color: white;
    background-image: none;
}

