.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 227px; /*WIDTH OF MAIN MENU ITEMS*/

z-index:100;

}

.glossymenu li{
position: relative;
z-index:100;
}

.glossymenu li a{



display: block;
width: auto;


text-decoration: none;
z-index:100;
background-image:url(../images/sub-nav-bg.jpg); width:217px; height:26px; padding-top:10px; padding-left:10px; color:#FFFFFF; font-weight:bold;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 227px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
z-index:100;
}

.glossymenu li ul li{
float: left;
z-index:100;
margin-left:2px;
}

.glossymenu li ul a{

z-index:100;
background-image:url(../images/sub-nav-bg.jpg); width:217px; height:26px; padding-top:10px; padding-left:10px; color:#FFFFFF; font-weight:bold;

}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-color:#3b4f62;
color:#999999;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */



/* --------------------------------------------/ UNIVERSAL CLASSES \-------------------------------------------- */
.jqueryslidemenu{

width: 100%;
position:relative;
z-index:100;
font-size:12px;
font-weight:bold;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
top:24px;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block; 
color: white;
color: #fff;
text-decoration: none;
position:relative;
padding:9px 5px;
font-size:12px;
font-weight:bold;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
color:#000000;

}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background-color:#7092b5;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background-color:#7092b5;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
background-color:#7092b5;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
background-color:#7092b5;
border-top: 1px solid #fff;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #000;
}

/* ######### CSS classes applied to down and right arrow images  ######### */



.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* --------------------------------------------*/




/* --------------------------------------------/ BROWSER INITIALIZATION \-------------------------------------------- */

	* { margin : 0; padding : 0; }
	h1,h2,h3,h4,h5,h6 {
	text-indent: 0px;
}
	a{ text-decoration:none;}
	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:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#eeebcb;
	}

/* --------------------------------------------*/




/* --------------------------------------------/ 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-home {
		position:relative;
		width:1200px;
		height:151px;
		margin:auto;
		background-image:url(../images/header-home.jpg);
		}
		
			#header-home h1{ text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#563655; font-size:22px; padding-top:8px;}
			
			#header-home h2{ text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#563655; font-size:12px; padding-top:2px;}
		
		#header {
		position:relative;
		width:1200px;
		height:151px;
		margin:auto;
		background-image:url(../images/header-sub.jpg);
		}
		
			#header h1{ text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#563655; font-size:22px; padding-top:8px;}
			
			#header h2{ text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#563655; font-size:12px; padding-top:2px;}
		
		#carousel {
		position:relative;
		width:1200px;
		height:283px;
		margin:auto;
		background-image:url(../images/carousel-bg.jpg);
		}

/* --------------------------------------------*/


/* --------------------------------------------/ NAV \-------------------------------------------- */

#container_nav { width:100%; height:100%; }
	
	#nav {
	position:relative;
	width:1200px;
	height:55px;
	margin:auto;
	z-index:100;
	}
	
		#nav ul{}
		
		#nav li{}

		/*  
		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 {}

		#nav a:hover { }

/* --------------------------------------------*/

 
/* --------------------------------------------/ CONTENT \-------------------------------------------- */

#container_content { width:100%; }

	#content-home { 
		position:relative;  
		width:1200px;
		height:1060px;
		margin:auto;
		background-image:url(../images/home-bg.jpg) 
		}
		
			#content-home h6{ color:#000000; font-size:10px; padding:5px 0px;}
			
			#content-home h2{ color:#000; font-size:11px; padding:50px 50px 0px 60px; line-height:18px; font-weight:normal;}
			
			#content-home h3{ color:#fff; font-size:22px; padding:63px 0px 0px 0px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;}
			
			#content-home h4{ color:#563655; font-size:17px; padding:30px 5px 17px 5px; text-align:center;}
			
			#content-home h5{ color:#000000; font-size:15px; padding:5px 5px;}
			
			#content-home p{ font-size:13px; color:#333333; padding:5px 5px 0px 5px;}
		
	
	#content { 
		position:relative;  
		width:1200px;
		height:100%;
		margin:auto;
		background-image:url(../images/sub-bg.jpg); 
		}
		
		#left-filler-home{
		position:relative;
		float:left;
		width:100px; /* (#content width) - (2 * (#middle-content padding) */
		height:1060px;
		margin:auto;
		}
		
		#home-top {
		position:relative;
		float:left;
		width:1000px; /* (#content width) - (2 * (#middle-content padding) */
		height:342px;
		margin:auto;
		}
		
			#home-main-nav a{color:#fff;}
			
			#home-main-nav a:hover{color:#669966;}
			

		#left-content-home {
		position:relative;
		float:left;
		width:600px; /* (#content width) - (2 * (#middle-content padding) */
		height:450px;
		margin:auto;
		padding-top:72px;
		}
		
		#right-content-home {
		position:relative;
		float:left;
		width:400px; /* (#content width) - (2 * (#middle-content padding) */
		height:450px;
		margin:auto;
		padding-top:72px;
		}
		
		#right-filler-home{
		position:relative;
		float:left;
		width:100px; /* (#content width) - (2 * (#middle-content padding) */
		height:1060px;
		background-color:#009933;
		margin:auto;}
		
		
		#left-filler-sub{
		position:relative;
		float:left;
		width:100px; /* (#content width) - (2 * (#middle-content padding) */
		height:300px;
		margin:auto;
		}
		
		#left-content {
		position:relative;
		float:left;
		width:250px; /* (#content width) - (2 * (#middle-content padding) */
		height:100%;
		margin:auto;
		}
		
		#right-content {
		position:relative;
		float:left;
		width:730px; /* (#content width) - (2 * (#middle-content padding) */
		padding:0 19px 0 1px;
		height:100%;
		margin:auto;
		}
		
			#right-content h1{ color:#000000; font-size:22px; padding:10px 10px 0px 10px; font-family:Georgia, "Times New Roman", Times, serif;}
			
			#right-content h2{ color:#333333; font-size:14px; padding:10px; line-height:18px;}
			
			#right-content h3{ color:#000; font-size:22px; padding:10px;}
			
			#right-content h4{ color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding:10px 10px 0px 10px;}
			
			#right-content h5{ color:#563655; font-size:14px; padding:10px 10px 0px 10px;}
			
			#right-content h6{ color:#563655; font-size:14px; padding:0px 10px 0px 10px;}
			
			#right-content p{ font-size:12px; color:#333333; padding:5px 10px; line-height:17px; text-align:left;}
		

			.min-holder {float:left; width:1px; height:420px;}
	
			.clear {clear:both; height:1px; overflow:hidden; background-image: url(../images/footerbg.jpg); background-repeat: no-repeat;}

/* --------------------------------------------*/




/* --------------------------------------------/ FOOTER \-------------------------------------------- */

#container_footer { clear:both; width:100%; height:100%; }
	
	#footer {
	position:relative;
	width:1200px;
	height:55px;
	margin:auto;
	color:#000;
	background-color:#eeebcb;
	}

		#footer ul {position:relative; float:left; margin-top:10px; left:100px;}

		#footer li { position:relative; float:left; margin-left:10px; }

		#footer a {text-decoration:none; color:#000;}

		#footer a:hover {color:#333;}
		
	
	#sub-footer {
	position:relative;
	width:1200px;
	height:55px;
	margin:auto;
	color:#000;
	background-image:url(../images/sub-footer.jpg);
	background-repeat:no-repeat;
	background-color:#eeebcb;
	}

		#sub-footer ul {position:relative; float:left; margin-top:10px; left:100px;}

		#sub-footer li { position:relative; float:left; margin-left:10px; }

		#sub-footer a {text-decoration:none; color:#000;}

		#sub-footer a:hover {color:#333;}

/* --------------------------------------------*/




/* --------------------------------------------/ 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); } */


/* --------------------------------------------*/
