﻿/*	
================================
CSS modified by the XD Design team - http://www.xd.com.au
================================
*/ 

body { margin: 0; padding:0; background: url(media/bg1.jpg) top center; }
.pagemaster { background: #FFFFFF; font-size: 12px; color: #120F04; width: 920px; margin:20px auto; border: 2px solid #ffffff; }

h1, h2, h3 { color: #120F04; }
h1, h2 { margin-bottom: 20px; font-weight: normal; }
h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }

p,  .Normal, .normal { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color:#120F04; }

ul li { list-style-type: disc; }

a:link, a:active, a:visited { color: #120F04; text-decoration: underline; }
a:hover { text-decoration: none; }

img { border: none; }
img.left { float: left; margin: 0 20px 10px 0; }

/* NAVIGATION */
#menu { width: 100%; height: 40px; margin: 0 auto; background: url(media/menu_bg.png) repeat-x; }
#navcontainer { width: 100%; margin:auto; padding:0; text-align:center; }
#navholder { width:920px; margin:auto; padding:0; text-align:center; }
#navigation { display:block; margin:0; padding:0 0 0 0; list-style:none; color:#ffffff; }
#navigation ul { width:920px; display:block; float:left; clear:none; list-style:none; margin:0; padding:0; }
#navigation li { display:inline; float:left; clear:none; list-style:none; background: none; padding:0; }
#navigation li a { font-family: Arial, Helvetica, sans-serif; color:#ffffff; display:block; font-size:12px; font-weight: bold; text-decoration:none; padding:0 10px; line-height: 40px; float:left; background:url(media/menu_border.png) no-repeat right; }
#navigation li a:hover { background: url(media/menu_border.png) repeat-x;  }
#navigation li a:active { color: #ffffff; }
.MainMenu_MenuIcon { display: none; }

.Menu {

	background:url(media/menu_bg.png) repeat-x;; height:40px; width:2px;
	height:40px;	
}

.Separator{
	
	background-image:url(media/vline.jpg); height:40px; width:1px;

}



/* Header */
#header { width: 920px; height: 100px; margin: 0 auto; border-bottom:5px solid #ffffff; background: url(media/header_bg.png) repeat-x; }
#bugs { text-align: right; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #FFFFFF; padding:0px 20px 0 20px; position: absolute; top: 40px; left:850px;}
#headpos { text-align: left; padding: 0px 0 0 20px;float:left; }
#headpos #hleft
{
float:left;
height:105px;
width:280px;
}
#headpos #hright
{
float:right;
height:105px;
width:620px;
}

/* Page */
#page { width: 920px; margin: 0 auto; padding: 0; }
#content { padding:5px 0; }

/* Content */
.panecontentl { padding: 20px; background: #f3eacd; border-left:5px solid #ffffff; }
.panecontentr { padding: 20px; background: #f3eacd; border-right:5px solid #ffffff; }
.panecontenta { padding: 20px; background: #f3eacd; }
hr { border-bottom: 1px solid #120F04; }

/* Sidebar */
.paneleft { width: 110px; padding: 20px; background: #d3d0c4; }
.paneright { width: 300px; padding: 20px; background: #d3d0c4; }

/* Footer */
#footer { padding: 0; margin: 0 auto; text-align: center; background: url(media/footer_bg.png) repeat-x; height:40px; }
#footer p { margin: 0; text-align: center; font-size: 11px; text-transform: uppercase; font-weight: bold; }

.footlink { color:#ffffff; text-decoration:none; font-size:11px; font-family: Arial, Helvetica, sans-serif; line-height: 40px; }
a.footlink:link, a.footlink:visited, a.footlink:active { color:#ffffff; text-decoration:underline; font-size:11px; font-family: Arial, Helvetica, sans-serif; line-height: 40px; }
a.footlink:hover { text-decoration:none; font-size:11px; }


/* Container for main menu */
.MainMenu_MenuContainer {
	background-color: transparent;
	margin-left:25px;
	margin-top: 0;
}

/* Menu bar */
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height:40px;
	padding:0;
}

/* Applies to off state of submenu items only */
.MainMenu_MenuItem {
	background:transparent;
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	border-bottom: #E55444 1px solid; 
	border-top: #E55444 1px solid; 
	padding: 2px 10px 3px 5px;
}


/* Container for submenu */
.MainMenu_SubMenu {  /*the same style as MainMenu_MenuItem*/
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	background: #E55444; 
	filter: none;
	border: 1px solid #F49A80;
	margin-top: 1px;
	padding: 2px;
}


/* Hover state for submenu items only */
.MainMenu_MenuItemSel {
	background:#fff;  /* for sub menu rollover effect*/
	cursor: pointer; 
	cursor: hand; 
	font-family:tahoma;
	font-size: 11px; 
	font-weight: bold; 
	color:#E55444;
	border: 0;
	padding: 2px 10px 3px 5px;
}



/* The Root Menu styles have to be AFTER the Submenu styles to overwrite submenu styles*/
/* Idle state for main menu items, can overwrite MainMenu_MenuItem */
.RootMenu_Off {
	background:transparent;
	color: #FFFFFF;
	font-weight: bold;
	padding:0 8px 0 5px;
}

/* Active state for main menu items */
.RootMenu_On{
	background:transparent;
	color:#F8ECD3;
	padding:0 8px 0 5px;
}

/* Hover state for main menu items */
.RootMenu_Hover{
	background:#E55444;
	color:#fff;
	padding:0 8px 0 5px;
}


/* Inserts a small space between main menu items, also can get rid of the funny red borders */  
.MainMenu_MenuBreak {
	width: auto;
	border: 0;
}


/* Elements we don't really need to see */
.MainMenu_MenuArrow,
.MainMenu_RootMenuArrow,
.MainMenu_MenuIcon {
	display: none;
}
