Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Sep 2006
    Posts
    48
    Thanks
    0
    Thanked 1 Time in 1 Post

    Can't get Javascript to display a horizontal submenu

    Ok. Here's my stylesheet...

    Code:
    /* Stylesheet for Oasis Gaming USA website */
    html, body {
    	margin: 0;
      	padding: 0;
      	width: 100%;
    	min-height: 100%;
    	font-size : 100%;	/*Enable font resizing in IE*/
       background-color: #ffffff;
    	color : #000000;
       text-align : justify;
       font-family : Verdana, Arial, sans-serif;
       height: 100%;
    }
    html>body {
    	font-size: 9pt;
    }
    h1 {
    	font-size: 1.3em;
    }
    h2 {
      	font-size: 1.2em;
    }
    h3 {
      	font-size: 1.1em;
      	font-weight: normal;
      	text-align: center;
      	display: block;
    }
    p {
    	margin : 5px 10px 10px 10px;
    	padding : 5px;
    	display : block;
    }
    a:link, a:active, a:visited {
      	margin: 0;
      	padding: 0;
      	color: #15483a;
      	text-decoration: none;
    }
    a:hover {
      	text-decoration: underline;
      	font-weight: bold;
    }
    #menu ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
    	float: right;
    }
    #menu li {
    	float: left;
    	position: relative;
    	border-left: 1px solid #d2bc2d;
    }
    #menu li ul {
    	display: none;
    	position: absolute;
    	top: 14px;
    	left: -1px;
    }
    #menu li:hover ul, li.over ul {
    	display: block;
    	background-color: #15483a;
    }
    #menu li ul li {
    	border-left: 1px solid #d2bc2d;
    	border-right: 1px solid #d2bc2d;
    	border-bottom: 1px solid #d2bc2d;
    }
    #menu a, #menu a:active, #menu a:visited {
        width: 9em;
    	 padding : 0 .5em;
        color: #d2bc2d;
        text-decoration : none;
    	 font-weight: bold;
    	 font-size: 1em;
    	 display: block;
    	 text-align: left;
    }
    #menu a:hover {
        text-decoration : none;
    	 background-color: #d2bc2d;
    	 color: #15483a;
    }
    #subnav {
    	margin: 0 0 10px 0;
    	padding: 0;
    	background-color: #f7f7f7;
    	border: 1px solid #000000;
    	font-size: 1.1em;
    }
    #subnav ul {
    	margin: 5px auto;
    	padding: 0;
    	list-style: none;
    	background-color: #15483a;
    	width: 80%;
    	border-top: 1px solid #000000;
    	border-left: 1px solid #000000;
    	border-right: 1px solid #000000;
    }
    #subnav ul li {
    	border-bottom: 1px solid #000000;
    }
    #subnav a, #subnav a:active, #subnav a:visited {
    	margin: 0;
    	padding: 0;
    	display: block;
    	text-decoration: none;
    	font-weight: bold;
    	font-size: 1em;
    	text-align: left;
    	color: #d2bc2d;
    }
    #subnav a:hover{
    	text-decoration: none;
    	background-color: #d2bc2d;
    	color: #15483a;
    }
    #page {
      	margin: 0 auto;
      	padding: 0;
      	width: 90%;
    	min-height: 100%;
      	background-color: #ffffff;
      	position: relative;
    	min-width: 800px;
    }
    #header {
      	margin: 0 auto;
      	padding: 0;
      	width: 100%;
      	height: 115px;
    }
    #logo {
    	margin: 0;
    	padding: 0;
    	width: 159px;
    	height: 102px;
    	float: left;
    	margin-top: 5px;
    	margin-left: 40px;
    	display: inline;
    	background: #ffffff url(../images/Oasis-Logo2.gif) center no-repeat;
    	position: relative;
    	z-index: 100;
    }
    .right {
      	margin: 0;
      	padding: 0;
      	float: right;
    	position: relative;
    }
    .left {
      	margin: 5px;
      	padding: 0;
      	float: left;
    	position: relative;
    }
    #menu {
    	margin: 90px 0 0 0;
    	padding: 5px;
    	height: 15px;
    	background-color: #15483a;
    	position: absolute;
    	z-index: 1;
    	width: 100%;
    	left: 0;
    }
    #content {
    	margin: 20px 0;
    	padding: 0;
    	width: 72%;
    	min-height: 100%;
    	float: left;
    	min-width: 590px;
    }
    .article {
    	margin: 0 0 10px 0;
    	padding: 0;
    	position: relative;
    	display: block;
    	width: 100%;
    	background-color: #f7f7f7;
      	border: 1px solid #000000;
    }
    .articleTitle, .subnavTitle {
      	margin: 0;
      	padding: 0;
      	font-weight: bold;
      	text-align: center;
      	padding: 5px;
      	background-color: #15483a;
      	color: #e6ce46;
      	overflow: hidden;
    }
    p.articlecontent {
      	margin: 10px;
      	padding: 0 20px;
      	font-size: 1em;
      	text-align: justify;
    }
    img#cabinet {
      	margin: 0;
      	padding: 0;
      	float: left;
      	position: relative;
    }
    #rightside {
    	margin: 20px 0;
    	padding: 0;
    	width: 25%;
    	min-height: 100%;
    	float: right;
    	/* border: 1px solid #000000; */
    	min-width: 200px;
    }
    #divNewsCont {
      	position: relative; 
    	width: 100%; 
    	height: 80px; 
    	visibility: hidden;
    	overflow: hidden;
    	background-color: #b7fa93;
    	border: 1px solid #000000;
    }
    #divNews { 
      	position: relative;
    }
    #footer {
      	width: 100%;
    	height: 26px;
      	margin: 10px 0 0 0;
      	padding: 0;
    	clear: both;
    	font-size: .8em;
    	background-color: #15483a;
    	color: #d2bc2d;
    	position: relative;
    	bottom: 0;
    	left: 0;
    }
    .copyright {
    	margin: 0 0 0 5px;
    	padding: 0;
    	position: relative;
    	top: 5px;
    }
    ul#footnav {
    	margin: -5px 0 0 0;
    	padding: 0;
    	list-style: disc;
    	float: right;
    }
    ul#footnav li {
    	float: left;
    	position: relative;
    	width: 8em;
    }
    ul#footnav a, ul#footnav a:active, ul#footnav a:visited {
        width: 8.5em;
    	 padding : 0 0 0 .5em;
        color: #d2bc2d;
    }
    ul#footnav a:hover {
        text-decoration : none;
    }
    The page in question is at http://www.oasisgamingusa.com/testlayout/index.php

    The Products and Markets menu items currently have a drop down menu that works just fine actually. I want to change them to be horizontal sub menus but also I want whichever link is chosen - Products or Markets - to be highlighted in a different color as well as for the horizontal submenu to stay visible directly beneath the main horizontal menu until one of the other main menu links is clicked.

    I'm terrible at JavaScript. I've tried taking a couple of other solutions I've found that seemed to be somewhat like what I wanted and modifying it but I've had absolutely no success. In fact it has been a disaster.

    If anyone could give me some clues as to how to accomplish this or a site with a script set up to do basically this kind of thing then let me know.

    If you need to see an example of what I'm trying to do then go to http://www.pella.com/products/default.asp. You can see that the main menu item "Products" is a slightly different color and its submenu is directly underneat the main one in a horizontal fashion.

    Thank you

  • #2
    New Coder
    Join Date
    Sep 2006
    Posts
    48
    Thanks
    0
    Thanked 1 Time in 1 Post
    Ok. I've done some more searching and fiddling and I seem to be somewhat close to what I'm trying to do but I'm not sure what I need to change now.

    I've set up a totally different page and stylesheet just to play around with this so here's what I have so far...

    Stylesheet...
    Code:
    /* Stylesheet for Oasis Gaming USA website */
    html, body {
    	margin: 0;
      	padding: 0;
      	width: 100%;
    	min-height: 100%;
    	font-size : 100%;	/*Enable font resizing in IE*/
       background-color: #ffffff;
    	color : #000000;
       text-align : justify;
       font-family : Verdana, Arial, sans-serif;
       height: 100%;
    }
    html>body {
    	font-size: 9pt;
    }
    h1 {
    	font-size: 1.3em;
    }
    h2 {
      	font-size: 1.2em;
    }
    h3 {
      	font-size: 1.1em;
      	font-weight: normal;
      	text-align: center;
      	display: block;
    }
    p {
    	margin : 5px 10px 10px 10px;
    	padding : 5px;
    	display : block;
    }
    a:link, a:active, a:visited {
      	margin: 0;
      	padding: 0;
      	color: #15483a;
      	text-decoration: none;
    }
    a:hover {
      	text-decoration: underline;
      	font-weight: bold;
    }
    #nav {
    	height: 30px;
    	margin: 0;
    	padding: 0;
    }
    #nav * {
    	text-align: center;
    	color: #d2bc2d;
    	font-weight: bold;
    	text-decoration: none;
    	font-size: 8pt;
    	background-color: #15483a;
    	width: 100%;
    }
    #nav ul, #nav ul li {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    }
    #nav ul li {
    	display: inline;
    }
    ul#mainnav {
    	float: right;
    }
    ul#mainnav li a {
    	display: block;
    	float: left;
    	width: 9em;
    	height: 15px;
    	border-left: 1px solid #d2bc2d;
    	overflow: hidden; /* fixed IE display bug */
    }
    ul#mainnav li a:hover {
    	background-color: #d2bc2d;
    	color: #15483a;
    }
    #subNav ul {
    	display: none;
    }
    #subNav {
    	clear: both;
    	height: 15px;
    	/* padding-left: 100px; */
    	color: #15483a;
    	background-color: #d2bc2d;
    }
    #subNav ul {
    	float: left;
    }
    #subNav ul li a {
    	display: block;
    	float: left;
    	width: 9em;
    	text-align: center;
    	border-left: 1px solid #15483a;
    }
    #subNav li a:hover {
    	color: #15483a;
    	background-color: #d2bc2d;
    }
    #page {
      	margin: 0 auto;
      	padding: 0;
      	width: 90%;
    	min-height: 100%;
      	background-color: #ffffff;
      	position: relative;
    	min-width: 800px;
    }
    #header {
      	margin: 0 auto;
      	padding: 0;
      	width: 100%;
      	height: 125px;
    }
    #logo {
    	margin: 0;
    	padding: 0;
    	width: 159px;
    	height: 102px;
    	float: left;
    	margin-top: 5px;
    	margin-left: 40px;
    	display: inline;
    	background: #ffffff url(../images/Oasis-Logo2.gif) center no-repeat;
    	position: relative;
    	z-index: 100;
    }
    .right {
      	margin: 0;
      	padding: 0;
      	float: right;
    	position: relative;
    }
    .left {
      	margin: 5px;
      	padding: 0;
      	float: left;
    	position: relative;
    }
    #content {
    	margin: 20px 0;
    	padding: 0;
    	width: 72%;
    	min-height: 100%;
    	float: left;
    	min-width: 590px;
    }
    .article {
    	margin: 0 0 10px 0;
    	padding: 0;
    	position: relative;
    	display: block;
    	width: 100%;
    	background-color: #f7f7f7;
      	border: 1px solid #000000;
    }
    .articleTitle, .subnavTitle {
      	margin: 0;
      	padding: 0;
      	font-weight: bold;
      	text-align: center;
      	padding: 5px;
      	background-color: #15483a;
      	color: #e6ce46;
      	overflow: hidden;
    }
    p.articlecontent {
      	margin: 10px;
      	padding: 0 20px;
      	font-size: 1em;
      	text-align: justify;
    }
    img#cabinet {
      	margin: 0;
      	padding: 0;
      	float: left;
      	position: relative;
    }
    #rightside {
    	margin: 20px 0;
    	padding: 0;
    	width: 25%;
    	min-height: 100%;
    	float: right;
    	/* border: 1px solid #000000; */
    	min-width: 200px;
    }
    #divNewsCont {
      	position: relative; 
    	width: 100%; 
    	height: 80px; 
    	visibility: hidden;
    	overflow: hidden;
    	background-color: #b7fa93;
    	border: 1px solid #000000;
    }
    #divNews { 
      	position: relative;
    }
    #footer {
      	width: 100%;
    	height: 26px;
      	margin: 10px 0 0 0;
      	padding: 0;
    	clear: both;
    	font-size: .8em;
    	background-color: #15483a;
    	color: #d2bc2d;
    	position: relative;
    	bottom: 0;
    	left: 0;
    }
    .copyright {
    	margin: 0 0 0 5px;
    	padding: 0;
    	position: relative;
    	top: 5px;
    }
    ul#footnav {
    	margin: -5px 0 0 0;
    	padding: 0;
    	list-style: disc;
    	float: right;
    }
    ul#footnav li {
    	float: left;
    	position: relative;
    	width: 8em;
    }
    ul#footnav a, ul#footnav a:active, ul#footnav a:visited {
        width: 8.5em;
    	 padding : 0 0 0 .5em;
        color: #d2bc2d;
    }
    ul#footnav a:hover {
        text-decoration : none;
    }
    The page is located at...http://www.oasisgamingusa.com/testlayout/index_test.php

    Most of the links on that page aren't actually set up yet. The one link that does work is the Products link. That menu option has a submenu that should show up below the main menu.

    I kind of had this working at one point but now it is not. I have two different javascript scripts that are both supposed to load when the page loads. One is for the menu and the other is for a box that appears in the right side column. However, if I have both of these set to load when the page loads then one of them won't work but the other will. If I take out the right side column script I can kind of get the menu and subment to work.

    Can someome please take a look at this and at least point me in the right direction?

    Thank you

  • #3
    New Coder
    Join Date
    Sep 2006
    Posts
    48
    Thanks
    0
    Thanked 1 Time in 1 Post
    Well, I've basically got this to work now. At least in Firefox. It looks terrible in IE7 but that's a problem for the CSS forum section. If anyone is interested here's my current stylesheet and page.

    Page...
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<title>Oasis Gaming</title>
    
    	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	<meta name="author" content="Sean Meyer" />
    	<meta name="description" content="Oasis Gaming, a division of International Gamco, is a premier system and game development company supplying gaming systems for lottery, charitable gaming, casino and club markets throughout the world. Oasis Gaming has obtained several domestic and foreign patents for its gaming systems." />
    	<meta name="keywords" content="Oasis Gaming,Oasis Technologies,oasis gaming,oasis technologies,instant ticket vending machine, ITVM,monitor vending machine,MVM, electronic tickets, electronic lottery tickets, pulltabs,scratch tickets,lottery products, charitable gaming,promotional games,gaming,e-tickets,e tickets,lottery,charitable,electronic gaming" />
    
    	<link rel="stylesheet" href="include/oasisstyle_test.css" type="text/css" />
    
    	<!--[if lte IE 6]>
    		<style type="text/css">
    		#outer { 
    		  	padding-left: 900px; 
    			float: left; 
    		}
    		#inner { 
    		  	margin-left: -900px; 
    		}
    		#container { 
    		  	position: relative; width: 100%; 
    		}
    		#content { 
    		  	width: 590px;
    			height: 100%; 
    		}
    		#rightside { 
    			width: 200px; 
    		}
    		</style>
    	<![endif]-->	
    	<script type="text/javascript">
    	<!--//--><![CDATA[//><!--
    		function hideItems() {
    			var list = document.getElementById("subNav").getElementsByTagName("ul");
    			for(i=0;i<list.length;i++) {
    				list[i].style.display="none";
    			}
    		}
    
    		function navMenu() {
    			if (!document.getElementsByTagName){ return; }
    			var anchors = document.getElementsByTagName('a');
    	
    			for (var i=0; i<anchors.length; i++){
    				var anchor = anchors[i];
    			
    				var relAttribute = String(anchor.getAttribute('rel'));
    
    				if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('menutrigger'))){
    					anchor.onclick = function() { 
    						var nameAttribute = this.getAttribute('name') + "Nav";
    						var thismenu = document.getElementById(nameAttribute);
    						hideItems();
    						thismenu.style.display="inline";
    						return false;
    					}
    				}
    			}
    		}
    		//window.onload = navMenu();
    	//--><!]]>
    	</script>
    
    	<script language="JavaScript" type="text/javascript">
    	<!--
    		// test script to rotate the cabinet images on the main page
    
    		var ImgPath='http://www.oasisgamingusa.com/testlayout/images/';
    		var ImgAry=["Cabinet1small.gif","Cabinet2small.gif","Cabinet3small.gif","Cabinet4small.gif","Cabinet5small.gif","Cabinet6small.gif"];
    		var SRCAry=[]
    
    		for (var zxc0=0;zxc0<ImgAry.length;zxc0++){
    			SRCAry[zxc0]=new Image();
    			SRCAry[zxc0].src=ImgPath+ImgAry[zxc0];
    		}
    
    		var Cnt=0;
    
    		function initializeTimer() {
    			// document.getElementById('cabinet').src=SRCAry[Cnt].src;
    			this.document.cabinet.src=SRCAry[Cnt].src;
    			timerID = setInterval('chgImage()', 3000) // change the image every 3 seconds
    		}
    
    		function chgImage() {
    			Cnt=++Cnt%ImgAry.length; // this just cycles 0,1,2,3,4,5,0,1,2,3,4,5,0..........
    			// document.getElementById('cabinet').src=SRCAry[Cnt].src;
    			this.document.cabinet.src=SRCAry[Cnt].src;
    		}
    
    	//-->
    	</script>
    
    </head>
    <body>
    	<div id="page"> <!-- container div for the whole webpage -->
    
    		<div id="outer">
    			<div id="inner">
    				<div id="container">
    					<!-- page header -->
    					<div id="header"><img src="./images/gamecollage3.gif" class="right" />
    						<div id="logo"></div>
    						<!-- menu -->
    						<div id="nav">
    							<ul id="mainnav">
    
    								<li><a href="contactus.php">Contact Us</a></li>
    								<li><a href="markets.php" rel="menutrigger" name="market">Markets</a></li>
    								<li><a href="products.php" rel="menutrigger" name="prod">Products</a></li>
    								<li><a href="index.php">Home</a></li>
    							</ul> <!-- end mainnav ul -->
    							<div id="subNav">
    
    								<ul id="prodNav">
    									<li><a href="products.php#games">Games</a></li>
    									<li><a href="products.php#terminals">Player Terminals</a></li>
    									<li><a href="products.php#centralsys">Central System</a></li>
    								</ul> <!-- end prodNav ul -->
    								<ul id="marketNav">
    									<li><a href="markets.php#promo">Promotional</a></li>
    
    									<li><a href="markets.php#sweeps">Sweepstakes</a></li>
    									<li><a href="markets.php#lottery">Lottery</a></li>
    									<li><a href="markets.php#charitable">Charitable</a></li>
    								</ul> <!-- end marketNav ul -->
    							</div> <!-- end subNav div -->
    						</div> <!-- end nav div -->
    
    						<script>navMenu();</script>
    					</div> <!-- end header div -->
    	
    		<!-- page content -->
    		<div id="content">
    			<div class="article">
    		  		<h1 class="articleTitle">Products</h1>
    		  		<p class="articlecontent"><strong>Oasis Gaming</strong> is a premier
    		  			system and game development company supplying gaming systems for
    		  			lottery, charitable gaming, casino and club markets throughout the world.
    		  		</p>
    
    		  		<p class="articlecontent">Samples and information on all of these are
    				  	here for you, broken down by the various markets we serve. 
    		  		</p>
    			</div> <!-- end article div -->
    			<div class="article">
    		  		<h1 class="articleTitle"><a name="centralsys">Central Systems</a></h1>
    				<img class="left" src="./images/IL GAME CENTER.gif" alt="HP Rack.jpg" width="280" height="210" />
    				<img class="right" src="./images/hp_rack.gif" alt="HP Rack.jpg" width="170" height="260" />
    				<p class="articlecontent">The <strong>Oasis Monitor Vending Machine
    					(MVM) Network</strong> is a network of machines that dispense
    					electronic facsimiles of a lottery's instant tickets.  These
    					<strong>MVM</strong>s are scattered throughout a state or province
    					and are in daily communication with a central system.  The central
    					system controls all network operations including inventory
    					control, ticket distribution, daily transaction processing, 
    					high-tier prize validation, sales and redemption history, and
    					event history.
    				</p>
    
    				<p class="articlecontent">The central system or <strong>Game Center</strong>
    					calls each <strong>Monitor Vending Machine</strong> every night via a
    					telephone or wireless connection and collects sales data and checks
    					ticket inventory levels.  If the ticket count for the game is low, a 
    					new game deal is automatically sent.
    		  		</p>
    				<p class="articlecontent"><strong>Oasis Gaming</strong> guarantees your
    					ticket inventory is always stocked; you never run out.  You are billed
    					as the tickets are sold!
    		  		</p>
    		  		<p class="articlecontent">Excess inventory becomes a thing of the past and
    		  			we ensure you are always up and running smoothly!
    		  		</p>
    
    			</div> <!-- end article div -->
    			<div class="article">
    				<h1 class="articleTitle"><a name="terminals">Player Terminals</a></h1>
    				<img class="left" src="./images/MCR-CAB2.gif" alt="MCR CAB.gif" width="63" height="200" />
    				<p class="articlecontent">The <strong>Oasis Monitor Vending Maching(MVM)</strong>
    					is a computer-based gaming system.  The system allows players to buy
    					a ticket from a pack of tickets referred to as a "game deal".  Each
    					game deal contains a fixed number of winning and non-winning tickets.
    					The percentage of money distributed to players is pre-determined and
    					known for each game deal.
    				</p>
    
    				<p class="articlecontent">Players have a choice of playing a ticket from
    					one of six different game deals.  Once the game is chosen, the player
    					will press the PLAY button and the game symbols will "spin".  If the
    					final symbol combination matches a combination shown in the pay table
    					profile, the player wins that amount.
    				</p>
    				<p class="articlecontent">The entire system is automated, so a greater
    					level of security, accountibility, and integrity is possible.  The
    					<strong>MVM</strong> tracks all transactions and retains all sales
    					information.  Oasis uploads this sales information directly from the
    					<strong>MVM</strong> every night via modem communication and displays
    					the information for you on the Oasis Gaming Operators Reports website.
    				</p>
    			</div>
    		</div> <!-- end content div -->
    
    		<div id="rightside">
    			<!-- <div id="subnav">
    				<h2 class="articleTitle">Sections</h2>
    				<ul>
    					<li><a href="#centralsys">Central System</a></li>
    					<li><a href="#terminals">Player Terminals</a></li>
    					<li><a href="#games">Games</a></li>
    				</ul>
    			</div> -->
    			<div id="divNewsCont">
    				<div id="divNews">
    					This area is for user testimonials.
    				</div>
    			</div>
    		</div> <!-- end right div -->
    
    					<!-- page footer -->
    					<div id="footer">
    						<span class="copyright">&copy; Oasis Gaming USA</span>
    						<ul id="footnav">
    							<li><a href="#">Home</a></li>
    							<li><a href="#">Products</a></li>
    							<li><a href="#">Markets</a></li>
    
    							<li><a href="#">Contact Us</a></li>
    						</ul>
    					</div> <!-- end footer div -->
    				</div> <!-- end container div -->
    			</div> <!-- end inner div -->
    		</div> <!-- end outer div -->
    
    	</div> <!-- end page div -->
    </body>
    </html>
    Stylesheet
    Code:
    /* Stylesheet for Oasis Gaming USA website */
    html, body {
    	margin: 0;
      	padding: 0;
      	width: 100%;
    	min-height: 100%;
    	font-size : 100%;	/*Enable font resizing in IE*/
       background-color: #ffffff;
    	color : #000000;
       text-align : justify;
       font-family : Verdana, Arial, sans-serif;
       height: 100%;
    }
    html>body {
    	font-size: 9pt;
    }
    h1 {
    	font-size: 1.3em;
    }
    h2 {
      	font-size: 1.2em;
    }
    h3 {
      	font-size: 1.1em;
      	font-weight: normal;
      	text-align: center;
      	display: block;
    }
    p {
    	margin : 5px 10px 10px 10px;
    	padding : 5px;
    	display : block;
    }
    a:link, a:active, a:visited {
      	margin: 0;
      	padding: 0;
      	color: #15483a;
      	text-decoration: none;
    }
    a:hover {
      	text-decoration: underline;
      	font-weight: bold;
    }
    #nav {
    	height: 30px;
    	margin: 0;
    	padding: 0;
    }
    #nav * {
    	text-align: center;
    	color: #d2bc2d;
    	font-weight: bold;
    	text-decoration: none;
    	font-size: 8pt;
    }
    #nav ul, #nav ul li {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    }
    #nav ul li {
    	display: inline;
    }
    ul#mainnav {
    	float: right;
    	background-color: #15483a;
    }
    ul#mainnav li{
    	float: right;
    }
    ul#mainnav li a {
    	display: block;
    	float: left;
    	width: 9em;
    	height: 15px;
    	border-left: 1px solid #d2bc2d;
    	overflow: hidden; /* fixed IE display bug */
    }
    ul#mainnav li a:hover {
    	background-color: #d2bc2d;
    	color: #15483a;
    }
    #subNav ul {
    	display: none;
    }
    #subNav {
    	clear: both;
    	height: 15px;
    	/* padding-left: 100px; */
    	background-color: #d2bc2d;
    }
    #subNav ul {
    	float: left;
    }
    #subNav ul li {
    	float: right;
    }
    #subNav ul li a {
    	display: block;
    	float: left;
    	width: 11em;
    	text-align: center;
    	border-left: 1px solid #15483a;
    	color: #15483a;
    }
    #subNav li a:hover {
    	color: #d2bc2d;
    	background-color: #15483a;
    }
    #page {
      	margin: 0 auto;
      	padding: 0;
      	width: 90%;
    	min-height: 100%;
      	background-color: #ffffff;
      	position: relative;
    	min-width: 800px;
    }
    #header {
      	margin: 0 auto;
      	padding: 0;
      	width: 100%;
      	height: 125px;
    }
    #logo {
    	margin: 0;
    	padding: 0;
    	width: 159px;
    	height: 102px;
    	float: left;
    	margin-top: 5px;
    	margin-left: 40px;
    	display: inline;
    	background: #ffffff url(../images/Oasis-Logo2.gif) center no-repeat;
    	position: relative;
    	z-index: 100;
    }
    .right {
      	margin: 0;
      	padding: 0;
      	float: right;
    	position: relative;
    }
    .left {
      	margin: 5px;
      	padding: 0;
      	float: left;
    	position: relative;
    }
    #content {
    	margin: 20px 0;
    	padding: 0;
    	width: 72%;
    	min-height: 100%;
    	float: left;
    	min-width: 590px;
    }
    .article {
    	margin: 0 0 10px 0;
    	padding: 0;
    	position: relative;
    	display: block;
    	width: 100%;
    	background-color: #f7f7f7;
      	border: 1px solid #000000;
    }
    .articleTitle, .subnavTitle {
      	margin: 0;
      	padding: 0;
      	font-weight: bold;
      	text-align: center;
      	padding: 5px;
      	background-color: #15483a;
      	color: #e6ce46;
      	overflow: hidden;
    }
    p.articlecontent {
      	margin: 10px;
      	padding: 0 20px;
      	font-size: 1em;
      	text-align: justify;
    }
    img#cabinet {
      	margin: 0;
      	padding: 0;
      	float: left;
      	position: relative;
    }
    #rightside {
    	margin: 20px 0;
    	padding: 0;
    	width: 25%;
    	min-height: 100%;
    	float: right;
    	/* border: 1px solid #000000; */
    	min-width: 200px;
    }
    #divNewsCont {
      	position: relative; 
    	width: 100%; 
    	height: 80px; 
    	visibility: hidden;
    	overflow: hidden;
    	background-color: #b7fa93;
    	border: 1px solid #000000;
    }
    #divNews { 
      	position: relative;
    }
    #footer {
      	width: 100%;
    	height: 26px;
      	margin: 10px 0 0 0;
      	padding: 0;
    	clear: both;
    	font-size: .8em;
    	background-color: #15483a;
    	color: #d2bc2d;
    	position: relative;
    	bottom: 0;
    	left: 0;
    }
    .copyright {
    	margin: 0 0 0 5px;
    	padding: 0;
    	position: relative;
    	top: 5px;
    }
    ul#footnav {
    	margin: -5px 0 0 0;
    	padding: 0;
    	list-style: disc;
    	float: right;
    }
    ul#footnav li {
    	float: left;
    	position: relative;
    	width: 8em;
    }
    ul#footnav a, ul#footnav a:active, ul#footnav a:visited {
        width: 8.5em;
    	 padding : 0 0 0 .5em;
        color: #d2bc2d;
    }
    ul#footnav a:hover {
        text-decoration : none;
    }


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •