﻿.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 189px; /*WIDTH OF MAIN MENU ITEMS*/
z-index:100;

}

.glossymenu li{
position: relative;
z-index:100;
}

.glossymenu li a{
font: 13px "Trebuchet MS", sans-serif;
text-align:center;
font-weight:bold;
color:#af301d;
display: block;
width: auto;
padding: 8px 0 0 0;
text-decoration: none;
z-index:100;
width:189px;
height:25px;
background-image:url(../images/nav-bg.jpg);
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 189px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
z-index:100;
}

.glossymenu li ul li{
float: left;
z-index:100;
border-left:2px solid #000;
}

.glossymenu li ul a{
width: 189px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
z-index:100;
padding-top:8px;
margin:0px;
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #af301d;
}

.glossymenu li a:hover{

color:#000;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */


/* --------------------------------------------/ BROWSER INITIALIZATION \-------------------------------------------- */

	* { margin : 0; padding : 0; }
	h1,h2,h3,h4,h5,h6 {
	text-indent: 0px;
}
	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:"Trebuchet MS", sans-serif;
	font-size:12px;
	background-image:url(../images/bg-stripe.jpg);
	
	}

/* --------------------------------------------*/




/* --------------------------------------------/ 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%; background-image:url(../images/header-sides.jpg); margin-top:2px;}
		
		#header {
		position:relative;
		width:900px;
		height:197px;
		margin:auto;
		background-image:url(../images/header.jpg);
		}

/* --------------------------------------------*/


 
/* --------------------------------------------/ CONTENT \-------------------------------------------- */

#container_content { width:100%; }

	#content { 
		position:relative;  
		width:877px;
		height:100%;
		margin:auto;
		background-image:url(../images/content-bg.jpg);
		background-repeat:no-repeat;
		background-color:#7f7f7f;
		border:2px solid #000000; 
		}
		
		#content-sub { 
		position:relative;  
		width:877px;
		height:100%;
		margin:auto;
		background-image:url(../images/content-bg-sub.jpg);
		background-repeat:no-repeat;
		background-color:#7f7f7f;
		border:2px solid #000000; 
		}

		#left-content {
		position:relative;
		float:left;
		width:214px; /* (#content width) - (2 * (#middle-content padding) */
		height:600px;
		margin:auto;
		z-index:100;
		}
		
		#middle-content {
		position:relative;
		float:left;
		width:663px; /* (#content width) - (2 * (#middle-content padding) */
		height:100%;
		margin:auto;
		padding-bottom:6px;
		
		}
		
			#middle-content p{ font-size:12px; color:#FFFFFF; line-height:17px; padding:10px 15px 0 15px;}
			
			#middle-content h1{ color:#fff; font-size:25px; padding:15px 15px 0 15px; }
			
			#middle-content h2{ color:#fff; font-size:18px; padding:10px 15px 0 15px; }
			
			#middle-content h3.contest{ font-size:16px; padding:10px 15px 0 15px; }
			
			#middle-content a{ color:#FFCC33; font-weight:bold; font-size:14px;}
			
			
			#middle-content ul{ font-size:12px; line-height:17px; padding:10px 15px 0 25px;}
			
		
			
		
		#right-content {
		position:relative;
		float:left;
		width:207px; /* (#content width) - (2 * (#middle-content padding) */
		height:100%;
		margin:auto;
		padding-top:1px;
		border-left:1px solid #CCCCCC;
		}
		
			#right-content h2{ font-size:12px; color:#000; padding:10px 8px 0 8px;}
			
			#right-content h3{ font-size:10px; color:#6c6d6d; padding:2px 8px 0 8px;}
			
			#right-content p{ font-size:10px; color:#777; line-height:16px; padding:5px 8px;}
			
			#right-content li{ background-color:#acc6db; padding:5px 0px;}
		

			.min-holder {float:left; width:1px; height:420px;}
	
			.clear {clear:both; height:2px; overflow:hidden; background-color:#7f7f7f; background-repeat: no-repeat;}

/* --------------------------------------------*/




/* --------------------------------------------/ FOOTER \-------------------------------------------- */

#container_footer { clear:both; width:100%; height:100%; }
	
	#footer {
	position:relative;
	width:869px;
	height:40px;
	margin:auto;
	color:#FFFFFF;
	margin-top:4px;
	}

		#footer ul {position:relative; float:right; margin-top:7px; right:15px;}

		#footer li { position:relative; float:left; font-size:10px; margin-left:10px; }

		#footer a {text-decoration:none; font-size:10px; color:#FFFFFF;}

		#footer a:hover {color:#FFFFFF;}

/* --------------------------------------------*/




/* --------------------------------------------/ 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); } 


/* --------------------------------------------*/
