No replies
puma10
Offline
newbie
Last seen: 3 years 5 weeks ago
Timezone: GMT-7
Joined: 2008-08-25
Posts: 10
Points: 2

If you hate IE6 then you are just like me....

Here's my issue. I got a website that I have been working on for the past few months ([url = ogagym.net/oga]ogagym.net/oga[/url]) and have almost all the bugs worked out until I get to my drop down nav that looks like the attached image. As you can see the text links in the horizontal navigation are wrapping in a weird manner. It works fine in all other browsers.

Also rollover state of the horizontal nav should fill not just the word with black but the the area between the lines. The lines are suppose to extended to the top and the bottom of the navigation bar.

Thanks in advance all!

-Josh

Here's the code.

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 
 
 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" >
 
 
 
<head>
 
	  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
 
  <meta name="keywords" content="joomla, Joomla" />
  <meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Oregon Gymnastics Academy</title>
  <link href="/oga/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
  <link href="/oga/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
  <script type="text/javascript" src="/oga/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/oga/media/system/js/caption.js"></script>
 
  <!-- JoomlaWorks "Frontpage Slideshow" v1.7.2 starts here -->
	<link rel="stylesheet" href="http://ogagym.net/oga/modules/mod_fpslideshow/mod_fpslideshow/templates/Default/template_css.php?w=750&amp;h=300&amp;sw=200" type="text/css" />
 
	<!--[if lte IE 7]>
	<link rel="stylesheet" href="http://ogagym.net/oga/modules/mod_fpslideshow/mod_fpslideshow/templates/Default/template_css_ie.css" type="text/css" />
	<![endif]-->
 
	<script language="javascript" type="text/javascript" src="http://ogagym.net/oga/modules/mod_fpslideshow/mod_fpslideshow/engines/jquery-comp.js"></script>
 
	<script language="javascript" type="text/javascript" src="http://ogagym.net/oga/modules/mod_fpslideshow/mod_fpslideshow/engines/jquery-fpss-comp.js"></script>
 
	<script language="javascript" type="text/javascript">
	var speed_delay = 6000;
	var slide_speed = 1000;
	var CTRrotateAction = "click";
	</script>
	<!-- JoomlaWorks "Frontpage Slideshow" v1.7.2 ends here -->
 
 
 
 
 
	<!-- remeber to change these style sheets to the correct location when finished.  See page 34 of tut -->
 
	<link rel="stylesheet" href="/oga/templates/test5.0/css/reset.css" type="text/css" /> 
 
 
 
    <link rel="stylesheet" href="/oga/templates/test5.0/css/template.css" type="text/css" />
 
	<link rel="stylesheet" href="/oga/templates/test5.0/css/nav.css" type="text/css" />
 
    <link rel="stylesheet" href="/oga/templates/test5.0/css/left_nav.css" type="text/css" />
 
    <link rel="stylesheet" href="/oga/templates/test5.0/css/components.css" type="text/css" />
    <link rel="stylesheet" href="/oga/templates/test5.0/css/type.css" type="text/css" />
 
<!-- This is the changes made 10/29/08 at 9:36 pm --> 
    <link rel="stylesheet" type="text/css" href="/oga/templates/test5.0/css/ie_hacks.css" media="screen, projection" />
 
 
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="/oga/templates/test5.0/css/ie_hacks.css" media="screen, projection" />
 
<script type="text/javascript" src="/oga/templates/test5.0/javascript/iehover.js"></script>
 
	<![endif]-->	
 
 
 
 
 
 
 
 
	<!-- the following php code is the 1st part of the collapsing area method.-->
 
	<!-- the following makes the content div expand and contract depending on wether the columns have content in them-->
 
 
 
 
</head>
 
 
 
<body>
 
	<div id="wrap">
 
 
 
 
 
        <!--************************************ Begin header *************************************-->
 
        <div id="header">
 
 
          <img src="/oga/templates/test5.0/images/ban_logo.jpg"/>
 
 
 
 
        </div><!-- end header-->
 
     	 <!--************************************* end header ****************************************--> 
 
 
 
 
 
 
 
 
 
         <!-- this is a module that that I inserted with a postion in the xml sheet called horizontal_nav-->
 
    	<!--************************************ Begin horizontal_nav ************************************-->
 
        <div id="nav">
 
        		<ul class="menu"><li id="current" class="active item1"><a href="http://ogagym.net/oga/"><span>Home</span></a></li><li class="parent item2"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=25&amp;Itemid=2"><span>About</span></a><ul><li class="item182"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=25&amp;Itemid=182"><span>About Home</span></a></li><li class="item11"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=11"><span>Contact</span></a></li><li class="item12"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=2&amp;Itemid=12"><span>Mission</span></a></li><li class="parent item13"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=123&amp;Itemid=13"><span>Board of Directors</span></a><ul><li class="item16"><a href="/oga/index.php?option=com_content&amp;view=article&amp;id=125&amp;Itemid=16"><span>Meeting Minutes</span></a></li><li class="item17"><a href="/oga/index.php?option=com_content&amp;view=category&amp;id=112&amp;Itemid=17"><span>Meeting Minutes Archive</span></a></li><li class="item18"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=113&amp;Itemid=18"><span>Bio</span></a></li></ul></li><li class="item14"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=124&amp;Itemid=14"><span>Management Team</span></a></li><li class="item15"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=5&amp;Itemid=15"><span>Employment</span></a></li></ul></li><li class="parent item3"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=26&amp;Itemid=3"><span>Gymnastics</span></a><ul><li class="item183"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=26&amp;Itemid=183"><span>Gymnastics Home</span></a></li><li class="parent item39"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=118&amp;Itemid=39"><span>Preschool</span></a><ul><li class="item40"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=115&amp;Itemid=40"><span>Schedule</span></a></li><li class="item76"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=116&amp;Itemid=76"><span>Indoor Park</span></a></li></ul></li><li class="parent item41"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=119&amp;Itemid=41"><span>Recreational</span></a><ul><li class="item42"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=117&amp;Itemid=42"><span>Schedule</span></a></li></ul></li><li class="parent item43"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=120&amp;Itemid=43"><span>Boys Team</span></a><ul><li class="item46"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=125&amp;Itemid=46"><span>Handbook</span></a></li><li class="item47"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=126&amp;Itemid=47"><span>Meet Calendar</span></a></li><li class="item48"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=127&amp;Itemid=48"><span>Results</span></a></li><li class="parent item49"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=128&amp;Itemid=49"><span>Booster Club</span></a><ul><li class="item50"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=137&amp;Itemid=50"><span>Meeting Minutes</span></a></li></ul></li></ul></li><li class="parent item44"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=121&amp;Itemid=44"><span>Girls Team</span></a><ul><li class="item54"><a href="/oga/index.php?option=com_content&amp;view=category&amp;id=129&amp;Itemid=54"><span>Handbook</span></a></li><li class="item55"><a href="/oga/index.php?option=com_content&amp;view=category&amp;id=130&amp;Itemid=55"><span>Meet Calendar</span></a></li><li class="item56"><a href="/oga/index.php?option=com_content&amp;view=category&amp;id=131&amp;Itemid=56"><span>Results</span></a></li><li class="parent item57"><a href="/oga/index.php?option=com_content&amp;view=category&amp;id=132&amp;Itemid=57"><span>Booster Club</span></a><ul><li class="item58"><a href="/oga/index.php?option=com_content&amp;view=category&amp;id=141&amp;Itemid=58"><span>Meeting Minutes</span></a></li></ul></li><li class="item180"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=164&amp;Itemid=180"><span>Developmental Program</span></a></li></ul></li><li class="parent item45"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=122&amp;Itemid=45"><span>Rhythmic Team</span></a><ul><li class="item62"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=133&amp;Itemid=62"><span>Handbook</span></a></li><li class="item63"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=134&amp;Itemid=63"><span>Meet Calendar</span></a></li><li class="item64"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=135&amp;Itemid=64"><span>Results</span></a></li><li class="parent item65"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=136&amp;Itemid=65"><span>Booster Club</span></a><ul><li class="item66"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=145&amp;Itemid=66"><span>Meeting Minutes</span></a></li></ul></li></ul></li><li class="item178"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=163&amp;Itemid=178"><span>Special Needs</span></a></li></ul></li><li class="parent item34"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=29&amp;Itemid=34"><span>Cheer</span></a><ul><li class="item184"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=29&amp;Itemid=184"><span>Cheer Home</span></a></li><li class="item82"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=22&amp;Itemid=82"><span>Classes</span></a></li><li class="parent item83"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=152&amp;Itemid=83"><span>Team</span></a><ul><li class="item84"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=153&amp;Itemid=84"><span>Handbook</span></a></li><li class="item85"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=154&amp;Itemid=85"><span>Meet Calendar</span></a></li><li class="item86"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=155&amp;Itemid=86"><span>Results and Archive</span></a></li><li class="parent item87"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=156&amp;Itemid=87"><span>Booster Club</span></a><ul><li class="item88"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=157&amp;Itemid=88"><span>Meeting Minutes</span></a></li></ul></li></ul></li></ul></li><li class="parent item4"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=27&amp;Itemid=4"><span>Activities</span></a><ul><li class="item185"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=27&amp;Itemid=185"><span>Activities Home</span></a></li><li class="item70"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=13&amp;Itemid=70"><span>Birthday Parties</span></a></li><li class="item71"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=14&amp;Itemid=71"><span>Parents Night Out</span></a></li><li class="item72"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=149&amp;Itemid=72"><span>Camps</span></a></li><li class="item73"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=16&amp;Itemid=73"><span>Field Trips</span></a></li></ul></li><li class="parent item33"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=28&amp;Itemid=33"><span>News</span></a><ul><li class="item186"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=28&amp;Itemid=186"><span>News Home</span></a></li><li class="item77"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=17&amp;Itemid=77"><span>Expansion</span></a></li><li class="item78"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=18&amp;Itemid=78"><span>Current Events</span></a></li><li class="item79"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=19&amp;Itemid=79"><span>Press Release</span></a></li><li class="item80"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=20&amp;Itemid=80"><span>Press Release Archive</span></a></li><li class="item81"><a href="/oga/index.php?option=com_jcalpro&amp;Itemid=81"><span>Calendar</span></a></li></ul></li><li class="item120"><a href="/oga/index.php?option=com_user&amp;view=login&amp;Itemid=120"><span>Login</span></a></li></ul>	
 
    	</div>
 
        <div class="clear"></div>
        <!--************************************ End horizontal_nav ************************************-->
 
 
 
 
 
 
 
 
 
         <!--************************************Begin breadcrumbs************************************-->
 
        	<div id="breadcrumbs">
 
    		<span class="breadcrumbs pathway">
Home</span>
 
 
            </div>
 
    		<div class="clear"></div>
 
 
 
        <!--************************************End breadcrumbs************************************-->
 
 
 
 
 
 
 
 
 
        <!--************************************ Begin landing_banner************************************-->
 
 
        <div id="landing_banner">
 
 
	<!-- JoomlaWorks "Frontpage Slideshow" v1.7.2 starts here -->
	<div id="fpss-outer-container">
 
	    <div id="fpss-container">
	        <div id="fpss-slider">
	            <div id="slide-loading"></div>
	            <div id="slide-wrapper">
	                <div id="slide-outer">
					<div class="slide">
						<div class="slide-inner">
							<a class="fpss_img" href="/oga/index.php?option=com_content&amp;view=article&amp;id=93:cartwheel-a-thon&amp;catid=28:landing&amp;Itemid=33">
								<span>
 
									<span style="background:url(components/com_fpslideshow/images/cartwheelathon.jpg) no-repeat;">
										<span>
											<img src="/oga/components/com_fpslideshow/images/cartwheelathon.jpg" alt="Click on the slide!" />
										</span>
									</span>
								</span>
							</a>
							<div class="fpss-introtext">
								<div class="slidetext"><h3>OGA will be holding a Cartwheel-A-Thon the week of November 17, 2008 during your child?s class time. The funds raised will be used for the sole purpose of funding the new pit we will be adding with our expansion!</h3>
 
<p>OGA will be holding a Cartwheel-A-Thon the week of November 17, 2008 during your child?s class time. The funds raised&#8230;</p>
<a href="/oga/index.php?option=com_content&amp;view=article&amp;id=93:cartwheel-a-thon&amp;catid=28:landing&amp;Itemid=33" class="readon">More...</a>
</div>
							</div>
						</div>
					</div>
 
					<div class="slide">
						<div class="slide-inner">
							<a class="fpss_img" href="/oga/index.php?option=com_content&amp;view=article&amp;id=96:ogas-2008-future-star-qualifiers&amp;catid=18:current-events&amp;Itemid=165">
 
								<span>
									<span style="background:url(components/com_fpslideshow/images/future_stars_1.jpg) no-repeat;">
										<span>
											<img src="/oga/components/com_fpslideshow/images/future_stars_1.jpg" alt="Click on the slide!" />
										</span>
									</span>
								</span>
							</a>
							<div class="fpss-introtext">
 
								<div class="slidetext"><h1><a href="/oga/index.php?option=com_content&amp;view=article&amp;id=96:ogas-2008-future-star-qualifiers&amp;catid=18:current-events&amp;Itemid=165">OGA's 2008 Future Star Qualifiers</a></h1>
<h3>Image taken from the "Invaders"</h3>
<p>The Oregon Gymnastics Academy hosted the Men?s Regional Gymnastics Future Star Evaluation on Friday, October 9th.  
 
 
 
Carter Webb and Carson&#8230;</p>
<a href="/oga/index.php?option=com_content&amp;view=article&amp;id=96:ogas-2008-future-star-qualifiers&amp;catid=18:current-events&amp;Itemid=165" class="readon">More...</a>
</div>
							</div>
						</div>
					</div>
 
					<div class="slide">
 
						<div class="slide-inner">
							<a class="fpss_img" href="/oga/index.php?option=com_content&amp;view=article&amp;id=87:ashley-amick-is-local-favorite&amp;catid=18:current-events&amp;Itemid=165">
								<span>
									<span style="background:url(components/com_fpslideshow/images/nastia_ash.jpg) no-repeat;">
										<span>
											<img src="/oga/components/com_fpslideshow/images/nastia_ash.jpg" alt="Click on the slide!" />
										</span>
									</span>
								</span>
 
							</a>
							<div class="fpss-introtext">
								<div class="slidetext"><h1><a href="/oga/index.php?option=com_content&amp;view=article&amp;id=87:ashley-amick-is-local-favorite&amp;catid=18:current-events&amp;Itemid=165">Ashley Amick is Local Favorite</a></h1>
<h3></h3>
<p>OGA’s very own Level 10 gymnast, Ashley Amick, had the honor of being the “local favorite” at the 2008 Tour&#8230;</p>
<a href="/oga/index.php?option=com_content&amp;view=article&amp;id=87:ashley-amick-is-local-favorite&amp;catid=18:current-events&amp;Itemid=165" class="readon">More...</a>
</div>
							</div>
						</div>
 
					</div>
				</div>
	            </div>
	        </div>		
	        <div id="navi-outer">
	            <div id="pseudobox"></div>
	            <div class="ul_container">
	                <ul>
	                		                <li class="noimages"><a id="fpss-container_prev" href="javascript:void(0);" onclick="showPrev();clearSlide();" title="Previous">&laquo;</a></li>
 
 
					<li>
						<a class="navbutton off navi" href="javascript:void(0);" title="Click to navigate!">
							<span class="navbar-img"><img src="/oga/components/com_fpslideshow/images/cartwheelathon.jpg" alt="Click to navigate!" /></span>
							<span class="navbar-key">01</span>
							<span class="navbar-title">Cartwheel-a-Thon</span>
							<span class="navbar-tagline">OGA will be holding a Cartwheel-A-Thon the week of November 17, 2008 during your child?s class time. The funds raised will be used for the sole purpose of funding the new pit we will be adding with our expansion!</span>
							<span class="navbar-clr"></span>
 
						</a>
					</li>
 
					<li>
						<a class="navbutton off navi" href="javascript:void(0);" title="Click to navigate!">
							<span class="navbar-img"><img src="/oga/components/com_fpslideshow/images/future_stars_1.jpg" alt="Click to navigate!" /></span>
							<span class="navbar-key">02</span>
							<span class="navbar-title">OGA's 2008 Future Star Qualifiers</span>
							<span class="navbar-tagline">Image taken from the "Invaders"</span>
 
							<span class="navbar-clr"></span>
						</a>
					</li>
 
					<li>
						<a class="navbutton off navi" href="javascript:void(0);" title="Click to navigate!">
							<span class="navbar-img"><img src="/oga/components/com_fpslideshow/images/nastia_ash.jpg" alt="Click to navigate!" /></span>
							<span class="navbar-key">03</span>
							<span class="navbar-title">Ashley Amick is Local Favorite</span>
 
							<span class="navbar-tagline"></span>
							<span class="navbar-clr"></span>
						</a>
					</li>
							                <li class="noimages"><a id="fpss-container_next" href="javascript:void(0);" onclick="showNext();clearSlide();" title="Next">&raquo;</a></li>
		                <li class="noimages"><a id="fpss-container_playButton" href="javascript:void(0);" onclick="playButtonClicked();return false;" title="Play/Pause Slide">Pause</a></li>
		            		            </ul>
            	</div>
 
        		</div> 
    		<div class="fpss-clr"></div>
    	</div>
		<div class="fpss-clr"></div> 
	</div>
	<div style="display:none;"><a href="http://www.joomlaworks.gr">Frontpage Slideshow (version 1.7.2) - Copyright &copy; 2006-2008 by JoomlaWorks</a></div>
<!-- JoomlaWorks "Frontpage Slideshow" v1.7.2 ends here -->
 
 
        </div>
 
 
 
         <!--************************************ end landing_banner************************************--> 
 
 
 
 
 
 
 
 
 
        <!--************************************ Begin Faux Columns ************************************-->
 
		<!-- the following php code is the 2nd part of the collapsing area method.-->
 
 
		<div id="leftfauxcol">
 
 
			<!-- right is nested in left -->
 
 
		<!--************************************ Begin Faux Columns  (end right before the end of the wrapper *********************-->
 
 
 
 
 
 
 
        <!--************************************ Begin sidebar************************************-->
 
 
    	<div id="sidebar-1">
 
 
 
			<img src="/oga/images/stories/icons/schedule.jpg" border="0" align="right" />
 
 
 
		</div>
 
 
    	 <!--************************************ End sidebar ************************************-->
 
 
 
 
 
 
 
 
 
         <!--************************************ Begin content************************************-->
 
        <div id="content80">
 
			<div class="inside">
 
 
 
 
<div class="blog">
 
			<div class="leading">
 
 
<h2 class="contentheading">
 
	OGA Mission Statement</h2>
 
 
 
 
 
 
 
 
<h3>OGA is a non-profit organization whose mission is to promote and motivate character, fitness, and health in the lives of our athletes, employees, and community through the sport of gymnastics.</h3>
 
		</div>
		<span class="leading_separator">&nbsp;</span>
 
 
 
 
	</div>
 
 
			</div>
 
		</div>
 
 
 
    	<!--************************************ End content ************************************-->
 
 
 
 
 
 
 
        <!--************************************ Begin sidebar-2************************************-->
 
    	 <!--************************************End sidebar-2************************************-->
 
 
 
 
 
 
 
         <!--************************************Begin Chev row************************************-->
 
         <div id="c_row"> 
 
 
 
 
 
                </div>
 
		 <!--***********************************end Chev row************************************-->
 
 
 
 
<!--************************************Begin user 3************************************-->
 
 
    	<div id="user3">
 
				<a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=26&amp;Itemid=3"><img src="/oga/images/stories/OGA/chev_gym.jpg" /></a><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=29&amp;Itemid=34"><img src="/oga/images/stories/OGA/chev_cheer.jpg" /></a><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=27&amp;Itemid=4"><img src="/oga/images/stories/OGA/chev_act.jpg" /></a>
 
		</div>
<!--************************************End User 3************************************-->
 
 
<!--************************* custom footer, see page 35.  The footer outputs the joomla copyright info ************-->
 
		      	<div id="bottom">
        	<h2>Visit Our Sponsors</h2>
                <div class="inside">
          			<div class="moduletable">
 
					<img src="/oga/images/stories/OGA/aimhighlogo.jpg" border="0" /><img src="/oga/images/stories/OGA/phoniexinn.jpg" border="0" />		</div>
 
        		</div>
     	 </div>
 
<div class="clear"></div>
	<!--*********************************** end custom footer********************************* -->
 
 
 
 
 
 
 
 
<!--************************************ Begin footer************************************-->
 
 
    	<div id="footer">
 
						<div class="moduletable">
					<ul class="menu"><li class="item123"><a href="/oga/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=161&amp;Itemid=123"><span>web_design</span></a></li></ul>		</div>
 
 
		</div>
 
 
 		<!--************************************ end footer************************************-->
 
 
 
 
 
 
 
    </div>
 
    <!--end of leftfauxcol-->
 
 
 
 
 
 
 
 
</div>
 
	<!--end of wrap-->
 
 
 
 
 
</body>
 
</html>
 
</body>
 
</html> 

CSS

CSS - <a href="http://ogagym.net/oga/index.php?option=com_content&view=category&layout=blog&id=25&Itemid=2
 
" rel="nofollow">http://ogagym.net/oga/index.php?option=com_content&view=category&layout=blog&id=25&Itemid=2
 
</a>    * Collapse All
    * Expand All
 
http://ogagym.net/oga/index.php?option=com_content&view=category&layout=blog&id=25&Itemid=2
http://ogagym.net/oga/templates/test5.0/css/reset.css
 
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
 
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
li {list-style:none;}
table {font-size:inherit;font:100%;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
 
http://ogagym.net/oga/templates/test5.0/css/template.css
 
@charset "utf-8";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
* {
 
 
 
 
 
 
 
margin:0;
 
 
 
 
 
 
 
 
 
 
 
padding:0;
 
 
 
 
 
 
 
}
 
 
 
 
 
img { border: none;}
 
 
 
 
 
li,dd {
 
 
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
fieldset {
 
 
 
 
 
 
 
padding:.5em;
 
 
 
 
 
 
 
}
 
 
 
 
 
a {
 
	text-decoration: none;
 
}
 
 
 
 
 
a:link  {
 
	color: #861626;
 
}
 
 
 
a:visited {
 
	color: #861626;
 
}
 
 
 
a:active {
 
	 color: #bd1b32;
 
}
 
 
 
a:hover {
 
	 color: #bd1b32;
 
}
 
 
 
 
 
 
 
body {
 
	text-align:center; /*center hack*/
 
	background-color: #9c1000;
 
	background-image:url(../images/bg.jpg);
 
	background-repeat:repeat-x;
 
	font-family: Georgia, "Times New Roman", Times, serif;
 
	background-image:url(../images/ds_wrap_bg.jpg);
 
	background-repeat:repeat-y;
 
	background-position:center;
 
 
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#content60 {float:left;width:60%;overflow:hidden;}
 
 
 
 
 
 
 
#content80 {float:left;width:80%;overflow:hidden;}
 
 
 
 
 
 
 
#content100 {float:left;width:100%;overflow:hidden;}
 
 
 
 
 
 
 
 
 
 
 
#chev_center34 {float:left;width:34%;overflow:hidden;}
 
 
 
#chev_center67	{float:left;width:67%;overflow:hidden;}
 
 
 
#chev_center100 {float:left;width:100%;overflow:hidden;}
 
 
 
 
 
 
 
/*________________________________________________________Layout_____________________________________*/
 
 
 
 
 
 
 
 
 
 
 
/*#dropshadow {
 
width:990;
 
background-image:url(../images/ds_wrap_bg.jpg);
 
background-position:center;
 
width: auto !important; 
 
 
 
 
 
}*/
 
/*IE6 hack*/
 
 
 
#wrap {
 
 
 
 
 
 
 
	min-width:760px;
 
 
 
 
 
 
 
	max-width:960px;
 
 
 
 
 
 
 
	width: auto !important; /*IE6 hack*/
 
 
 
 
 
 
 
	width:960px; /*IE6 hack*/
 
 
 
 
 
 
 
	margin:0 auto; /*center hack*/
 
 
 
 
 
 
 
	text-align:left; /*center hack*/
 
 
 
	background-color:#FFFFFF;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
 
 
 
 
/*____________________Header____________________*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#header {
 
 
 
	color:#CCCCCC;
 
 
 
	background-color: #000000;
 
 
 
	background-image: url(../images/banner_bg.jpg);
 
 
 
	line-height: 121px;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#logo {
 
 
 
	background-repeat: no-repeat;
 
 
 
	background-image:url(../images/ban_logo.jpg);
 
 
 
 
        float: left;
 
 
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*__________________breadcrumbs_____________________*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#breadcrumbs {
 
 
 
 
 
	backfround-color: #ffffff;
 
	background-image: url(../images/bread_bg.jpg);
 
	background-repeat:repeat-x;
 
	line-height: 30px;
 
        padding-left: 10px;
 
 
 
 
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
#breadcrumbs  input {
 
 
 
 
 
 
 
	background:url(../images/search.gif) no-repeat;
 
 
 
 
 
 
 
	height:25px;
 
 
 
 
 
 
 
	width:177px;
 
 
 
 
 
 
 
	font:1em Arial, Helvetica, sans-serif;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#breadcrumbs  .search {
 
 
 
	float: right;
 
 
 
 
 
}
 
 
 
 
 
 
 
/*_____________ Landing Banner________________*/
 
 
 
 
 
 
 
#landing_banner {
 
 
 
 
 
 
 
	text-align:center;
 
 
 
 
 
 
 
	margin: 0 auto;
 
 
 
 
 
 
 
	background-color:#ffffff;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*_____________ Faux Columns___________________*/
 
 
 
 
 
 
 
/*#leftfauxcol {
 
 
 
 
 
 
 
	background:url(../images/left_faux.gif) 20% repeat-y 0 ;	
 
 
 
 
 
 
 
	float:left;
 
 
 
 
 
 
 
	width:100%;
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
#rightfauxcol {
 
 
 
 
 
 
 
	background:url(../images/right_faux.gif) repeat-y 80% 0;
 
 
 
 
 
 
 
	float:left;
 
 
 
 
 
 
 
	width:100%;
 
 
 
 
 
 
 
}
 
 
 
 
 
*/
 
 
 
 
 
 
 
 
 
/*____________ Content Columns___________________*/
 
 
 
 
 
 
 
#sidebar-1 {
 
	width:20%;
 
	overflow:hidden;
 
	float: left;
 
 
 
 
 
 
 
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#content {
 
 
 
	float:left;
 
 
 
	width:60%; 
 
 
 
	overflow:hidden; 
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#sidebar-2 {
 
 
 
	float:left;
 
 
 
	width:20%;
 
 
 
 	overflow:hidden;
 
 
 
 
 
 
 
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*____________ Bottom Content Columns___________________*/
 
 
 
 
 
 
 
#chev_left {
 
 
 
	float:left;
 
 
 
	width:33%; 
 
 
 
	overflow:hidden;
 
 
 
	background-color:#fff;
 
 
 
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#chev_center {
 
 
 
	float:left;
 
 
 
	width:34%;
 
 
 
	overflow:hidden;
 
 
 
	background-color:#fff;
 
 
 
 
 
 
 
 
 
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
#chev_right {
 
 
 
	float:left;
 
 
 
	width:33%;
 
 
 
	overflow:hidden;
 
 
 
	background-color:#fff; 
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
 
 
 
 
/*____________ footers ___________________*/
 
 
 
 
 
 
 
#footer {
 
 
 
 
 
 
 
clear:both;
 
text-align: center;
 
background-color: #000000;
 
background-image:url(../images/footer_bg.jpg);
 
background-repeat:repeat-x;
 
line-height:70px;
 
 
 
 
 
 
 
}
 
 
 
#footer img {
 
 
 
 
 
float: left;	
 
clear:both;
 
border: 1px solid blue;
 
 
 
 
 
 
 
 
 
}
 
 
 
#footer ul {
 
display:block; text-decoration:none;overflow:hidden;
 
}
 
 
 
 
 
 
 
 
 
 
 
#bottom {
 
	clear: both;
 
 
 
 
 
 
 
}
 
 
 
 
 
#bottom h2 {
 
	padding-top: .5 em;
 
	color:#000000;
 
	text-align: center;
 
	border-bottom: 1px solid;
 
}
 
 
 
 
 
 
 
 
 
#bottom img {
 
	border: none;
 
	clear: right;
 
	padding: 0.5em;
 
	display: inline;
 
 
 
 
 
 
 
 
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*______________________________________________ Classes _____________________________________________________*/
 
 
 
 
 
.img_fl {float:left;}
 
.img_fr {float:right;}
 
 
 
.inside {padding:10px;}
 
 
 
 
 
 
 
.clear {
 
	clear:both;
 
}
 
 
 
/*_______________________________________________More Specific Content______________________________________________*/
 
 
 
 
 
table.bio {
 
	width: 100%;
 
	background-color: #FFFFFF;
 
	text-align:left;
 
	marign:0;
 
	padding:0;
 
}
 
 
 
 
 
table.bio tr.white {
 
	background-color: white;
 
}
 
 
 
table.bio td {
 
	padding: 5px 10px;
 
	border: 2px solid;
 
	border-color: #861626;
 
}
 
http://ogagym.net/oga/templates/test5.0/css/nav.css
 
/* @group Horizontal dropdown suckerfish menu */
 
#nav {position:relative; margin:0;margin:0 auto; z-index:900;float:left;}
 
/* top level list (level 1)*/
   #nav ul {padding:0; margin:0;list-style-type: none;}
 
      #nav ul li {float:left; margin:0px; position:relative;}
 
         #nav ul li a, #nav ul li a:visited {display:block; text-decoration:none;overflow:hidden;}
 
/* 1st child list (level 2)*/
            #nav ul li ul {display: none;}
 
            #nav ul li:hover ul, #nav ul li.iehover ul {display:block; position:absolute;}/* This rule tells our submenu to appear on hover over parent */
 
/* 2nd child list (level 3)*/
                  #nav ul li:hover ul li ul, #nav ul li.iehover ul li ul {display: none;}
 
                     #nav ul li:hover ul li a, #nav ul li.iehover ul li a {display:block;}
 
                        #nav ul li:hover ul li:hover ul, #nav ul li.iehover ul li.iehover ul {display:block; position:absolute;}/* This rule tells our sub submenu to appear on hover over parent*/
 
/* 3rd child list (level 4)*/
                           #nav ul li:hover ul li:hover ul li ul, #nav ul li.iehover ul li.iehover ul li ul {display: none;}
 
                              #nav ul li:hover ul li ul li a, #nav ul li.iehover ul li ul li a {display:block;}
 
                                 #nav ul li:hover ul li:hover ul li:hover ul, #nav ul li.iehover ul li.iehover ul li.iehover ul {display:block; position:absolute;}/* This rule tells our sub submenu to appear on hover over parent*/
 
/* @end */
 
/* common styling */
 
#nav {border:none; width:100%; background-color:#861626; /*background-image:url(../images/hnav.jpg);*/}
   #nav ul {}
      #nav ul li {}
         #nav ul li a, #nav ul li a:visited {color:#fff;padding:0 10px; height:30px;border-right:1px solid #590814;line-height:30px; background-color:#861626;
		  /*background-image:url(../images/hnav.jpg);*/}
         #nav ul li a:hover, #nav ul li#current a.active, #nav a#active_menu-nav {color:#fff; background-color:#590814; /*background-image:url(../images/hnav_ro.jpg)*/;}
         #nav ul li:hover a, #nav ul li.iehover a {background-color:#000000; /*background-image:url(../images/hnav_ro.jpg);*/
}
 
/* top level parent */
 
 
         /* sbq 8/16/2008: #nav ul li.parent a:after {content: " >";} */
         /* sbq 8/16/2008: #nav ul li.parent li a:after {content: none;} */
         #nav ul li.parent a {
             background-image: url(../images/nav_white.gif);
             background-position: right center;
             background-repeat: no-repeat;
             padding-right: 20px;
         }
 
 
 
/* first sub-level list (tier 2 links) */
            #nav li#current ul li a {color:#fff; background-color:#861626;}
            #nav li#current ul li a:hover {color:#fff; background-color:#590814;} /*active items*/     
            #nav ul li ul {border-top:1px solid #590814; color:#fff; background-color:#590814; } /*border top of tier 2 color*/
            #nav ul li:hover ul, #nav ul li.iehover ul {top:30px; left:-1px; width:200px;}
            #nav ul li:hover ul li a, #nav ul li.iehover ul li a {background:#861626;color:#fff;width:200px;padding: 0px;text-indent:10px;border:1px solid #590814;border-top:0px;} /* change submenu, no rollover, border submenu links*/
            #nav ul li:hover ul li:hover a, #nav ul li.iehover ul li.iehover a {color: #CCCCCC;}
            /*change subemenu on rollover*/
 
 
/* first sub-level parent */
 
            /* sbq 8/16/2008: #nav ul li li.parent a:after {content: " >";} */
            /* sbq 8/16/2008: #nav ul li li.parent li a:after {content: none;} */
            #nav ul li ul li.parent a {
                background-image: url(../images/nav_white.gif);
                background-position: right center;
                background-repeat: no-repeat;
            }
            #nav ul li ul li.parent ul li a { background-image: none; }
 
/* Second sub-level list (tier 3 links)*/
 
                  #nav ul li:hover ul li ul, #nav ul li.iehover ul li ul {}
                     #nav ul li:hover ul li a, #nav ul li.iehover ul li a {color:#fff;}
                     #nav ul li:hover ul li a:hover, #nav ul li.iehover ul li a:hover {color:#fff; background-color:#770d1c;} /* roll over for sub menu items, tier 2*/
                     #nav ul li:hover ul li:hover ul, #nav ul li.iehover ul li.iehover ul {display:block; position:absolute; left:201px; top:-1px;}
 
/* second sub-level parent */
 
                     /* sbq 8/16/2008: #nav ul li li li.parent a:after {content: " >";} */
                     /* sbq 8/16/2008: #nav ul li li li.parent li a:after {content: none;} */
                     #nav ul li ul li ul li.parent a {
                         background-image: url(../images/nav_white.gif);
                         background-position: right center;
                         background-repeat: no-repeat;
                     }
                     #nav ul li ul li ul li.parent ul li a { background-image: none; }
 
/* Third sub-level list (tier 4 links)*/
 
                  #nav ul li:hover ul li ul li ul, #nav ul li.iehover ul li ul li ul {}
                     #nav ul li:hover ul li ul li a, #nav ul li.iehover ul li ul li a {color:#fff;}
                     #nav ul li:hover ul li ul li a:hover, #nav ul li.iehover ul li ul li a:hover {color:#fff; background-color:#770d1c;}/* roll over for sub menu items, tier 3 and 4*/
                     #nav ul li:hover ul li:hover ul li:hover ul, #nav ul li.iehover ul li.iehover ul li.iehover u {display:block; position:absolute; left:201px; top:-1px;}
 
/* @end horizontal menu */
 
 
 
 
 
 
 
/*begin vertical menu*/
 
#sidebar-1 {
	text-align:center;
	margin:0;
	background-color: #CCCCCC
}
 
#sidebar-1 ul {
	width: 100%;
	padding:0 0 5em 0;
}
 
 
#sidebar-1 li {
	list-style-type:none;
	padding-bottom:0;
	margin:0;
	border-bottom: 1px solid #999999;
	font-size: 1.2em;
}
 
 
#sidebar-1 a:link,
#sidebar-1 a:visited {
	display:block;
	line-height:50px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/vnav.jpg);
	background-repeat: repeat-x;
 
 
 
	/* to make this work as a vertical nav I had to make sure the block element was in the same tag as the width and heigth*/
}
 
#sidebar-1 a:hover, #sidebar-1 a:active {
	color:#fff;
	background:#000;
	background-image:url(../images/vnav_ro.jpg);
 
	/*background-image:url(../images/vnav_ro.jpg);*/
 
 }
 
http://ogagym.net/oga/templates/test5.0/css/left_nav.css
 
#sidebar-1{
 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
 
#sidebar-1 ul {
	text-align: left;
	width: 160px;
	margin: 0;
	padding: 0;
	}
 
#sidebar-1 li {
	list-style-type:none;
	padding: 0 0 1px 0;
}
 
#sidebar-1 li a {
	height: 55px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 47px;
	text-decoration: none;
	padding-bottom:1px;
	}	
 
#sidebar-1 li a:link, #sidebar-1 li a:visited {
	color: #85868A;
	display: block;
	background-image: url(../images/vnav.jpg);
	background-repeat: no-repeat;
	padding: 8px 0 0 15px;
	}
 
#sidebar-1 li a:hover, #sidebar-1 li a:active {
	color: #7a0e12;
	background-image: url(../images/vnav.jpg);
	background-position: 0 -55px;
	padding: 8px 0 0 15px;
	}
 
http://ogagym.net/oga/templates/test5.0/css/components.css
 
/*  ####################   Formulare   #####################  */
 
form.limit {
 
}
 
 
 
form.login {
 
background:#871628;
 
color:#000;
 
font-size:0.9em;
 
margin:5px 0 20px;
 
padding:10px 10px 20px 15px;
 
text-align:left;
 
}
 
 
 
form.login .inputbox:focus {
 
border:solid 2px #000;
 
}
 
 
 
form.login p {
 
clear:both;
 
border:solid 0 #000;
 
font-size:1em;
 
}
 
 
 
form.login .button {
 
background:url(../images/pfeil.gif) #C39 no-repeat;
 
clear:left;
 
color:#fff;
 
display:block;
 
font-weight:bold;
 
margin:0 0 10px !important;
 
padding:0 0 0 30px !important;
 
cursor:pointer;
 
border:solid 0;
 
}
 
 
 
form.login fieldset {
 
border:solid 0 #000;
 
margin:0;
 
padding:0;
 
text-align:left;
 
}
 
 
 
form.login input {
 
background:#fff;
 
border:solid 2px #C39;
 
color:#000;
 
padding:2px 2px 0;
 
width:90%;
 
}
 
 
 
form.login input.checkbox {
 
background:none;
 
border:solid 0 #000;
 
float:left;
 
margin:11px 0 0;
 
padding:5px;
 
width:20px;
 
}
 
 
 
form.login label {
 
color:#000;
 
display:block;
 
font-weight:bold;
 
margin:5px 0 0;
 
padding:2px 2px 0;
 
}
 
 
 
form.login label.remember {
 
float:left;
 
margin:5px 0 20px;
 
padding:5px 0 0;
 
width:11em;
 
}
 
 
 
form.login p {
 
color:#000;
 
}
 
 
 
form.login p a {
 
color:#000;
 
}
 
 
 
form.login p a:hover,form.login p a:active,form.login p a:focus {
 
color:#000;
 
text-decoration:none;
 
}
 
 
 
form.lost_password .button,.login_form .button {
 
background:url(../images/pfeil.gif) #000 no-repeat;
 
border:0;
 
color:#fff;
 
font-weight:bold;
 
margin:0;
 
padding:0 0 0 30px;
 
cursor:pointer;
 
}
 
 
 
/* ################# poll ################ */
 
.poll {
 
padding:20px 20px 20px 0;
 
}
 
 
 
form.poll fieldset {
 
border:0 solid #000;
 
margin:0 0 10px;
 
padding:0;
 
}
 
 
 
form.registration input,form.lost_password input,.login_form input {
 
border:solid 2px #871628;
 
}
 
 
 
form.registration label,form.lost_password label,.login_form label {
 
display:block;
 
float:left;
 
font-weight:normal;
 
width:12em;
 
}
 
 
 
/* #####################  form.registration ################ */
 
form.search_result,form.registration,form.lost_password,.login_form {
 
background:#fff;
 
border:solid 0 #871628;
 
margin:15px 10px 0;
 
padding:0;
 
position:relative;
 
}
 
 
 
.search_result .button,form.registration .button {
 
background:url(../images/pfeil.gif) #000 no-repeat;
 
border:0;
 
color:#fff;
 
font-weight:bold;
 
margin:10px 0 0;
 
padding:0 5px 0 30px;
 
cursor:pointer;
 
}
 
 
 
.registration fieldset p {
 
margin:10px 0;
 
}
 
 
 
.registration div,.login_form div,.lost_password div {
 
margin:5px 0;
 
}
 
 
 
/* ########################## search ############################ */
 
.searchintro {
 
font-weight:normal;
 
margin:0 0 20px;
 
}
 
 
 
.searchintro img {
 
display:inline; border:0px
 
}
 
 
 
.display {
 
margin:20px 0 0;
 
text-align:right;
 
}
 
 
 
.filter {
 
margin:10px 0 0;
 
}
 
 
 
.inputbox:focus {
 
border:solid 2px #000;
 
}
 
 
 
.highlight {
 
font-weight:bold;
 
}
 
 
 
fieldset.word,fieldset.only {
 
border:solid 1px #ccc;
 
}
 
 
 
.only {
 
border:solid 0;
 
margin:10px 0 0 10px;
 
padding:5px 10px;
 
line-height:1.3em;
 
}
 
 
 
.word {
 
background:#fff;
 
padding:10px 10px 10px 0;
 
border:solid 0 !important;
 
}
 
 
 
.word input {
 
background:#fff;
 
border:solid 2px #999;
 
color:#871628;
 
font-weight:bold;
 
margin:0 0 0 10px;
 
padding:2px;
 
}
 
 
 
.phrase {
 
color:#000;
 
margin:10px 10px 10px 0;
 
padding:10px;
 
width:60%;
 
border:solid 1px #ccc;
 
float:left;
 
}
 
 
 
/*Selects*/
 
.phrase .inputbox {
 
background:#fff;
 
color:#000;
 
display:block;
 
height:1.5em;
 
margin-top:10px;
 
width:12em;
 
}
 
 
 
.phrase .inputbox option {
 
background:#EFDEEA;
 
border-bottom:solid 1px #333;
 
padding:2px;
 
}
 
 
 
.phrase .inputbox option a:hover {
 
background:#C00;
 
border-color:#CFD0D6;
 
color:#fff;
 
}
 
 
 
.search_result legend {
 
border-bottom:solid 0 #000;
 
background:#fff;
 
}
 
 
 
/* ########################### contacts ########################### */
 
div.contact {
 
margin:10px 0;
 
}
 
 
 
address {
 
font-style:normal;
 
margin:10px 0;
 
}
 
 
 
address p {
 
line-height:1em;
 
}
 
 
 
.contact label {
 
float:left;
 
font-weight:bold;
 
width:14em;
 
margin:10px 0 0;
 
}
 
 
 
span.marker {
 
margin:0 10px 0 0;
 
}
 
 
 
.contact_email_checkbox label {
 
float:none !important;
 
}
 
 
 
.contact label.copy {
 
width:90%;
 
padding:0 0 0 10px;
 
}
 
 
 
.contact form {
 
background:#EFDEEA;
 
color:#000;
 
padding:20px;
 
margin:10px 0;
 
}
 
 
 
.contact input {
 
background:#fff;
 
border:solid 2px #C39;
 
color:#000;
 
padding:2px 2px 0;
 
margin:10px 0 0;
 
}
 
 
 
.contact .button {
 
background:url(../images/pfeil.gif) #000 no-repeat;
 
border:0;
 
color:#fff;
 
font-weight:bold;
 
margin:20px 10px 0 0;
 
padding:0 0 0 30px;
 
cursor:pointer;
 
}
 
 
 
label.textarea {
 
float:none !important;
 
margin:10px 0;
 
display:block;
 
width:100%;
 
}
 
 
 
#contact_text {
 
width:80%;
 
height:150px;
 
}
 
 
 
.contact input.invalid,.contact textarea.invalid {
 
border:solid 2px red;
 
}
 
 
 
.contact label.invalid {
 
color:red;
 
}
 
 
 
/*#################### tabellen ############################ */
 
table.newsfeed {
 
border:solid 1px;
 
}
 
 
 
table.newsfeeds td,table.weblinks td,table.category td {
 
border-right:solid 1px #EEE;
 
padding:5px;
 
}
 
 
 
table.newsfeeds th,table.weblinks th,table.category th {
 
background:#EEE;
 
padding:5px;
 
}
 
 
 
table.newsfeeds,table.weblinks,table.category {
 
border:solid 1px #eee;
 
font-size:1em;
 
margin:20px 0;
 
}
 
 
 
/* category table */
 
#count {
 
width:10%;
 
}
 
 
 
#tableOrdering {
 
width:70%;
 
}
 
 
 
#author {
 
width:20%;
 
}
 
 
 
/*  polls */
 
poll .polls_color_1,.poll .polls_color_2,.poll .polls_color_3,.poll .polls_color_4,.poll .polls_color_5 {
 
border:solid 1px;
 
position:relative;
 
}
 
 
 
.poll h3 {
 
color:#932467;
 
border:solid 0;
 
margin:20px 0;
 
}
 
 
 
.poll .td_2 {
 
width:100px;
 
}
 
 
 
.poll .td_3 {
 
width:300px;
 
}
 
 
 
.poll form {
 
margin:20px 0;
 
}
 
 
 
.poll table {
 
font-size:1em;
 
width:auto;
 
border:solid 0;
 
position:relative;
 
}
 
 
 
.poll table .td_1 {
 
width:30px;
 
}
 
 
 
.poll table caption {
 
color:#871628;
 
font-size:1em;
 
font-weight:bold;
 
margin:10px 0;
 
text-align:left;
 
}
 
 
 
.poll td {
 
border:solid 1px #ddd;
 
padding:2px;
 
}
 
 
 
.poll td.line {
 
width:300px;
 
}
 
 
 
.poll th {
 
background:#EEE;
 
border:solid 1px #ccc;
 
}
 
 
 
.question {
 
font-weight:bold;
 
}
 
 
 
 
 
p.syndicate {
 
float:left;
 
display:block;
 
text-align:left;
 
}
 
 
 
#footer a {
 
color:#fff;
 
}
 
 
 
/* Error Message contact form */
 
p.error {
 
color:#871628;
 
background:#F2E3ED;
 
border-top:3px solid #871628;
 
border-bottom:3px solid #871628;
 
padding:10px;
 
}
 
 
 
body.contentpane {
 
background:#fff;
 
width:auto;
 
margin:10px;
 
line-height:1.4em;
 
text-align:left;
 
}
 
 
 
.tool-tip {
 
font-size:0.8em;
 
}
 
 
 
.tool-title {
 
font-weight:bold;
 
}
 
 
 
/* form validation */
 
.invalid {
 
border-color:red !important;
 
}
 
 
 
label.invalid {
 
color:red;
 
}
 
 
 
/* editor */
 
.contentpaneopen_edit{
 
	float: left;
 
}
 
 
 
.contentpaneopen_edit img
 
{	border:0
 
}
 
 
 
form.editor legend {
 
font-size:1.2em;
 
font-weight:bold;
 
padding:2px;
 
}
 
 
 
form.editor fieldset {
 
border:solid 1px #ccc;
 
padding:20px;
 
margin:10px 0;
 
}
 
 
 
form.editor .publishing label {
 
float:left;
 
width:14em;
 
font-weight:bold;
 
}
 
 
 
form.editor .publishing div {
 
margin:5px 0;
 
}
 
 
 
form.editor .publishing .radio label {
 
float:none;
 
width:14em;
 
}
 
 
 
form.editor .publishing .radio label span {
 
float:left;
 
width:14em;
 
}
 
 
 
form.editor fieldset.metadata label {
 
float:none !important;
 
display:block;
 
font-weight:bold;
 
}
 
 
 
.save {
 
text-align:right;
 
padding:10px 0;
 
}
 
 
 
/* user */
 
form.user {
 
margin:10px 0;
 
}
 
 
 
form.user label {
 
width:40%;
 
float:left;
 
}
 
 
 
/* article index */
 
table.contenttoc {
 
border:solid 1px #ccc;
 
padding:10px;
 
margin:10px;
 
}
 
 
 
.pagenavcounter {
 
font-weight:bold;
 
}
 
 
 
 
 
 
 
/* Advertisement */
 
 
 
.moduletable_text
 
{margin:10px}
 
 
 
.banneritem_text
 
{
 
margin: 10px 0 10px 0;
 
background:#f5f5f5;
 
padding:5px;
 
border:solid 1px #eee
 
}
 
http://ogagym.net/oga/templates/test5.0/css/type.css
 
@charset "utf-8";
/* CSS Document */
 
body {
	font-family: Georgia, "Times New Roman", Times, serif;  
	font-size: 1 em;
	text-align: left;
}
 
h1 {
	font-size: 1.6em;
	font-weight: bold;
 
}
 
 
h2 {
	font-size: 1.5em;
 
 
}
 
h3 {
	font-size: 1.3em;
 
 
}
 
h4 {
	font-size: 1.2em;
}
 
h5 {
	font-size: 1 em;
	color: #871628;
 
}
 
h6 {
	font-size: .8em;
 
}
 
p {
	font-size: 1em;
 
}
 
strong {
	font-weight: bold;
}
 
 
/*weird special character */
 
ul {
	padding: .5em 0 .5em 2em;
	list-style-type: circle;
	display: block;
}
 
 
 
/*Content Styles*/
 
.componentheading {
	font-size: 2.5em;
	color: #666666;
	text-align: center;
	border-bottom: 3px #A3A3A3 solid;
	border-top:3px #A3A3A3 solid;
	font-weight:normal;
	padding: 10px 0;
	margin-bottom: 10px;
}
 
.contentheading {
	font-size: 1.8em;
	color: #871628;
	font-weight:normal;
}
/* styles for articles */
 
.createdby {
	color:#939393;
	display:block;
	font-size:0.85em;
	padding:0 0 0 5px;
 
}
 
.modifydate {
	color:#939393;
	display:block;
	font-size:0.85em;
	padding:0 0 0 5px;
 
}
 
.createdate {
	color:#939393;
	display:block;
	font-size:0.85em;
	padding:0 0 0 5px;
 
}
 
/*Navigation text*/
 
http://ogagym.net/oga/templates/test5.0/css/ie_hacks.css
 
/* ie6 css hacks should go in here */
ul#access li {display:inline;}
#nav ul li a, #nav ul li a:visited {display:inline;}
 
/* fix for IE display issue */
#LoadFirst {height: 1%;} /* we apply a height expression so that ie6 accepts the has content rule */
 
#right {position: relative; top: 0px; left: 0px; height: 1%; padding:0px;} /* we position the right column relative to it's parent container div#BodyContent. The right column container is positioned 0 pixels from the top edge of its parent container div#BodyContent and 0 pixels from the left of its parent container's top left corner, but because we have already loaded the #LoadFirst container the right column is positioned 0 pixels from its top right corner we also apply a height expression so that ie6 accepts the has content rule */