
/* --------------------------------------------/ 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:#222; 
	font-family:Trebuchet MS;
	font-size:12px; 
	background-image:url(../images/bg.jpg); }

/* --------------------------------------------*/




/* --------------------------------------------/ BOX MODEL CLASS \-------------------------------------------- */

	.box { position:relative; float:left; width:247px; height:270px; margin:10px; overflow:hidden; }
	
	.boxphoto { position:relative; float:left; width:516px; height:370px; margin-left:10px; margin-top:40px; overflow:hidden; }

/* --------------------------------------------*/


/* --------------------------------------------/ HEADER \-------------------------------------------- */

	#container_header { width:100%; height:100%; margin-top:10px; }
		
		#header { 
		position:relative; 
		width:750px;
		height:273px;
		margin:auto;
		background-image:url(../slideshow/head1.jpg); 
		border-left:8px solid #FFFFFF;
		border-right:8px solid #FFFFFF;
		border-top:8px solid #FFFFFF;
		}

/* --------------------------------------------*/


/* --------------------------------------------/ NAV \-------------------------------------------- */

	#nav { 
	position:relative;
	float:left;
	width:175px;
	height:100%;
	margin:auto;
	background-image:url(../images/navbg.jpg); }
	
		.nav-min-holder { float:left; width:1px; height:400px;  }

		#nav li { position:relative; float:left;}

		#nav a { font-family:Trebuchet MS; display:block; height:22px; width:116px; border-bottom: 1px solid #000000; text-align:left; text-decoration:none; color:#FFF; font-size:12px; line-height:14px; font-weight:bold; }

		#nav a:hover { color:#03cc04;}
		
		#nav p{ position:relative; float:left; margin:auto; margin-top:20px; padding:15px; font-size:14px; color:#FFF;}
		
		.ball1{ background-image:url(../images/nav-ball10.jpg); }
			.ball1:hover { background-image:url(../images/nav-ball5.jpg); }
				
		.ball2{ background-image:url(../images/nav-ball1.jpg); }
			.ball2:hover { background-image:url(../images/nav-ball6.jpg); }
		
		.ball3{ background-image:url(../images/nav-ball2.jpg); }
			.ball3:hover { background-image:url(../images/nav-ball7.jpg); }
		
		.ball4{ background-image:url(../images/nav-ball3.jpg); }
			.ball4:hover { background-image:url(../images/nav-ball8.jpg); }
		
		.ball5{ background-image:url(../images/nav-ball4.jpg); }
			.ball5:hover { background-image:url(../images/nav-ball6.jpg); }
		
		.ball6{ background-image:url(../images/nav-ball5.jpg); }
			.ball6:hover { background-image:url(../images/nav-ball10.jpg); }
		
		.ball7{ background-image:url(../images/nav-ball6.jpg); }
			.ball7:hover { background-image:url(../images/nav-ball1.jpg); }
		
		.ball8{ background-image:url(../images/nav-ball7.jpg); }
			.ball8:hover { background-image:url(../images/nav-ball2.jpg); }
		
		.ball9{ background-image:url(../images/nav-ball8.jpg); }
			.ball9:hover { background-image:url(../images/nav-ball10.jpg); }
		
		.ball10{ background-image:url(../images/nav-ball9.jpg); }
			.ball10:hover { background-image:url(../images/nav-ball4.jpg); }
		.ball11{ background-image:url(../images/nav-ball11.jpg); }
			.ball11:hover { background-image:url(../images/nav-ball6.jpg); }

/* --------------------------------------------*/

 
/* --------------------------------------------/ CONTENT \-------------------------------------------- */

#container_content { width:100%; }

	#content { 
		position:relative;  
		width:751px;
		height:100%;
		margin:auto;
		background-color:#f4f2c5;
		border-left:8px solid #FFFFFF;
		border-right:7px solid #FFFFFF;
		border-top:8px solid #FFFFFF; }

		#middle-content { 
		position:relative; 
		float:left;
		width:535px; /* (#content width) - (2 * (#middle-content padding) */
		height:100%;
		margin:auto;
		padding:20px;
		font-size:14px;
		background-image:url(../images/bodybg.jpg); }

			.min-holder { float:left; width:1px; height:400px;  }
	
			.clear {clear:both; height:1px; overflow:hidden;background-color:#000; }

/* --------------------------------------------*/




/* --------------------------------------------/ FOOTER \-------------------------------------------- */

#container_footer { clear:both; width:100%; height:100%; }
	
	#footer { 
	position:relative; 
	width:750px;
	height:60px;
	margin:auto;
	background-color:#000;
	color:#CCC; 
	border-left:8px solid #FFFFFF;
	border-right:8px solid #FFFFFF;
	border-bottom:8px solid #FFFFFF;}

		#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:#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:#FFF; background-image:url(../images/jseLink-white-over.gif); } 


/* --------------------------------------------*/



