/*	TABLE OF CONTENTS
	1. Front End Layout
	2. Menu
	3. Content
*/

/* FRONT END LAYOUT ################################################################################################################*/

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	background: #FFFFFF;
	padding-left : 50%;
}

#main {
	visibility: hidden;
	min-height: 100%;
	margin-left: -475px;	
	width: 1200px;
	background : #FFFFFF;
}

#fireFoxFix {			/* this table makes the "main" div extend past the bottom of the initial viewing area if nessesary in FireFox */
	width: 100%;
	padding: 0,0,0,0;
	margin: 0,0,0,0;
	border-left: 10px solid #f3dec6;	/* left and right page boarders */
	border-right: 10px solid #f3dec6;	/* 	 boarder would be on "main" div but they go outside window at some widths in explorer */
}

#titleImageDiv {
	overflow:hidden;
}

#sideBar {
	float: left;
	overflow: hidden;
	height: 100%;
	margin-left: 0px;
	width : 200px;
	font-family : Helvetica, Arial, sans-serif;
	font-size : 9pt;
}

#whats-new {
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	font-size: 11px;
	color: #888888;
	font-family: Helvetica, Arial, sans-serif;	/* Font for main menu items */
	width: 180px;	/* Width of main menu */
}

#whats-new a {
	text-decoration: none;
	color: #888888;
	font-family: Helvetica, Arial, sans-serif;	/* Font for main menu items */
}

#content {
	float: right;
	width: 300px;
	height: 100%;
}

#menu_mouse_detector{
	position: absolute; left: 0px; top: 150px;
	z-index: 10;
	height: 340px; /* change this if the number of items in the first level of the menu system changes */
	width: 0px;
}

#leftside_mouse_detector {
	position: absolute; left: 0px; top: 0px;
	z-index: 9;
	width: 0px;
	height: 100%;
}

#behindPdf {
	height: 100%;
	width: 100%;
	background: #fff8f0;
	background-image: url(../images/hidden-pdf.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 65% 50%; 
}

#pdfDisplay {
	overflow:hidden;
	position: absolute;
	z-index: 20;
	background: #FFFFFF;
}

#defaultText {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
}

#subsectionReturn { /* the left bar in the members, applicants etc sections */
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px, 5px, 5px, 5px;
	border: 1px solid #D58069;
	background-color: #FFF1E0; 
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15pt;
}

#subsectionReturn a {
	text-decoration: none;	/* suppress automatic link underline */
	color: #994022;			/* text color */
}


/* MENU ################################################################################################################*/
	
.bullet-red {
	background: url(../images/bullet-red.gif); /*fix path*/
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

.bullet-grey {
	background: url(../images/bullet-grey.gif); /*fix path*/
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

.bullet-red-indent {
	background: url(../images/bullet-red.gif); /*fix path*/
	background-repeat: no-repeat;
	background-position: 116px 6px;
}

.bullet-grey-indent {
	background: url(../images/bullet-grey.gif); /*fix path*/
	background-repeat: no-repeat;
	background-position: 116px 6px;
}

#main_menu {
	margin-top: 10px;
	margin-left: -100px;
	text-align: left;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;	/* Font for main menu items */
	width: 300px;	/* Width of main menu */
}

#main_menu	li {			/* Main menu <li> */
	list-style-type:none;	/* No bullets */
	margin:0px;				/* No margin - this is for Opera */
}

#main_menu ul {
	margin:0px;		/* No <ul> air */
	padding:0px;	/* No <ul> air */
}

#main_menu ul li ul {	/* Styling for those who doesn't have javascript enabled */
	padding-left:10px;
}

#main_menu	li a {			/* main menu items */
	margin-left: 110px;		/* desired left margin (10px) plus amount that menu has been shifted left to hide part of it and make it appear narrower (100px)*/
	text-decoration:none;	/* suppress automatic link underline */
	color:#994022;			/* text color */
	height:20px;			/* 20 pixel height */
	line-height:20px;		/* 20 pixel height */
	vertical-align:middle;	/* Align text in the middle */
	background-color:transparent;	/* transparent to allow custom bullets (list item background) to show when link is not highlighted */
	padding: 1px 1px 1px 20px;		/* space around menu item. more at left to cover bullet/arrow */

	display:block;
}

#main_menu	li a:hover,#main_menu .activeMainMenuItem {
	color:#FFF;
	background-color:#994022;
}

.main_menu_sub {
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	border:1px solid #994022;
	background-color:#FFF;
	font-family:arial;
	text-align:left;
}

.main_menu_sub ul {
	margin:0px;
	padding:0px;
}

.main_menu_sub ul li {
	list-style-type:none;	/* supress automatic bulleting */
	margin:0px;
	padding:0px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}

.main_menu_sub ul li a {	/* Sub menu items */
	font-size: 13px;
	white-space:nowrap;	/* No line break */
	text-decoration:none;	/* No underline */
	color:#994022;	/* text color */

	height:20px;	/* 16 pixels height */
	line-height:20px;	/* 16 pixels height */
	padding: 1px 1px 1px 20px;	/* space around menu item. more at left to cover bullet/arrow */

	display:block;	/* Display as block - you shouldn't change this */
}

.main_menu_sub ul li a:hover {	/* Sub menu items - mouse over effects */
	color:#FFF;	/* White text */
	background-color:#994022;	/* Blue background */
}


/* CONTENT ################################################################################################################*/

/* Backup Menu Styles */
.menu-list {
	margin-left: 0px;
	list-style-type: none;
}

.menu-list li{
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding: 1px 1px 1px 20px;
}

.menu-list li a {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#994022;
	height:20px;
	line-height:20px;
}

.menu-bullet-grey {
	background: url(../images/bullet-grey.gif);
}

.menu-bullet-red {
	background: url(../images/bullet-red.gif);
}

/* END backup menu styles */
/* Registrants Handbook Rollups (reuseable for other things if nessesary)*/
.indent20 {
	margin: 5px 20px 5px 20px;
}
/* END */

.box {
	border: 1px solid #D58069;
	background-color: #FFF1E0; 
	padding: 10px 13px 10px 13px;
	margin: 0px 0px 0px 0px; 
}

.right-bar {
	float: right;
	width: 320px;
	margin: 0px 0px 10px 10px;
}

.right-bar a {
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#994022;
	height:20px;
	line-height:20px;
	
	background: url(../images/bullet-grey-box.gif);
	
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding: 1px 1px 1px 20px;
}

a.biglink {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

h1 {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 15pt;
	font-weight : bold;
	color: #994022;
}

h2 {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 13pt;
	font-weight : bold;
	color: #000000;
}

h3 {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 11pt;
	font-weight : bold;
	color: #000000;
}


a.footnote { 
	position: relative;
	top: -4px;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.bold {
	font-weight : bold;
}

.small {
	font-size: 8pt;
}

.large {
	font-size: 11pt;
}

p {
	margin-bottom : 10px;
}

a {
	color: #D58069;
}

a.dark-link {
	color: #994022;
}

a.dark-no-decor {
	color: #994022;
	text-decoration: none;
}

.default-text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
}
	/* indent each level of list ordered point more then the previous levels */
	/* this could be made more elegent... so do it */
	.pointNum1 {
		margin: 0px 0px 0px 0px;
	}
	.pointTxt1 {
		position: relative;
		top: -18px;
		margin: 0px 0px 0px 30px;
	}
	.pointNum2 {
		margin: 0px 0px 0px 30px;
	}
	.pointTxt2 {
		position: relative;
		top: -18px;
		margin: 0px 0px 0px 60px;
	}
	.pointNum3 {
		margin: 0px 0px 0px 60px;
	}
	.pointTxt3 {
		position: relative;
		top: -18px;
		margin: 0px 0px 0px 90px;
	}
	.pointNum4 {
		margin: 0px 0px 0px 90px;
	}
	.pointTxt4 {
		position: relative;
		top: -18px;
		margin: 0px 0px 0px 120px;
	}