@charset "utf-8";
/* CSS Document */


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong {
	font-weight: bold;
	color:#FFF;
}
em { font-style: italic }
ol, ul, li { list-style:none }
/* * a { position:relative } Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }
h1 { font: 1.8em Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif }
li { font: 1em Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif; margin:0; }
a { text-decoration: none; }

/* Default */

html,body  {font: 12px/1.4em arial, helvetica, verdana, tahoma, verdana, sans-serif; color: #fff; line-height: normal; }
body {		margin: 0;	text-align: center;	background: #363636;	}

/* ------------------------------------ */

/* Global Layout Styles */

/* ------------------------------------ */
/* ------------------------------------ */

/* Hidden elements */

/* ------------------------------------ */
	.hidden, .screen_reader, hr { display: none; }

/* ------------------------------------ */
	
/* ---- Typography ---- */	

/* ------------------------------------ */

/* Paragraph default styling */
p { margin: 0 0 15px 0; font-size: 1.1em; line-height: 1.3em; }
.spacer { margin: 0 0 25px 0; }
.imageleft { float: left; }

/* Default link styling */


#leftcolumn h1 { font-size: 1.3em;  margin-bottom: 10px;}

	
/* Float element left with a margin */
.floatLeft { float: left; margin: 0 20px 20px 0; }
	
/* Float element right with a margin */
.floatRight { float: right; margin: 0 0 20px 20px; }

.smalltxt { font-size: .8em;}
.clear {
	clear:both;
	}

em { font-style:normal; color:#BBBDBF;}
	
ul.bulletedUL { background:url(../interface/bullet.gif) top left no-repeat; padding: 0 0 0 50px; font-size: 1.1em; margin-bottom: 25px;}
ul.bulletedUL em { font-style:normal; color:#BBBDBF;}

#contentwraper .gutter h1 { font-size: 2.8em; font-weight: normal; margin-bottom: 8px;}
#contentwraper .gutter h1.spacing { margin-bottom: 80px;}

/* ------------------------------------ */

/* TEMPLATE LAYOUT  */   

/* ------------------------------------ */

#wrapperinner { width: 954px; margin: 47px auto; /* centers content */ position: relative;  }
#wrapperheader { width: 954px; margin: 0  ; float: left; height: 176px; position: relative; z-index: 100; background: url(../interface/header-bar.gif) top left no-repeat #2B4671; }
 #whoweare #wrapperheader {background: url(../interface/header-bar-coins.gif) top left no-repeat #2B4671; }
 #Facilities #wrapperheader {background: url(../interface/header-bar-goldbars.gif) top left no-repeat #2B4671; }
 #fees #wrapperheader {background: url(../interface/header-bar-diamonds.gif) top left no-repeat #2B4671; }
 #downloads #wrapperheader {background: url(../interface/header-bar-certificate.gif) top left no-repeat #2B4671; }
 #contactus  #wrapperheader {background: url(../interface/header-bar-coins.gif) top left no-repeat #2B4671; }
  #links #wrapperheader {background: url(../interface/header-bar-coins.gif) top left no-repeat #2B4671; }
 #Affiliates  #wrapperheader {background: url(../interface/header-bar-coins.gif) top left no-repeat #2B4671; }
 
 
 #wrapperheader #logo { position: absolute; top:20px; left: 720px; width: 200px; height: 100px;}

#contentwraper { width: 954px;	float: left;  z-index: 50; text-align: left;	background: url(../interface/background-content.jpg) bottom left no-repeat #fff; }
#home #contentwraper { width: 954px;	float: left;  z-index: 50; text-align: left;	background: url(../interface/background-content-hp.jpg) bottom left no-repeat #fff; height:525px; }
#contentwraper a { text-decoration: underline; color:#FFF;  }
#contentwraper a:hover {  text-decoration: underline; color:#e5e5e5;  }


/* #contentwraper .gutter { margin: 20px 70px 80px 100px;  padding: 20px; height: 1%; border: 1px solid #fff; float: left; }*/
#contentwrapin { width: 750px; margin: 30px  0 0 110px;	float: left;  z-index: 50; text-align: left;}
/* IE6 alternative  */
	* html #contentwrapin {  margin: 30px  0 0 60px; }
	
#contentwrapin .gutter { margin: 0 /* 20px 70px 80px 100px*/;  padding: 20px; height: 1%; border: 1px solid #fff; float: left; }
#home #contentwraper .gutter { margin: 120px 70px 80px 100px;  padding: 10px; height: 1%; border: none; float: left; }
#Facilities #contentwraper #gutter { margin:60px 70px 80px 0px/* 0*/ ;  padding: 25px; height: 1%; border: 1px solid #fff; float: right; width: 450px;   }
/* IE6 alternative  */
	* html #Facilities #contentwraper #gutter  { margin: 60px 40px 80px 0px; }
#Security  #contentwraper .gutter { margin: 60px 70px 80px 0px;  padding: 25px; height: 1%; border: 1px solid #fff; float: right;  width: 450px;    }
/* IE6 alternative  */
	* html #Security  #contentwraper .gutter { margin: 60px 40px 80px 0px; }
#downloads  #contentwraper .gutter { margin: 40px 70px 40px 0px;  padding: 25px; height: 1%; border: 1px solid #fff; float: right;  width: 450px;   }
/* IE6 alternative  */
	* html #downloads  #contentwraper .gutter { margin: 40px 40px 40px 0px; }

#fees  #contentwraper .gutter { margin: 60px 70px 80px 0px;  padding: 25px; height: 1%; border: 1px solid #fff; float: left; width: 450px;  }
/* IE6 alternative  */
	* html #fees  #contentwraper .gutter { margin: 60px 40px 80px 0px; }


#fees  #contentwraper .gutter table { margin-bottom: 15px;}
#contactus #contentwraper .gutter { margin:/* 80px 70px 80px 200px */ 0;  padding: 25px; height: 1%; border: 1px solid #fff; float: left; }
#contactus #contentwrapin { width: 650px; margin: 60px  0 0 160px;	float: left;  z-index: 50; text-align: left;}
/* IE6 alternative  */
	* html #contactus #contentwrapin {  margin: 60px  0 0 80px; }
	
#links #contentwrapin { width: 750px; margin: 30px  0 0 150px;	float: left;  z-index: 50; text-align: left;}
/* IE6 alternative  */
	* html #links #contentwrapin {  margin: 30px  0 0 60px; }

#Affiliates  #contentwrapin .gutter  { margin: 30px 150px 30px 0px;  padding: 25px; height: 1%; border: 1px solid #fff; float: right; width: 350px;  }
/* IE6 alternative  */
	* html #Affiliates  #contentwrapin  .gutter {  margin: 30px  90px 0 0px; }
	
#Disclaimer  #contentwraper .gutter { margin: 30px 50px 30px 0px;  padding: 25px; height: 1%; border: 1px solid #fff; float: right; width: 550px;  }
/* IE6 alternative  */
	* html #Disclaimer  #contentwraper .gutter { margin: 30px 40px 30px 0px; }
	
	
 

#contentwrapinClear { float: left; width: 100%; margin-top: 50px;}
#contentwrapinClear1 { float: left; width: 100%; margin-top: 5px;}

#contentwraper .gutter .gutter2 { margin: 20px 50px; }
#contentwraper .gutter .gutter3 { margin: 5px 500px 5px 50px; }
.exampleBackgroundChange  #contentwraper .gutter { background:url(../interface/meet-the-mentors-back.jpg) repeat-y top left; }



#graphic {/*  position: absolute; top: 220px; left: 36px; width: 300px; height: 380px; text-align: left; z-index:700; */ float: left; width: 284px; margin-left:36px; margin-top: 20px;}
/* IE6 alternative positioning*/
	* html #graphic { margin-left:18px;}
#home #graphic { position: absolute; top: 0px; left: 1px; width: 196px; height: 280px; text-align: left; z-index:700;  margin-left:0; margin-top: 0 ;}
#fees #graphic {  width: 200px;  text-align: left; } /*  */

 
#paddingwraper {width: 960px; float: left; margin: 0 0 0 10px; padding: 25px 0; }


#leftcolumn { float: left;	width: 552px; clear: both; padding-bottom: 0;  margin: 0 0 0 0; background: url(../interface/the-home-of-bright-ideas-back.gif) right bottom repeat-y; display: table; 	 }
.gallery #leftcolumn { background: url(../interface/left-column-back-black-version.png) right bottom repeat-y; 	 }
#leftcolumn .gutter { margin: 10px 45px 10px 50px ;  }
	/* IE6 alternative not so good looking but works! */
	* html #leftcolumn { background: url(../interface/left-column-back.jpg) top left repeat-y; }
		

#rightcolumn { float: right; width: 350px;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; 	}

.left { float:left; width: 49%;}
.right { float: right; width: 49%;}

.contentimage { margin: 10px 0; border: 1px solid #999; }
	#footerwrap {
		 
		width: 954px;
		margin: 0 ;
		float: left;
		position: relative;
		text-align: left;
		background: url(../interface/footer-bar.gif) top left no-repeat; height: 67px;
		
	}
	* html #footerwrap { margin: 0 ; }
	
	#footerwrapbase { width: 954px;
		margin: 10px 0 0 0 ; font-size: .9em;
		float: left;
		position: relative;
		text-align: right; color: #BBBDBF;}
	#footerwrapbase a {color: #BBBDBF;}
/* ----------------------------------- */

/* TEMPLATE LAYOUT END  *?

/* ------------------------------------ */
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES  */

/* ------------------------------------ */

	#topnavbar { position: absolute; bottom: 4px;	left: 145px;	margin: 0;	height: 32px; width: 800px;	overflow: hidden; 	}
	#topnavbar li { float: left; height: 32px;	overflow: hidden; 	}
	#topnavbar li a {	text-indent: 0;	font-size: 1.2em; padding-top: 0;	height: 32px; display: block;	}
	#topnavbar li a:hover { text-decoration: none; color: #EAE6AC; }
	
	#topnavbar li a span { visibility:hidden;}
		/* individual button link styles */
		
	#topnavbar li.Home { width: 90px;  }
	#topnavbar li.Home a { background: url(../interface/menu-home.gif)  no-repeat top left; width: 90px; }
	#topnavbar li.Home a:hover, #topnavbar li.Home a.selected { background: url(../interface/menu-home_f2.gif)  no-repeat top left; }
		
	#topnavbar li.WhoWeAre { width: 105px;  }
	#topnavbar li.WhoWeAre a { background: url(../interface/menu-who-we-are.gif) no-repeat top left; width: 105px; }
	#topnavbar li.WhoWeAre a:hover, #topnavbar li.WhoWeAre a.selected { background: url(../interface/menu-who-we-are_f2.gif)  no-repeat top left; }
	
	#topnavbar li.TheFacilities { width: 132px;  }
	#topnavbar li.TheFacilities a { background: url(../interface/menu-facilities.gif) no-repeat top left; width: 132px; }
	#topnavbar li.TheFacilities a:hover, #topnavbar li.TheFacilities a.selected { background: url(../interface/menu-facilities_f2.gif) no-repeat top left; }
	
	#topnavbar li.Security { width: 108px;  }
	#topnavbar li.Security a { background: url(../interface/menu-security.gif) no-repeat top left; width: 108px; }
	#topnavbar li.Security a:hover, #topnavbar li.Security a.selected { background: url(../interface/menu-security_f2.gif) no-repeat top left; }
	
	#topnavbar li.Fees{ width: 111px;  }
	#topnavbar li.Fees a { background: url(../interface/menu-fees.gif) no-repeat top left; width: 111px; }
	#topnavbar li.Fees a:hover, #topnavbar li.Fees a.selected { background: url(../interface/menu-fees_f2.gif) no-repeat top left; }
	
	#topnavbar li.DownloadForms { width: 130px;  }
	#topnavbar li.DownloadForms a { background: url(../interface/menu-download.gif) no-repeat top left; width: 130px; }
	#topnavbar li.DownloadForms a:hover, #topnavbar li.DownloadForms a.selected { background: url(../interface/menu-download_f2.gif) no-repeat top left; }
	
		
		#topnavbar li.ContactUs { width: 119px;  }
	#topnavbar li.ContactUs a { background: url(../interface/menu-contactus.gif) no-repeat top left; width: 119px; }
	#topnavbar li.ContactUs a:hover, #topnavbar li.ContactUs a.selected { background:  url(../interface/menu-contactus_f2.gif) no-repeat top left; }
	
	
	
	

	h1#logo {margin: 0; padding: 0;}
	#logo {	position: absolute;	top: 0;	left: 0; height: 129px;	width: 950px; 	overflow: hidden;  	}
	#logo a {	text-indent: -3000em; font-size: 1px; height: 129px; width: 950px; display: block; background: url(../interface/TopBanner.jpg) no-repeat; }
	
	
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES END  */

/* ------------------------------------ */

/* MENTORS NAV AND HEADER SECTION STYLES  */

/* ------------------------------------ */

	#mentorsnavbar { position: relative; left: 61px; padding:  0 0  0 151px;	margin: 0;	height: 55px; width: 810px;	overflow: hidden; background:url(../interface/mentors/mentors-menu.gif) bottom left no-repeat; 	}
	 
	#mentorsnavbar li { float: left; height: 55px;	overflow: hidden; 	}
	#mentorsnavbar li a {	text-indent: 0;	font-size: 1.2em; padding-top: 0;	height: 55px; display: block;	}
	#mentorsnavbar li a:hover { text-decoration: none; color: #EAE6AC; }
	
	#mentorsnavbar li a span { visibility:hidden;}
		/* individual button link styles */
	#mentorsnavbar li.JULIANWINSER { width: 111px;  }
	#mentorsnavbar li.JULIANWINSER a { background: url(../interface/mentors/mentors-menu1.gif) no-repeat bottom left; width: 111px; }
	#mentorsnavbar li.JULIANWINSER a:hover, #mentorsnavbar li.JULIANWINSER a.selected { background: url(../interface/mentors/mentors-menu1_f2.gif) no-repeat bottom left; }

/* ------------------------------------ */

/* CONTENT SECTION STYLES */

/* ------------------------------------ */



#flashmain { background:url(../interface/flash-promo-large-box-background.png) right bottom no-repeat; margin-right: -10px; padding-right: 10px; padding-bottom: 10px;}


/* ------------------------------------ */

/* CONTENT SECTION STYLES END */

/* ------------------------------------ */


#outerwrap {}
#innerwrap {}
#headerwrap {}
#headerlinks {}

.fullwidthboxwrap {
		float: left;	margin: 0  0 10px 0;	padding: 0 0 0 0;	overflow: hidden;	list-style: none;	width: 643px; font-size: .9em; background: #1B1B1B url(../interface/background-diag-hatch.jpg) top left no-repeat;		}
		.fullwidthboxwrap .gutter { margin: 10px;}

/*****************/
/* half width boxes */
.halfwidthboxwrap {
		float: left;	margin: 0 0px 0 0;	padding: 0 0 30px 0;	overflow: hidden;	list-style: none;	width: 650px; font-size: .9em;	}
	.halfwidthbox  { float: left;	width: 317px;	padding: 0;	height: 225px;	margin: 0 7px 0 0;	overflow: hidden; background: #1B1B1B url(../interface/background-diag-hatch.jpg) top left no-repeat;	}
	.halfwidthbox .gutter { margin: 10px;}
	.halfwidthbox h2 { color:#FFF; font-size: 1.3em; margin-bottom: 8px;}

/***********************/	
/* Quarter width boxes */

	.quarterwidthbox {
		float: left;	margin: 0 0px 0 0;	padding: 0 0 30px 0;	overflow: hidden;	list-style: none;	width: 650px; font-size: .9em;	}
	.quarterwidthbox li { float: left;	width: 155px;	padding: 0;	height: 225px;	margin: 0 7px 0 0;	overflow: hidden; background: #1B1B1B url(../interface/boxes_backgrounds.jpg) 100% 100% no-repeat;	}
	.quarterwidthbox li img { float: left; margin-bottom: 5px; }
	.quarterwidthbox li a {
		float: left;
		width: 148px;
		height: 275px;
		display: block;
		padding: 0px;
		color: #C3CA98;}
	.quarterwidthbox li a strong { float: left; color:#FFFFFF; font-size: 1em; line-height: .5em; font-weight: normal; width: 150px; }
	.quarterwidthbox li a em { float: left; color: #607B78; font-style:normal; background: url(../interface/small-arrow.gif) 100%  100% no-repeat; padding-right: 10px;}
	.quarterwidthbox li a:hover { text-decoration: none ; color: #C3CA98; 	}
.quarterwidthbox li a:hover em { text-decoration: underline ; color: #fff; 	}

/***********************/	
/* Quarter width boxes end */

h1.H1Title { color:#FFFFFF; font-size:20px; }
h2.H2Title { color:#FFFFFF; font-size:20px; }
h3.H3Title { color:#FFFFFF; font-size:20px; }
img.Floatleft { float:left; padding:0; border:none; margin: 0 20px 15px 0px;}