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

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




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

	* { margin : 0; padding : 0; }
	h1,h2,h3,h4,h5,h6 {
	font-size : 130%;
	line-height: 25px;
	font-family: "Trebuchet MS", Arial;
}
	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:#000066;
	font-family: "Trebuchet MS", Arial;
	font-size:12px;
	font-weight:bold;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#213b60;
	}

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




/* --------------------------------------------/ 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%;}
		
		#header {
	position:relative;
	width:820px;
	height:218px;
	margin:auto;
	background-image:url(../images/headerbg.jpg);
		}

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


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

#container_nav { width:100%; height:100%; }
	
	#nav {
	position:relative;
	width:820px;
	height:67px;
	background-image:url(../images/navbg.jpg);
	margin:auto;
	font-size: 14px;
	}
	
		#nav li { position:relative; float:left;  }
		
		#nav ul { position:relative; float:left; left:5px;  }

		/*  
		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;
	text-align:left;
	text-decoration:none;
	color:#0C0761;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "Trebuchet MS", Arial;
}

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

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

#container_content { width:100%; }

	#content {
	position:relative;
	width:820px;
	margin:auto;
	background-image:url(../images/middle-content.jpg);
	
		}

		#left-content {
	position:relative;
	float:left;
	width:378px; /* (#content width) - (2 * (#middle-content padding) */
	height:100%;
	margin:auto;
	color: #000066;
	font-family: "Trebuchet MS", Arial;
	padding-bottom: 10px;
	border-right:1px solid #000066;
	background-image:url(../images/left-content-bg.jpg);
		}

		#left-pic {
	position: absolute;
	left: 35px;
	top: 195px;
	height: 209px;
	width: 333px;
	margin: 0px;
	padding: 0px;
		
		}
		
		#right-content {
	position:relative;
	float:left;
	width:401px; /* (#content width) - (2 * (#middle-content padding) */
	height:100%;
	font-family: "Times New Roman", Times, serif;
	color: #000066;
	background-image:url(../images/right-content-bg.jpg);
	padding: 10px 40px 0px 0px;
		}
		
		
		#left-content-sub {
	position:relative;
	float:left;
	width:379px; /* (#content width) - (2 * (#middle-content padding) */
	height:100%;
	margin:auto;
	color: #000066;
	background-image:url(../images/left-content-bg.jpg);
		}
		
		#left-content-sub h1{ font-size:18px; color:#000066; padding-left:30px;}
		
		#left-content-sub h2{ font-size:15px; color:#000066; padding-left:30px; padding-top:10px; padding-bottom:5px;}
		
		#left-content-sub h3{ font-size:13px; color:#000066; padding-left:30px;}
		
		#left-content-sub ul{ font-size:12px; color:#000066; padding-left:30px;}
		
		#left-content-sub li{ line-height:18px;}
		
		#right-content-sub {
	position:relative;
	float:left;
	width:401px; /* (#content width) - (2 * (#middle-content padding) */
	height:100%;
	color: #000066;
	background-image:url(../images/right-content-bg.jpg);
	padding: 10px 40px 0px 0px;
		}
		
		#right-content-sub h1{ font-size:18px; color:#000066; padding-left:30px;}
		
		#right-content-sub h2{ font-size:15px; color:#000066; padding-left:30px; padding-top:10px; padding-bottom:5px;}
		
		#right-content-sub h3{ font-size:13px; color:#000066; padding-left:30px;}
		
		#right-content-sub ul{ font-size:12px; color:#000066; padding-left:30px;}
		
		#right-content-sub li{ line-height:18px;}
		
		#contact-content {
	position:relative;
	float:left;
	width:820px; /* (#content width) - (2 * (#middle-content padding) */
	height:100%;
	margin:auto;
	color: #000066;
	background-image:url(../images/middle-content.jpg);
		}
		
		#contact-content h1{ font-size:18px; color:#000066; padding-left:30px;}
		
		#contact-content h1{ font-size:18px; color:#000066; padding-left:30px;}
		
		#contact-content h2{ font-size:15px; color:#000066; padding-left:30px; padding-top:10px; padding-bottom:5px;}
		
		#contact-content h3{ font-size:13px; color:#000066; padding-left:30px;}
		
		#bottom-content {
	position:relative;
	float:left;
	width:820px; /* (#content width) - (2 * (#middle-content padding) */
	height:253px;
	margin:auto;
	background-image:url(../images/bottombg.jpg);
	background-repeat: no-repeat;
		}
		
		#bottom-content-all {
	position:relative;
	float:left;
	width:820px; /* (#content width) - (2 * (#middle-content padding) */
	height:253px;
	margin:auto;
	background-image:url(../images/bottombg-all.jpg);
	background-repeat: no-repeat;
		}
		

			
			.min-holder {float:left; width:1px; height:315px;}
			
			.menu-min-holder {float:left; width:1px; height:1002px;}
			
			.directions-min-holder {float:left; width:1px; height:799px;}
			
			.gift-min-holder {float:left; width:1px; height:380px;}
			
			.friends-min-holder {float:left; width:1px; height:325px;}
	
			.clear {clear:both; height:1px; overflow:hidden; background-color:#213b60;}

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




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

#container_footer { clear:both; width:100%; height:100%; }
	
	#footer {
	position:relative;
	width:800px;
	height:40px;
	margin:auto;
	color:#fff;
	font-size: 10px;
	}

		#footer ul {
	position:relative;
	float:right;
	margin-top:8px;
	right:5px;
	font-size: 10px;
}

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

		#footer a {
	text-decoration:none;
	color:#fff;
	font-size: 10px;
}

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

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




/* --------------------------------------------/ 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:#111; 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:#111; background-image:url(../images/jseLink-black-over.gif); }
		 /* color:#FFF; background-image:url(../images/jseLink-white-over.gif); } */


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