/* --------------------------------------------/ UNIVERSAL CLASSES \-------------------------------------------- */

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




/* --------------------------------------------/ BROWSER INITIALIZATION \-------------------------------------------- */

	* { margin : 0; padding : 0; }
	h1,h2,h3,h4,h5,h6 { font-size : 100%; }
	ol,ul { list-style : none; }
	table { border-collapse : collapse; border-spacing : 0; }
	fieldset,img { border : 0; }
	caption,th { text-align : left; }
	
	body { 
	text-align:left; 
	color:#FFF; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-weight:600;
	/*background-color:#FFF; */
	background-color: #2C262A;
	}
	
	p { margin: 10px 0px; }

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




/* --------------------------------------------/ BOX MODEL CLASS \-------------------------------------------- */

	.box { position:relative; float:left; width:100px; height:100px; margin:10px; background-color:#000; overflow:hidden; }

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


/* --------------------------------------------/ HEADER \-------------------------------------------- */

	#container_header { width:100%; height:100%; margin-top:10px; }
		
		#header { 
		position:relative; 
		width:805px;
		height:146px;
		margin:auto;
		/*background-color:#006; */
		background-image: url(../images/top_header_gold.jpg);
		background-repeat: no-repeat;
		}

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


/* --------------------------------------------/ NAV \-------------------------------------------- */

#container_nav { width:100%; height:100%; }
	
	#nav { 
	position:relative;
	width:800px;
	height:40px;
	margin:auto;
	background-color:#4e1a5b;
	}
	
		#nav li { position:relative; float:left;  }

		/*  
		To Find "#nav a width" :
			Step 1 - change the "#nav a padding" so that the menu item covers the entire nav area from top to bottom.
			Step 2 - compute the "#nav a width" with the equation below  
			
			  ((#nav width) / (# of menu items)) - (2 * (#nav a padding)) = #nav a width 
			  (    800      /         6        ) - (2 *        13       ) = 107.333 = 107 
		*/

		#nav a { display:block; width:107px; padding:13px; text-align:center; background-color:#4e1a5b; text-decoration:none; color:#CCC; }

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

 
/* --------------------------------------------/ CONTENT \-------------------------------------------- */

#container_content { width:100%; }

	#content { 
		position:relative;  
		width:805px;
		/*height:100%;*/
		height: 306px;
		margin:auto; 
		}

		#left-content { 
		position:relative; 
		float:left; 
		/*width:160px;*/ /* (#content width) - (2 * (#middle-content padding) */
		width: 303px;
		height:307px;
		margin:auto;
		/*padding:20px;*/
		background-color:#069; 
		background-image: url(../images/middle_left.jpg);
		background-repeat: no-repeat;
		}

		#right-content { 
		position:relative; 
		float:left;
		/*width:560px;*/ /* (#content width) - (2 * (#middle-content padding) */
		width: 501px;
		height:307px;
		margin:auto;
		/*padding:20px;*/
		/*background-color:#363; */
		background-image: url(../images/middle_right_gold.jpg);
		background-repeat: no-repeat;
		}
		#right-content #content_wrapper { width: 480px; overflow: auto; height: 215px; padding: 20px 10px;}

			.min-holder { float:left; width:1px; height:360px;  }
	
			.clear {clear:both; height:1px; overflow:hidden;background-color:#000; }

		.georgia { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #463f44; font-weight: normal;}
		
		.text_color { color: #463f44;  };
		
		.font_16px { font-size: 16px !important; }
		
		.font_bold { font-weight: bold !important; }

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




/* --------------------------------------------/ FOOTER \-------------------------------------------- */

#container_footer { clear:both; width:100%; height:100%; }
	
	#footer { 
	position:relative; 
	/*width:800px;*/
	width: 805px;
	/*height:60px;*/
	height: 122px;
	margin:auto;
	/*background-color:#000;*/
	background-image: url(../images/footer_gold.jpg);
	background-repeat: no-repeat;
	color:#CCC; 
	}

		#footer ul { position:relative; float:right; margin-top:23px; right:20px; }

		#footer li { position:relative; float:left; margin-left:10px; }

		#footer a { text-decoration:none; color:#CCC; }

		#footer a:hover { color:#FFF; }

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





/* --------------------------------------------/ JSE LINK \-------------------------------------------- */

#container_jseLink { width:100%; height:100%; }
	
	#jseLink { 
	position:relative; 
	width:600px;
	height:40px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px; 
	}
	
		#RLInk1 { display:block; height:40px; padding:5px 0 0 311px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:10px;
			color:#000; background-image:url(../images/jseLink-black.gif); }
		 /* color:#FFF; background-image:url(../images/jseLink-white.gif); } */

		#RLInk2 { display:block; display:none; width:235px; position:absolute; top:0px; left:0px; padding:5px 0 0 365px; height:40px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:12px;
			color:#000; background-image:url(../images/jseLink-black-over.gif); }
		 /* color:#FFF; background-image:url(../images/jseLink-white-over.gif); } */


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