Need some help adding a white rounded background to my site in the maincolumn

Hi,
On this site here http://amandawatson.com.au/ronin/websites.html

I would like to add a white background for the main content like shown in this picture here attached.

Can someone help me to implement this?

This link here shows some styles http://demo.rockettheme.com/sep09/features/module-variations 

You can add module suffixes for this but I am not sure how to do it for the maincol?

Thanks for your help and time
LVL 11
Amanda WatsonWeb DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

andrewbleakleyCommented:
why can't you change the CSS template.css (about line 116) to

#maincol {
     background-color:#FFFFFF;
     position:relative;
}
0
Bob StoneIT GuruCommented:
Here is a script for an auto-resizing box with one image.

Just change the color to fit.  Use the bit on the bottom of the css to have more than one colored box.
CSS
/* Rounded box */
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:850px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;

 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/dialog-white.png) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 20px 10px 10px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

.dialog.type2 .content,
.dialog.type2 .t,
.dialog.type2 .b,
.dialog.type2 .b div {
 background-image:url(images/dialog-blue.png); /* for another box of a different color */
}
/* Rounded box end */

HTML 
<div class="dialog"><!-- box -->
 <div class="content">
  <div class="t"></div>

Content of box here

 </div><!-- content -->
 <div class="b"><div></div></div>
</div><!-- end box -->

Open in new window

dialog-white.png
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Amanda WatsonWeb DeveloperAuthor Commented:
Hi There,
I have it showing but I can't get it to show in the right spot

Can you help with my index.php  its attached..

See this link here..http://amandawatson.com.au/ronin/case-studies.html

Its nearly working?

<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
require( YOURBASEPATH.DS."styles.php");
require( YOURBASEPATH.DS."rt_styleswitcher.php");
JHTML::_( 'behavior.mootools' );
global $template_real_width, $leftcolumn_width, $rightcolumn_width, $tstyle;
global $js_compatibility, $menu_rows_per_column, $menu_columns, $menu_multicollevel;
global $header_style, $body_style, $menu_name;
global $f_enablejs, $f_enable_current, $f_subsoffset_top, $f_subsoffset_left, $f_vertical_animation;
global $f_vertical_duration, $f_horizontal_animation, $f_horizontal_duration, $sm_enable_current;

$live_site        		= $mainframe->getCfg('live_site');
$template_path 			= $this->baseurl . '/templates/' .  $this->template;

$preset_style 			= $this->params->get("presetStyle", "style1");
$header_style 			= $this->params->get("headerStyle", "style1");
$body_style 			= $this->params->get("bodyStyle", "light");

$frontpage_component    = $this->params->get("enableFrontpage", "show");
$enable_ie6warn         = ($this->params->get("enableIe6warn", 0)  == 0)?"false":"true";
$font_family            = $this->params->get("fontFamily", "optima");
$enable_fontspans       = ($this->params->get("enableFontspans", 1)  == 0)?"false":"true";
$enable_inputstyle		= ($this->params->get("enableInputstyle", 1) == 0)?"false":"true";
$inputs_exclusion		= $this->params->get("inputsExclusion", "'.content_vote'");

$template_width 		= $this->params->get("templateWidth", "982");
$leftcolumn_width		= $this->params->get("leftcolumnWidth", "260");
$rightcolumn_width		= $this->params->get("rightcolumnWidth", "260");
$leftinset_width		= $this->params->get("leftinsetWidth", "180");
$rightinset_width		= $this->params->get("rightinsetWidth", "180");
$splitmenu_col			= $this->params->get("splitmenuCol", "rightcol");
$menu_name 				= $this->params->get("menuName", "mainmenu");
$menu_type 				= $this->params->get("menuType", "fusion");
$default_font 			= $this->params->get("defaultFont", "default");
$show_logo		 		= ($this->params->get("showLogo", 1)  == 0)?"false":"true";
$show_textsizer			= ($this->params->get("showTextsizer", 1)  == 0)?"false":"true";
$show_date		 		= ($this->params->get("showDate", 0)  == 0)?"false":"true";
$clientside_date		= ($this->params->get("clientSideDate", 0) == 0)?"false":"true";
$show_topbutton 		= ($this->params->get("showTopbutton", 1)  == 0)?"false":"true";
$show_copyright 		= ($this->params->get("showCopyright", 1)  == 0)?"false":"true";
$copyright_text			= $this->params->get("copyrightText", "Copyright 2009, All Rights Reserved");
$js_compatibility	 	= ($this->params->get("jsCompatibility", 0)  == 0)?"false":"true";

// fusion menu
$f_enablejs             = ($this->params->get('roknavmenu_fusion_enable_js', 1) == 0)?"false":"true";
$f_opacity				= $this->params->get('roknavmenu_fusion_opacity', 1);
$f_effect				= $this->params->get('roknavmenu_fusion_effect', 'slidefade');
$f_hidedelay			= $this->params->get('roknavmenu_fusion_hidedelay', 500);
$f_menu_animation 		= $this->params->get('roknavmenu_fusion_menu_animation', 'Quad.easeOut');
$f_menu_duration	    = $this->params->get('roknavmenu_fusion_menu_duration', 400);
$f_pill		            = $this->params->get('roknavmenu_fusion_pill', 0);
$f_pill_animation 		= $this->params->get('roknavmenu_fusion_pill_animation', 'Back.easeOut');
$f_pill_duration 		= $this->params->get('roknavmenu_fusion_pill_duration', 400 );
$f_tweakInitial_x 		= $this->params->get('roknavmenu_fusion_tweakInitial_x', '0');
$f_tweakInitial_y 		= $this->params->get('roknavmenu_fusion_tweakInitial_y', '0');
$f_tweakSubsequent_x 	= $this->params->get('roknavmenu_fusion_tweakSubsequent_x', '0');
$f_tweakSubsequent_y 	= $this->params->get('roknavmenu_fusion_tweakSubsequent_y', '0');
$f_enable_current       = ($this->params->get('roknavmenu_fusion_enable_current_id', 0) == 0)?"false":"true";

// splitmenu
$sm_enable_current       = ($this->params->get('roknavmenu_splitmenu_enable_current_id', 0) == 0)?"false":"true";

								
require(YOURBASEPATH . "/rt_styleloader.php");

?>

<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
	<head>
		<jdoc:include type="head" />
		<?php
		require(YOURBASEPATH . DS . "rt_utils.php");
		require(YOURBASEPATH . DS . "rt_head_includes.php");
	?>
	</head>
	<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> body-<?php echo $body_style; ?> head-<?php echo $header_style; ?> <?php echo $pageclass; ?> iehandle">
	<!--Begin Header-->
	<div id="header-bg">
		<!--Begin Horizontal Menu-->
		<?php if($mtype != "none") : ?>
		<div id="horiz-menu" class="<?php echo $mtype; ?>">
			<div class="wrapper">
				<div class="padding">
					<div id="horizmenu-surround">
					<?php if($mtype != "module") : ?>
						<?php echo $topnav; ?>
					<?php else: ?>
						<jdoc:include type="modules" name="toolbar" style="none" />
					<?php endif; ?>
					</div>
				<div class="clr"></div>
				</div>
			</div>
		</div>
		<?php endif; ?>
		<!--End Horizontal Menu-->
		<!--Begin Showcase-->
		<?php $mClasses = modulesClasses('case1'); if ($this->countModules('showcase or showcase2 or showcase3') or $show_logo == "true" or $this->countModules('logo')) : ?>
		<div class="wrapper">
			<div id="showcase-section">
				<!--Begin Logo-->
				<?php if ($this->countModules('logo') or $this->countModules('logo2') or $show_logo="true") : ?>
				<div class="logo-module">
					<?php if ($this->countModules('logo')) : ?>
					<jdoc:include type="modules" name="logo" style="xhtml" />
					<?php elseif ($show_logo == "true") : ?>
					<a href="<?php echo $this->baseurl; ?>" id="logo"></a>
					<?php endif; ?>
					<?php if ($this->countModules('logo2')) : ?>
					<jdoc:include type="modules" name="logo2" style="xhtml" />
					<?php endif; ?>
				</div>
				<?php endif; ?>
				<!--End Logo-->
				<?php if ($this->countModules('feature')) : ?>
				<div class="feature-module">
					<jdoc:include type="modules" name="feature" style="showcase" />
				</div>
				<div class="clr"></div>
				<?php endif; ?>
				<?php if ($this->countModules('banner')) : ?>
				<div class="banner-module">
					<jdoc:include type="modules" name="banner" style="main" />
				</div>
				<?php endif; ?>
				<div class="clr"></div>
				<?php $mClasses = modulesClasses('case1'); if ($this->countModules('showcase or showcase2 or showcase3')) : ?>
				<div id="showmodules" class="spacer<?php echo $showmod_width; ?>">
					<?php if ($this->countModules('showcase')) : ?>
					<div class="block <?php echo $mClasses['showcase'][0]; ?>">
						<jdoc:include type="modules" name="showcase" style="showcase" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('showcase2')) : ?>
					<div class="block <?php echo $mClasses['showcase2'][0]; ?>">
						<jdoc:include type="modules" name="showcase2" style="showcase" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('showcase3')) : ?>
					<div class="block <?php echo $mClasses['showcase3'][0]; ?>">
						<jdoc:include type="modules" name="showcase3" style="showcase" />
					</div>
					<?php endif; ?>
				</div>
				<?php endif; ?>
			</div>
		</div>
		<?php endif; ?>
		<!--End Showcase-->
	</div>
	<!--End Header-->
	<!--Begin Top Bar-->
	<?php if ($show_textsizer=="true" or $show_date=="true" or $this->countModules('top-left or top-right or search')) : ?>
	<div id="top-bar">
		<div class="wrapper">
			<div class="padding">
				<!--Begin Top Left Tools-->
				<?php if ($this->countModules('top-left')) : ?>
				<div id="topleft-mod"><jdoc:include type="modules" name="top-left" style="xhtml" /></div>
				<?php elseif ($show_date == "true"): ?>
				<div class="date-block">
				    <?php $now = &JFactory::getDate(); ?>
					<span class="date1"><?php echo $now->toFormat('%A'); ?></span>
					<span class="date2"><?php echo $now->toFormat('%B'); ?></span>
					<span class="date3"><?php echo $now->toFormat('%d'); ?> ,</span>
					<span class="date4"><?php echo $now->toFormat('%Y'); ?></span>
				</div>
				<?php endif; ?>
				<!--End Top Left Tools-->
				<!--Begin Top Right Tools-->
				<?php if ($this->countModules('top-right')) : ?>
				<div id="topright-mod"><jdoc:include type="modules" name="top-right" style="xhtml" /></div>
				<?php elseif ($show_textsizer=="true" or $this->countModules('search')) : ?>
				<?php if ($show_textsizer=="true") : ?>
				<div id="accessibility">
					<div class="textsizer-desc"><?php echo JText::_('TEXT_SIZE'); ?></div>
					<div id="buttons">
						<a href="<?php echo JROUTE::_($thisurl . "fontstyle=f-larger"); ?>" title="<?php echo JText::_('INC_FONT_SIZE'); ?>" class="large"><span class="button">&nbsp;</span></a>
						<a href="<?php echo JROUTE::_($thisurl . "fontstyle=f-smaller"); ?>" title="<?php echo JText::_('DEC_FONT_SIZE'); ?>" class="small"><span class="button">&nbsp;</span></a>
					</div>
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('search')) : ?>
				<div id="searchmod"><jdoc:include type="modules" name="search" style="xhtml" /></div>
				<?php endif; ?>
				<?php endif; ?>
				<!--End Top Right Tools-->
				<div class="clr"></div>
			</div>
		</div>
	</div>
	<?php endif; ?>
	<!--End Top Bar-->
	<!--Begin Main Body-->
	<div id="main-body">
		<div id="main-content" class="<?php echo $col_mode; ?>">
		    <div class="colmask leftmenu <?php if (rok_isIe(6)) echo 'wrapper'; ?>"><?php if (!rok_isIe(6)):?><div class="wrapper"><?php endif; ?>
		        <div class="colmid">
		    	    <div class="colright">
				       <!--Begin Main Column (col1wrap)-->   
					    <div class="col1wrap">
					        <div class="col1pad">
					            <div class="col1">
							        <div id="maincol">
										<?php if ($this->countModules('breadcrumb')) : ?>
    									<div id="breadcrumbs">
											<a href="<?php echo $this->baseurl; ?>" id="breadcrumbs-home"></a>
    										<jdoc:include type="modules" name="breadcrumb" style="none" />
    									</div>
    									<?php endif; ?>
										<?php $mClasses = modulesClasses('case2'); if ($this->countModules('user1 or user2 or user3')) : ?>
					<div id="mainmodules" class="spacer<?php echo $mainmod_width; ?>">
    										<?php if ($this->countModules('user1')) : ?>
    										<div class="block <?php echo $mClasses['user1'][0]; ?>">
    											<jdoc:include type="modules" name="user1" style="main" />
    										</div>
    										<?php endif; ?>
    										<?php if ($this->countModules('user2')) : ?>
    										<div class="block <?php echo $mClasses['user2'][0]; ?>">
    											<jdoc:include type="modules" name="user2" style="main" />
    										</div>
    										<?php endif; ?>
    										<?php if ($this->countModules('user3')) : ?>
    										<div class="block <?php echo $mClasses['user3'][0]; ?>">
    											<jdoc:include type="modules" name="user3" style="main" />
    										</div>
    										<?php endif; ?>
    									</div>
    									<?php endif; ?>
						<div class="bodycontent">
    										<?php if ($this->countModules('inset2') and !$editmode) : ?>
    										<div id="inset-block-right">
    											<jdoc:include type="modules" name="inset2" style="main" />
    										</div>
    										<?php endif; ?>
    										<?php if ($this->countModules('inset') and !$editmode) : ?>
    										<div id="inset-block-left">
    											<jdoc:include type="modules" name="inset" style="main" />
    										</div>
    										<?php endif; ?>

<div class="dialog"><!-- box -->
 <div class="content">
  <div class="t"></div>
    				
    										<div id="maincontent-block">
												<jdoc:include type="message" />
												<?php if (!($frontpage_component == 'hide' and JRequest::getVar('view') == 'frontpage')): ?>
												<jdoc:include type="component" />
												<?php endif; ?>
    										</div>

</div><!-- content -->
 <div class="b"><div></div></div>
</div><!-- end box -->
    									</div>
    									<div class="clr"></div>
       									<?php $mClasses = modulesClasses('case3'); if ($this->countModules('user4 or user5 or user6')) : ?>
       									<div id="mainmodules2" class="spacer<?php echo $mainmod2_width; ?>">
       										<?php if ($this->countModules('user4')) : ?>
       										<div class="block <?php echo $mClasses['user4'][0]; ?>">
       											<jdoc:include type="modules" name="user4" style="main" />
       										</div>
       										<?php endif; ?>
       										<?php if ($this->countModules('user5')) : ?>
       										<div class="block <?php echo $mClasses['user5'][0]; ?>">
       											<jdoc:include type="modules" name="user5" style="main" />
       										</div>
       										<?php endif; ?>
       										<?php if ($this->countModules('user6')) : ?>
       										<div class="block <?php echo $mClasses['user6'][0]; ?>">
       											<jdoc:include type="modules" name="user6" style="main" />
       										</div>
       										<?php endif; ?>
       									</div>
       									<?php endif; ?>
									</div>    
								</div>
					        </div>
					    </div>


					    <!--End Main Column (col1wrap)-->
				        <!--Begin Left Column (col2)-->
				        <?php if ($leftcolumn_width != 0) : ?>
					    <div class="col2">
							<div id="leftcol">
								<?php if ($subnav and $splitmenu_col=="leftcol") : ?>
									<?php echo $subnav; ?>
								<?php endif; ?>
								<jdoc:include type="modules" name="left" style="main" />
								<?php if (!isset($active)) :?>
								<jdoc:include type="modules" name="inactive" style="main" />    
								<?php endif; ?>
							</div>
					    </div>
					    <?php endif; ?> 
					    <!--End Left Column (col2)-->
					    <!--Begin Right Column (col3)-->
					    <?php if ($rightcolumn_width != 0) : ?>
					    <div class="col3">
							<div id="rightcol">
								<?php if ($subnav and $splitmenu_col=="rightcol") : ?>
								<div class="sidenav-block">
									<?php echo $subnav; ?>
								</div>
								<?php endif; ?>
								<jdoc:include type="modules" name="right" style="main" />
							</div>
					    </div>
					    <?php endif; ?> 
					    <!--End Right Column (col3)-->
					</div>
				</div>
			</div><?php if (!rok_isIe(6)):?></div><?php endif; ?>
		</div>
		<!--Begin Main Bottom-->
		<?php $mClasses = modulesClasses('case5'); if ($this->countModules('user7 or user8 or user9')) : ?>
		<div id="bottom-main">
			<div class="wrapper">
				<div id="mainmodules3" class="spacer<?php echo $mainmod3_width; ?>">
					<?php if ($this->countModules('user7')) : ?>
					<div class="block <?php echo $mClasses['user7'][0]; ?>">
						<jdoc:include type="modules" name="user7" style="main" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('user8')) : ?>
					<div class="block <?php echo $mClasses['user8'][0]; ?>">
						<jdoc:include type="modules" name="user8" style="main" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('user9')) : ?>
					<div class="block <?php echo $mClasses['user9'][0]; ?>">
						<jdoc:include type="modules" name="user9" style="main" />
					</div>
					<?php endif; ?>
				</div>
			</div>
		</div>
		<?php endif; ?>	
		<!--End Main Bottom-->
	</div>
	<!--End Main Body-->
	<!--Begin Bottom Section-->
	<?php $mClasses = modulesClasses('case4'); if ($this->countModules('bottom or bottom2 or bottom3')) : ?>
	<div id="bottom">
		<div class="wrapper">
			<div id="mainmodules4" class="spacer<?php echo $mainmod4_width; ?>">
				<?php if ($this->countModules('bottom')) : ?>
				<div class="block <?php echo $mClasses['bottom'][0]; ?>">
					<jdoc:include type="modules" name="bottom" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('bottom2')) : ?>
				<div class="block <?php echo $mClasses['bottom2'][0]; ?>">
					<jdoc:include type="modules" name="bottom2" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('bottom3')) : ?>
				<div class="block <?php echo $mClasses['bottom3'][0]; ?>">
					<jdoc:include type="modules" name="bottom3" style="main" />
				</div>
				<?php endif; ?>
			</div>
		</div>
	</div>
	<?php endif; ?>
	<!--End Bottom Section-->
	<!--Begin Footer-->
	<?php $mClasses = modulesClasses('case6'); if ($this->countModules('footer or footer2 or footer3 or footer4') or $show_copyright == "true" or $show_topbutton == "true") : ?>
	<div id="footer">
		<div class="wrapper">
			<?php $mClasses = modulesClasses('case6'); if ($this->countModules('footer or footer2 or footer3')) : ?>
			<div id="mainmodules5" class="spacer<?php echo $mainmod5_width; ?>">
				<?php if ($this->countModules('footer')) : ?>
				<div class="block <?php echo $mClasses['footer'][0]; ?>">
					<jdoc:include type="modules" name="footer" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('footer2')) : ?>
				<div class="block <?php echo $mClasses['footer2'][0]; ?>">
					<jdoc:include type="modules" name="footer2" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('footer3')) : ?>
				<div class="block <?php echo $mClasses['footer3'][0]; ?>">
					<jdoc:include type="modules" name="footer3" style="main" />
				</div>
				<?php endif; ?>
			</div>
			<?php endif; ?>
			<!--Begin Copyright Section-->
			<?php if ($this->countModules('footer4') or $show_copyright == "true" or $show_topbutton == "true") : ?>
			<div class="copyright-block">
			<?php if ($this->countModules('footer or footer2 or footer3')) : ?>
			<div class="footer-div"></div>
			<?php endif; ?>
			<?php if ($show_copyright == "true") : ?>
			
			<div id="copyright">
				&copy; <?php echo $copyright_text; ?>
			</div>
			<?php else: ?>
			<div class="footer-mod">
				<jdoc:include type="modules" name="footer4" style="main" />
			</div>
			<?php endif; ?>
			
			</div>
			<?php endif; ?>
			<!--End Copyright Section-->
		</div>
	</div>
	<?php endif; ?>
	<!--End Footer-->	
	<?php if ($this->countModules('debug')) : ?>
	<div id="debug-mod"><jdoc:include type="modules" name="debug" style="none" /></div>
	<?php endif; ?>
	</body>
</html>

Open in new window

0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

Bob StoneIT GuruCommented:
Can you post your CSS please?
0
Amanda WatsonWeb DeveloperAuthor Commented:
Sure, this is template_css.css and there is another one that may be in play called body-light which I will post after
0
Amanda WatsonWeb DeveloperAuthor Commented:
This is body-light
/* Body Style - Light */

/* Text Colors */
#maincol, #leftcol, #mainmodules4, body input, #main-body .poll-buttons a.readon-main, .body-light #main-body h2.contentheading a.contentpagetitle {color: #333;}
#rightcol {color: #333; margin-top:39px;}
h1, h2, h3, contentheading, .componentheading {color: #690717;}
#span_title {
	color: #8B1629;
}
/* Text Shadows */
#main-body .moduletable h3, #bottom .moduletable h3, span.tabtext {text-shadow:1px 1px 0px #fff;}
#main-body .round3 .moduletable h3, #bottom .round3 .moduletable h3, #main-body .square3 .moduletable h3, #bottom .square3 .moduletable h3, #footer .round3 .moduletable h3, #footer .square3 .moduletable h3 {text-shadow:-1px -1px 0px #666;}
#footer .moduletable h3, a.readon-main, a.readon-main input.button {text-shadow:1px 1px 0px #fff;}
.contentheading {text-shadow:1px 1px 0px #fff;}

/* Top Bar */
#top-bar {background: #E1E1E1;}
#searchmod-surround {background: url(../images/body/light/assets-1.png) 0 0 no-repeat;}
a.large span.button {background: url(../images/body/light/assets-1.png) -27px -107px no-repeat;}
a.small span.button {background: url(../images/body/light/assets-1.png) 0 -107px no-repeat;}

/* Dropdowns */
#horiz-menu ul {background: url(../images/body/light/drop-bg-1.png) 50% 100% no-repeat;}
#horiz-menu ul.columns2 {background: url(../images/body/light/drop-bg-2.png) 50% 100% no-repeat;}
#horiz-menu .drop-top {background: url(../images/body/light/drop-bg-1.png) 50% 0 no-repeat;}
#horiz-menu .columns2 .drop-top {background: url(../images/body/light/drop-bg-2.png) 50% 0 no-repeat;}
#horiz-menu li > .bullet {background: url(../images/body/light/drop-bullet.png) 10px 13px no-repeat;}
#horiz-menu li:hover > .bullet, #horiz-menu li.f-menuparent-itemfocus .bullet, #horiz-menu li.active > .bullet {background: url(../images/body/light/drop-bullet.png) 10px -270px no-repeat;color: #000;}
#horiz-menu li {background-image: url(../images/body/light/body-div.png);background-position: 0 100%;background-repeat: repeat-x;}
#horiz-menu li:hover, #horiz-menu li.active, #horiz-menu li.f-menuparent-itemfocus {background-color: #efefef;}
#horiz-menu li > .daddy span {background: url(../images/body/light/drop-bullet.png) 100% -568px no-repeat;}

/* Search */
#searchmod .search_options {color: #666;}
#roksearch_results .rokajaxsearch-overlay {background: #292929;}
#roksearch_results {background: #fff;border: 1px solid #ccc;border-bottom: 0;}
#roksearch_results a:hover {color: #000;}
#roksearch_results h3 {color: #444;}
#roksearch_results span {color: #888;}
#searchmod-surround #roksearch_search_str {background: url(../images/body/light/assets-1.png) 100% 100% no-repeat;}
#roksearch_results span.highlight {background: #999;color: #fff;}
#roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {background: #fff;border-bottom: 1px solid #ccc;color: #666;}
#roksearch_results .roksearch_odd {background: #efefef;border-bottom: 1px solid #dfdfdf;}
#roksearch_results .roksearch_even {border-bottom: 1px solid #dfdfdf;}
#roksearch_results .roksearch_odd-hover, #roksearch_results .roksearch_even-hover {background: #fff;}
#roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {color: #000;background: url(../images/body/light/search-close.png) 0 -13px no-repeat;}
#roksearch_results a#roksearch_link {background: url(../images/body/light/assets-1.png) 0 -83px no-repeat;}
#roksearch_results .arrow-left {background: url(../images/body/light/assets-1.png) 0 -37px no-repeat;}
#roksearch_results .arrow-left-disabled, #roksearch_results .arrow-right-disabled {background: url(../images/body/light/assets-1.png) 0 -72px no-repeat;}
#roksearch_results .arrow-right {background: url(../images/body/light/assets-1.png) 0 -54px no-repeat;}

/* Module Variations */
.round .module-surround, .square .module-surround {background: #E6E6E6;border: 1px solid #c9c9c9;}
.round .module-grad, .square .module-grad {background: url(../images/body/light/block-corners.png) 50% -78px repeat-x}
.round .module-surround2 {background: url(../images/body/light/block-corners.png) 0 0 no-repeat;}
.round .module-surround3 {background: url(../images/body/light/block-corners.png) 100% 0 no-repeat;}
.round .module-surround4 {background: url(../images/body/light/block-corners.png) 0 -60px no-repeat;}
.round .module-surround5 {background: url(../images/body/light/block-corners.png) 100% -60px no-repeat;}
.round2 .module-surround, .square2 .module-surround {background: #cfcfcf;border: 1px solid #b5b5b5;}
.round2 .module-grad, .square2 .module-grad {background: url(../images/body/light/block-corners.png) 50% -240px repeat-x;}
.round2 .module-surround2 {background: url(../images/body/light/block-corners.png) 0 -162px no-repeat;}
.round2 .module-surround3 {background: url(../images/body/light/block-corners.png) 100% -162px no-repeat;}
.round2 .module-surround4 {background: url(../images/body/light/block-corners.png) 0 -222px no-repeat;}
.round2 .module-surround5 {background: url(../images/body/light/block-corners.png) 100% -222px no-repeat;}
.round3 .module-surround, .square3 .module-surround {background: #8b8b8b;border: 1px solid #7d7d7d;color: #fff;}
#footer .round3 .moduletable h3, #footer .square3 .moduletable h3 {color: #fff;}
.round3 .module-grad, .square3 .module-grad {background: url(../images/body/light/block-corners.png) 50% -402px repeat-x}
.round3 .module-surround2 {background: url(../images/body/light/block-corners.png) 0 -324px no-repeat;}
.round3 .module-surround3 {background: url(../images/body/light/block-corners.png) 100% -324px no-repeat;}
.round3 .module-surround4 {background: url(../images/body/light/block-corners.png) 0 -384px no-repeat;}
.round3 .module-surround5 {background: url(../images/body/light/block-corners.png) 100% -384px no-repeat;}
.round4 .module-surround, .square4 .module-surround {background: #E7DDC4;border: 1px solid #C7BDA0;color: #5B5649;}
.round4 .module-grad, .square4 .module-grad {background: url(../images/body/light/block-corners.png) 50% -564px repeat-x}
.round4 .module-surround2 {background: url(../images/body/light/block-corners.png) 0 -486px no-repeat;}
.round4 .module-surround3 {background: url(../images/body/light/block-corners.png) 100% -486px no-repeat;}
.round4 .module-surround4 {background: url(../images/body/light/block-corners.png) 0 -546px no-repeat;}
.round4 .module-surround5 {background: url(../images/body/light/block-corners.png) 100% -546px no-repeat;}
.round5 .module-surround, .square5 .module-surround {background: #D9DDE2;border: 1px solid #BEC2C7;color: #494F56;}
.round5 .module-grad, .square5 .module-grad {background: url(../images/body/light/block-corners.png) 50% -726px repeat-x}
.round5 .module-surround2 {background: url(../images/body/light/block-corners.png) 0 -648px no-repeat;}
.round5 .module-surround3 {background: url(../images/body/light/block-corners.png) 100% -648px no-repeat;}
.round5 .module-surround4 {background: url(../images/body/light/block-corners.png) 0 -708px no-repeat;}
.round5 .module-surround5 {background: url(../images/body/light/block-corners.png) 100% -708px no-repeat;}
#footer .round .module-surround {background: #e6e6e6;border: 1px solid #c9c9c9;color: #666;}
#footer .round .module-grad {background: url(../images/body/light/block-corners.png) 50% -882px repeat-x}
#footer .round .module-surround2 {background: url(../images/body/light/block-corners.png) 0 -804px no-repeat;}
#footer .round .module-surround3 {background: url(../images/body/light/block-corners.png) 100% -804px no-repeat;}
#footer .round .module-surround4 {background: url(../images/body/light/block-corners.png) 0 -864px no-repeat;}
#footer .round .module-surround5 {background: url(../images/body/light/block-corners.png) 100% -864px no-repeat;}

/* Main Body */
#main-body {background: #E1E1E1 url(../images/body/light/body-bg.png) 0 0 repeat-x;}
.contentheading {background: url(../images/body/light/body-div.png) 0 100% repeat-x;}
.buttonheading .pdf {background:url(../images/body/light/assets-1.png) -193px -54px;}
.buttonheading .print {background:url(../images/body/light/assets-1.png) -155px -54px no-repeat;}
.buttonheading .email {background:url(../images/body/light/assets-1.png) -174px -54px no-repeat;}
.form-login .inputbox, input#search_searchword.inputbox, input#email, .register-page .inputbox, .contact_email .inputbox {border: 1px solid #ccc;}
.round3 .form-login .inputbox, .square3 .form-login .inputbox {background: #717171;border: 1px solid #A8A8A8;color: #fff;}
.login-links a {background: url(../images/body/light/arrows.png) 0 4px no-repeat;}
.round3 .login-links a, .square3 .login-links a {background: url(../images/body/light/arrows2.png) 0 3px no-repeat;}
#breadcrumbs-home {background: url(../images/body/light/assets-1.png) -155px -72px no-repeat;}
#breadcrumbs span img {background: url(../images/body/light/arrows.png) 0 7px no-repeat;}
.date-div {color: #999;}
tr.sectiontableentry1 {background: #d0d0d0;}

/* Side Menu */
#main-body ul.menu li {background: url(../images/body/light/body-div.png) 0 100% repeat-x;}
#main-body .round2 ul.menu li, #main-body .square2 ul.menu li {background: url(../images/body/light/r2-div.png) 0 100% repeat-x;}
#main-body .round3 ul.menu li, #main-body .square3 ul.menu li {background: url(../images/body/light/r3-div.png) 0 100% repeat-x;}
#main-body .round4 ul.menu li, #main-body .square4 ul.menu li {background: url(../images/body/light/r4-div.png) 0 100% repeat-x;}
#main-body .round5 ul.menu li, #main-body .square5 ul.menu li {background: url(../images/body/light/r5-div.png) 0 100% repeat-x;}
#main-body ul.menu li > a, #main-body ul.menu li > .separator, #main-body ul.menu li > .item, #main-body ul.menu li li > a, #main-body ul.menu li li > .separator, #main-body ul.menu li li > .item {background: url(../images/body/light/arrows.png) 5px 12px no-repeat;color: #666;}
#main-body .round3 ul.menu li > a, #main-body .round3 ul.menu li > .separator, #main-body .round3 ul.menu li > .item, #main-body .round3 ul.menu li li > a, #main-body .round3 ul.menu li li > .separator, #main-body .round3 ul.menu li li > .item, #main-body .square3 ul.menu li > a, #main-body .square3 ul.menu li > .separator, #main-body .square3 ul.menu li > .item, #main-body .square3 ul.menu li li > a, #main-body .square3 ul.menu li li > .separator, #main-body .square3 ul.menu li li > .item {background: url(../images/body/light/arrows2.png) 5px 12px no-repeat;color: #d8d8d8;}
#main-body ul.menu li:hover > a, #main-body ul.menu li:hover > .separator, #main-body ul.menu li:hover > .item, #main-body ul.menu li.active > a, #main-body ul.menu li.active > .separator, #main-body ul.menu li.active > .item, #main-body ul.menu li.active:hover > a, #main-body ul.menu li.active:hover > .separator, #main-body ul.menu li.active:hover > .item {background: url(../images/body/light/arrows.png) 5px -514px no-repeat;color: #333;}
#main-body .round3 ul.menu li:hover > a, #main-body .round3 ul.menu li:hover > .separator, #main-body .round3 ul.menu li:hover > .item, #main-body .round3 ul.menu li.active > a, #main-body .round3 ul.menu li.active > .separator, #main-body .round3 ul.menu li.active > .item, #main-body .round3 ul.menu li.active:hover > a, #main-body .round3 ul.menu li.active:hover > .separator, #main-body .round3 ul.menu li.active:hover > .item, #main-body .square3 ul.menu li:hover > a, #main-body .square3 ul.menu li:hover > .separator, #main-body .square3 ul.menu li:hover > .item, #main-body .square3 ul.menu li.active > a, #main-body .square3 ul.menu li.active > .separator, #main-body .square3 ul.menu li.active > .item, #main-body .square3 ul.menu li.active:hover > a, #main-body .square3 ul.menu li.active:hover > .separator, #main-body .square3 ul.menu li.active:hover > .item {background: url(../images/body/light/arrows2.png) 5px -514px no-repeat;color: #fff;}

/* Bottom Panel */
#bottom {background: #ededed;}
#footer {background: url(../images/body/light/bg_footer.jpg) repeat-x;}
body  {background: url(../images/header/style1/bg.jpg) 0 -123px repeat-x;}
#footer {color: #666;}
#footer h3 {color: #666;}
.footer-div {background: url(../images/body/light/assets-1.png) 0 -123px repeat-x;}

/* RokTabs */
ul.roktabs-top li.active {background: url(../images/body/light/roktab-r.png) 100% 0 no-repeat;}
ul.roktabs-top li.active span {background: url(../images/body/light/roktab-l.png) -1px 0 no-repeat;}
.round2 ul.roktabs-top li.active, .square2 ul.roktabs-top li.active {background-position: 100% -60px;}
.round2 ul.roktabs-top li.active span, .square2 ul.roktabs-top li.active span {background-position: -1px -60px;}
.round3 ul.roktabs-top li.active, .square3 ul.roktabs-top li.active {background-position: 100% -120px;}
.round3 ul.roktabs-top li.active span, .square3 ul.roktabs-top li.active span {background-position: -1px -120px;}
.round4 ul.roktabs-top li.active, .square4 ul.roktabs-top li.active {background-position: 100% -180px;}
.round4 ul.roktabs-top li.active span, .square4 ul.roktabs-top li.active span {background-position: -1px -180px;}
.round5 ul.roktabs-top li.active, .square5 ul.roktabs-top li.active {background-position: 100% -240px;}
.round5 ul.roktabs-top li.active span, .square5 ul.roktabs-top li.active span {background-position: -1px -240px;}
.roktabs-wrapper .arrow-next {background: url(../images/body/light/roktab-r.png) 0 -310px;}
.roktabs-wrapper .arrow-prev {background: url(../images/body/light/roktab-r.png) 0 -324px;}

/* Typography */
#main-content .poll-line {background: url(../images/body/light/body-div.png) 0 100% repeat-x;}
#main-content .round2 .poll-line, #main-content .square2 .poll-line {background: url(../images/body/light/r2-div.png) 0 100% repeat-x;}
#main-content .round3 .poll-line, #main-content .square3 .poll-line {background: url(../images/body/light/r3-div.png) 0 100% repeat-x;}
#main-content .round4 .poll-line, #main-content .square4 .poll-line {background: url(../images/body/light/r4-div.png) 0 100% repeat-x;}
#main-content .round5 .poll-line, #main-content .square5 .poll-line {background: url(../images/body/light/r5-div.png) 0 100% repeat-x;}
#main-content .rokradios, #top-bar .rokradios {background: url(../images/body/light/inputs.png) 0 1px no-repeat;}
#main-content .round3 .rokradios, #main-content .square3 .rokradios {background: url(../images/body/light/r3-inputs.png) 0 1px no-repeat;}
#main-content .rokradios-active, #top-bar .rokradios-active {background: url(../images/body/light/inputs.png) 0 -175px no-repeat;}
#main-content .round3 .rokradios-active, #main-content .square3 .rokradios-active {background: url(../images/body/light/r3-inputs.png) 0 -175px no-repeat;}
#top-bar .rokchecks, #main-content .rokchecks {background: url(../images/body/light/inputs.png) 0 -346px no-repeat;}
#main-content .round3 .rokchecks, #main-content .square3 .rokchecks {background: url(../images/body/light/r3-inputs.png) 0 -346px no-repeat;}
#top-bar .rokchecks-active, #main-content .rokchecks-active {background: url(../images/body/light/inputs.png) 0 -522px no-repeat;}
#main-content .round3 .rokchecks-active, #main-content .square3 .rokchecks-active {background: url(../images/body/light/r3-inputs.png) 0 -522px no-repeat;}
#main-body .round4 .poll-buttons a.readon-main, #main-body .square5 .poll-buttons a.readon-main, #main-body .round4 input, #main-body .square4 input {color: #5B5649;}
#main-body .round5 .poll-buttons a.readon-main, #main-body .square5 .poll-buttons a.readon-main, #main-body .round5 input, #main-body .square5 input {color: #494F56;}
#main-body .readon1-l {background: url(../images/body/light/readon-l.png) 0 0 no-repeat;}
#main-body .readon1-m {background: url(../images/body/light/readon-m.png) 0 0 repeat-x;}
#main-body .readon1-r {background: url(../images/body/light/readon-r.png) 100% 0 no-repeat;}
.feature-module a.readon-main, #showmodules a.readon-main {color: #fff;}
.feature-module .readon1-l, #showmodules .readon1-l {background: url(../images/body/light/readon-l.png) 0 -225px no-repeat;}
.feature-module .readon1-m, #showmodules .readon1-m {background: url(../images/body/light/readon-m.png) 0 -225px repeat-x;}
.feature-module .readon1-r, #showmodules .readon1-r {background: url(../images/body/light/readon-r.png) 100% -225px no-repeat;}
#bottom .readon1-l {background: url(../images/body/light/readon-l.png) 0 0 no-repeat;}
#bottom .readon1-m {background: url(../images/body/light/readon-m.png) 0 0px repeat-x;}
#bottom .readon1-r {background: url(../images/body/light/readon-r.png) 100% 0px no-repeat;}
#footer .readon1-l {background: url(../images/body/light/readon-l.png) 0 -129px no-repeat;}
#footer .readon1-m {background: url(../images/body/light/readon-m.png) 0 -129px repeat-x;}
#footer .readon1-r {background: url(../images/body/light/readon-r.png) 100% -129px no-repeat;}
ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a, .featured-text-block li a {background: url(../images/body/light/arrows.png) 0 4px no-repeat;}
#rocket {background: url(../images/body/light/assets-1.png) -155px -100px no-repeat;}
span.tabtext {color: #666;background: url(../images/body/light/typo-tab.png) 0 0 no-repeat;}

/* RokQuickCart */
#main-content .cart_product_grad, #main-content .cart_grad {background: url(../images/body/light/block-corners.png) 50% -78px repeat-x}
#main-content .cart_product_sur1, #main-content .cart_sur1 {background: url(../images/body/light/block-corners.png) 0 0 no-repeat;}
#main-content .cart_product_sur2, #main-content .cart_sur2 {background: url(../images/body/light/block-corners.png) 100% 0 no-repeat;}
#main-content .cart_product_sur3, #main-content .cart_sur3 {background: url(../images/body/light/block-corners.png) 0 -60px no-repeat;}
#main-content .cart_product_sur4, #main-content .cart_sur4 {background: url(../images/body/light/block-corners.png) 100% -60px no-repeat;}
#main-content .simpleCart_shelfItem, #main-content .cart_yourcart {background: #E6E6E6;border: 1px solid #c9c9c9;}
#main-content .cart_statusicon {background:url(../images/body/light/quickcart-sprite.png) -61px 0 no-repeat;}
#main-content .cart_totals div {color: #666;}
#main-content .item_add:link,#main-content .item_add:visited {background:url(../images/body/light/quickcart-buttons.png) 100% 0 no-repeat;text-shadow:1px 1px 0px #fff}
#main-content .item_add span {background:url(../images/body/light/quickcart-buttons.png) 0 0 no-repeat;}
#main-content .item_add:hover {background:url(../images/body/light/quickcart-buttons.png) 100% -58px no-repeat;}
#main-content .item_add:hover span {background:url(../images/body/light/quickcart-buttons.png) 0 -58px no-repeat;}
#main-content .simpleCart_empty:link,#main-content .simpleCart_empty:visited {background:url(../images/body/light/quickcart-buttons.png) 100% 0 no-repeat;text-shadow:1px 1px 0px #fff}
#main-content .simpleCart_empty span {background:url(../images/body/light/quickcart-buttons.png) 0 0 no-repeat;}
#main-content .simpleCart_empty:hover {background:url(../images/body/light/quickcart-buttons.png) 100% -58px no-repeat;}
#main-content .simpleCart_empty:hover span {background:url(../images/body/light/quickcart-buttons.png) 0 -58px no-repeat;}
#main-content .simpleCart_checkout:link,#main-content .simpleCart_checkout:visited {background:url(../images/body/light/quickcart-buttons.png) 100% -29px no-repeat;text-shadow:1px 1px 0px #ddd;}
#main-content .simpleCart_checkout span {background:url(../images/body/light/quickcart-buttons.png) 0 -29px;}
#main-content .simpleCart_checkout:hover {background:url(../images/body/light/quickcart-buttons.png) 100% -87px no-repeat;}
#main-content .simpleCart_checkout:hover span {background:url(../images/body/light/quickcart-buttons.png) 0 -87px no-repeat;}
#main-content .itemQuantity input {background:url(../images/body/light/quickcart-sprite.png) 0 0 no-repeat;}
#main-content .itemincrement a {background:url(../images/body/light/quickcart-sprite.png) -45px 0 no-repeat;}
#main-content .itemdecrement a {background:url(../images/body/light/quickcart-sprite.png) -45px -11px no-repeat;}

Open in new window

0
Amanda WatsonWeb DeveloperAuthor Commented:
Sorry this is template_css.css
/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {width: 225px;height: 74px;}

/* Template custom fonts */
@font-face {font-family: "Moxy Header";src: url(../fonts/Titillium-Regular.eot);}
@font-face {font-family: "Moxy Header";src: url(../fonts/Titillium-Bold.eot);font-weight: bold;}
@font-face {font-family: Moxy;src: url(../fonts/Aller-Regular.eot);}
@font-face {font-family: Moxy;src: url(../fonts/Aller-Italic.eot);font-style:italic;}
@font-face {font-family: Moxy;src: url(../fonts/Aller-Bold.eot);font-weight:bold;}
@font-face {font-family: Moxy;src: url(../fonts/Aller-BoldItalic.eot);font-weight:bold;font-style:italic;}
@font-face {font-family: Bebas;src: url(../fonts/Bebas.eot);}
@font-face {font-family: Continuum;src: url(../fonts/Continuum-Regular.eot);}
@font-face {font-family: Continuum;src: url(../fonts/Continuum-Bold.eot);font-weight:bold;}
@font-face {font-family: lizzielongstocking;src: url(../fonts/lizzielongstocking.eot);}
@font-face {font-family: Jennifers_Hand_Writing;src: url(../fonts/Jennifers_Hand_Writing.eot);}
@font-face {font-family: "Moxy Header";src:local("Titillium Regular"), url(../fonts/Titillium-Regular.otf) format("opentype");}
@font-face {font-family: "Moxy Header";src:local("Titillium Bold"), url(../fonts/Titillium-Bold.otf) format("opentype");font-weight: bold;}
@font-face {font-family: Moxy;src:local("Aller Regular"), url(../fonts/Aller-Regular.ttf) format("truetype");}
@font-face {font-family: Moxy;src:local("Aller Italic"), url(../fonts/Aller-Italic.ttf) format("truetype");font-style:italic;}
@font-face {font-family: Moxy;src:local("Aller Bold"), url(../fonts/Aller-Bold.ttf) format("truetype");font-weight:bold;}
@font-face {font-family: Moxy;src:local("Aller Bold Italic"), url(../fonts/Aller-BoldItalic.ttf) format("truetype");font-weight:bold;font-style:italic;}
@font-face {font-family: "Bebas";src:local("Bebas"), url(../fonts/Bebas.ttf) format("truetype");}
@font-face {font-family: "Continuum";src:local("Continuum"), url(../fonts/Continuum-Regular.ttf) format("truetype");}
@font-face {font-family: "Continuum";src:local("Continuum"), url(../fonts/Continuum-Bold.ttf) format("truetype");font-weight:bold;}
@font-face {font-family: "Lizzie";src:local("Lizzy"), url(../fonts/lizzielongstocking.ttf) format("truetype");}
@font-face {font-family: "Jennifer";src:local("Jennifer"), url(../fonts/Jennifers-Hand-Writing.ttf) format("truetype")}

/* Font Family Settings */
#ff-moxy, a.moxy, #ff-moxy #horiz-menu li li span {font-family: Helvetica,Arial,sans-serif;}
#ff-moxy #horiz-menu li span, #ff-moxy .date-block, #ff-moxy h1, #ff-moxy h2, #ff-moxy h3, #ff-moxy h4, #ff-moxy h5, #ff-moxy .roktabs-links {font-family: Moxy,Helvetica,Arial,sans-serif;}
#ff-bebas, a.bebas, #ff-bebas #horiz-menu li li span, #ff-bebas h3.showtext {font-family: Helvetica,Arial,sans-serif;}
#ff-bebas .date-block, #ff-bebas h1, #ff-bebas h2, #ff-bebas h3, #ff-bebas h4, #ff-bebas h5 {font-family: Bebas,Helvetica,Arial,sans-serif;}
#ff-continuum, a.continuum, #ff-continuum #horiz-menu li li span, #ff-continuum h3.showtext {font-family: Helvetica,Arial,sans-serif;}
#ff-continuum .date-block, #ff-continuum h1, #ff-continuum h2, #ff-continuum h3, #ff-continuum h4, #ff-continuum h5 {font-family: Continuum,Helvetica,Arial,sans-serif;}
#ff-optima, a.optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
#ff-geneva, a.geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
#ff-helvetica, a.helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;}
#ff-lucida, a.lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}
#ff-georgia, a.georgia {font-family: Georgia, sans-serif;}
#ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;}
#ff-palatino, a.palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
input {font-family: Helvetica,Arial,sans-serif;}
#ff-georgia #horiz-menu .menutop li li .item, #ff-optima #horiz-menu .menutop li li .item {font-size: 12px;}

/* Core Formatting */
html {height: 100%;margin-bottom: 1px;}
body {margin: 0;line-height: 135%;}
form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px; background:transparent url(../images/header/style1/bg.jpg) left top repeat-x;
   width:100%;
   height:100%;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 135%;}
h1 {font-size: 270%;line-height: 100%;}
h2 {font-size: 120%;line-height: 100%;}
h3 {font-size: 195%;}
h4 {font-size: 120%;line-height: 130%;}
h5 {font-size: 120%;text-transform: uppercase;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr, .clear {clear: both;font-size: 10;}
.rokradios, .rokchecks {padding: 1px 5px 5px 22px;line-height: 120%;}

/* Header */
.banner-module .moduletable {margin: 0;padding: 0 20px;float: right;}
#logo {float: left;margin: 0 25px 0 20px;}
.logo-module {width: 275px;float: left;overflow: hidden;}
.logo-module .moduletable {clear: both;}
.banner-module, .feature-module {overflow: hidden;}

/* Horizontal Menu */
#horiz-menu {display: block;}
#horiz-menu .padding {padding: 0 20px;}
#horiz-menu ul.level1 {float: right;}
#horiz-menu ul {float: left;}
#horizmenu-surround {position: relative;float:right;}

/* Showcase */
#showcase-section {position: relative;overflow: hidden; padding-top:40px;}
#showmodules {margin-top: 25px;}
#showmodules a {font-weight: bold;}
#showmodules .feature-desc {font-size: 17px;line-height: 135%;}
#showmodules .module-inner, .feature-module .module-inner {padding: 6px 20px;}
#showcase-section .rokstories-layout3 .feature-block .desc-container {width:97%;left:10px;bottom: 10px;font-size: 140%;background-color:transparent;}
#showcase-section .rokstories-layout3 .feature-block .desc-container .description {left:15px;}
#showcase-section .rokstories-layout3 .feature-circles {margin: 12px 0 0 0;}
#showcase-section .feature-circles-sub span {display: none;}
#showcase-section .feature-circles-sub {width:10px;height:10px;margin: 0 5px;cursor:pointer;display:inline-block;}
.module-top, .module-bottom, .feature-block-top, .feature-block-bottom {margin: 0 9px;position: relative;height: 9px;}
.module-top2, .module-top3, .module-bottom2, .module-bottom3, .feature-block-top2, .feature-block-top3, .feature-block-bottom2, .feature-block-bottom3 {position: absolute;width: 9px;height: 9px;}
.module-top2, .feature-block-top2 {top: 0;left: -9px;}
.module-top3, .feature-block-top3 {top: 0;right: -9px;}
.module-bottom2, .feature-block-bottom2 {bottom: 0;left: -9px;}
.module-bottom3, .feature-block-bottom3 {bottom: 0;right: -9px;}

/* Top Bar */
#top-bar .moduletable {margin: 0;}
#top-bar .padding {padding: 10px 20px;}
#topleft-mod {width: 45%;float: left;line-height: 180%;}
#topright-mod {width: 45%;float: right;line-height: 180%;}
#accessibility {height: 16px;float: right;margin-left: 10px;}
.textsizer-desc {display: block;float: left;text-align: left;margin-right: 12px;font-size: 12px;font-weight: bold;line-height: 26px;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: left;height:12px;overflow:hidden;margin-top: 5px;}
#accessibility .button {display: block;float: right;width: 11px;height: 12px;}
#accessibility a.small .button {margin-right: 8px;}

/* Main Layout */
#main-body {padding-top: 0px}
.colmask {clear:both;overflow:hidden;position:relative;width:100%;}
.col1wrap {padding-bottom:2em;}
#maincol {position: relative;}
.wrapper {position:relative;}
#main-content a, #main-content .separator, #main-content .item {font-weight: normal;}

/* s-c-s (Sidebar-Content-Sidebar) */
.s-c-s .colmid {float:left;position:relative;width:200%;}
.s-c-s .colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s .col1wrap {float:right;position:relative;right:100%;width:50%;padding-bottom:1em;}
.s-c-s .col1pad {overflow:hidden;}
.s-c-s .col1 {overflow:hidden;width:100%;}
.s-c-s .col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s .col3 {float:left;position:relative;overflow:hidden;left:0;}

/* s-c-x (Sidebar-Content) */
.s-c-x .colright {float:left;position:relative;width:200%;}
.s-c-x .col1wrap {float:right;padding-bottom:1em;position:relative;width:50%;}
.s-c-x .col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x .col2 {float:left;position:relative;}

/* x-c-s (Content-Sidebar) */
.x-c-s .colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s .col1wrap {float:left;left:50%;padding-bottom:1em;position:relative;width:50%;}
.x-c-s .col1 {overflow:hidden;}
.x-c-s .col3 {float:right;position:relative;}

/* RokAjaxSearch */
#searchmod {width: 270px;float: right;margin-right: 15px;}
#searchmod .moduletable {padding: 0;}
#searchmod h3 {font-size: 14px;margin: 0 0 10px 5px;padding: 0;}
#searchmod-surround {height: 26px;}
#searchmod-surround .inputbox {background: none;border: 0;padding: 6px 0 5px 6px;font-size: 14px;height:16px;width: 98%;outline: none;}
#searchmod-surround .search_options {display: block;margin-top: 8px;}
#roksearch_search_str {width: 150px;}
#roksearch_search_str.loading {background: transparent url(../images/spinner.gif) no-repeat scroll 97% 50% !important}
#roksearch_results {z-index: 10000;position: absolute;width: 400px;float: right;margin-top: -1px;text-align: left;visibility: hidden;}
#roksearch_results a#roksearch_link {float: right;padding-right: 5px;margin-top: 3px;display: block;height: 18px;width: 18px;}
#roksearch_results h3 {margin-top: 0;margin-bottom: 0;line-height: 110%;font-size: 120%;padding-bottom: 0;}
#roksearch_results span {display: block;line-height: 130%;font-size: 90%;}
#roksearch_results .container-wrapper {overflow: hidden;}
#roksearch_results .page {float: left;}
#roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {padding: 10px;line-height: 100%;text-transform: uppercase;font-weight: normal;font-size: 100%;}
#roksearch_results .roksearch_row_btm {overflow: hidden;border-bottom: 0;}
#roksearch_results .roksearch_row_btm span {line-height: 140%;}
#roksearch_results span.small {display: inline-block;margin-top: 2px;margin-bottom: 7px;font-size: 10px;}
#roksearch_results span.highlight {display: inline;}
#roksearch_results a.clr {font-size: 100%;}
#roksearch_results a:hover {text-decoration: none;}
#roksearch_results .roksearch_odd {padding: 15px;position: relative;}
#roksearch_results .roksearch_even {padding: 15px;position: relative;}
#roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {padding-left: 12px;}
.results ol.list {padding-left: 30px;margin-top: 0;}
.results ol.list h4 {border: 0;margin-top: 0;margin-bottom: 0;}
.results ol.list li {padding: 10px 5px;margin-bottom: 5px;}
.results ol.list li p {margin-top: 0;}
#roksearch_results .container-arrows {height: 12px;width: 30px;float: left;margin-right: 5px;position: relative;}
#roksearch_results .arrow-left, #roksearch_results .arrow-left-disabled, #roksearch_results .arrow-right, #roksearch_results .arrow-right-disabled {width: 12px;height: 12px;position: absolute;top: 0;}
#roksearch_results .arrow-left {left: 0;cursor: pointer;}
#roksearch_results .arrow-left-disabled {left: 0;}
#roksearch_results .arrow-right {left: 18px;cursor: pointer;}
#roksearch_results .arrow-right-disabled {left: 18px;}
#roksearch_results .viewall span {line-height: 100%;}
#roksearch_results a.viewall {float: left;margin-right: 5px;}
#roksearch_results .estimated_res, #roksearch_results .pagination_res {font-size: 9px;font-style: italic;text-transform: none;float:left;}
#roksearch_results .pagination_res {font-style: normal;float: right;font-size: 11px;margin-top: -1px;}
#roksearch_results .powered-by-google {text-transform: lowercase;font-style: italic;font-size: 9px;}
.roksearch_wrapper4.google-search .roksearch_odd, .roksearch_wrapper4.google-search .roksearch_even {height: 110px;}
form.search_result input.button {border: 0;background: none;cursor: pointer;padding-top: 3px;line-height: 10px;}
form.search_result fieldset {padding: 15px 0;}
.search-results-full .readon-wrap1 {margin-top: 0;}
form.search_result input#search_searchword.inputbox {padding: 6px 0 1px 5px;font-size: 14px;line-height: 22px;height:19px;width: 100%;margin-bottom: 10px;width: 300px;}
form.search_result fieldset.word {margin-top: 0;margin-bottom: 0;padding: 10px 0 25px 0;}
form.search_result fieldset.phrase {margin-top: 5px;margin-bottom: 0;padding: 10px 0 35px 0;}
form.search_result fieldset.word label, form.search_result legend {font-size: 120%;display: block;height: 26px;margin: 0;padding: 0;}
.search-results-full h3 {margin-top: 10px;padding: 0;margin-bottom: 0;font-size: 130%;}
form.search_result .display {float: left;margin-left: 20px;height: 20px;margin-top: 5px;}
#roksearch_results .google-search a#roksearch_link {margin-top: 5px;}

/* Main Page Structure */
#maincontent-block {padding: 15px 20px;}
#inset-block-right {float: right;}
#inset-block-left {float: left;}
table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;}

/* Main Body Items */
#breadcrumbs {margin: 0px 0 10px 0;display: block;position:relative;overflow: hidden;height: 20px;padding: 5px 20px;}
#breadcrumbs-home {width: 22px;height: 23px;display: block;float: left;}
#breadcrumbs h3 {display: none;}
span.breadcrumbs {display: block;font-size:90%;font-weight: bold;overflow: hidden; color:#5A010F;}
span.breadcrumbs img {width: 12px;height: 23px;float: left;}
span.breadcrumbs a, span.no-link {padding: 0 8px;float: left;display: block;height: 23px;line-height: 20px;}
span.breadcrumbs span.no-link {font-weight: bold;}
span.breadcrumbs a:hover {text-decoration: none;}
.contentheading {font-size: 200%;line-height: 140%;margin: 0 0 15px 0;padding: 0 0 5px 0;}
#maincol .contentheading a {font-weight: normal;}
p.buttonheading {float: right;margin: 0 0 15px 15px;}
.buttonheading .icon {display:block;width:14px;height:12px;float:left;margin-left:6px;}
.article-info-surround {padding: 0;margin: 0;overflow: hidden;}
p.articleinfo, .iteminfo {margin: 0;font-size: 13px;line-height: 140%;}
.iteminfo {display: block;float: left;}
p.pageinfo {padding: 2px 5px;margin-top: 0;display: block;}
.article-ratings {padding: 2px 5px;margin-top: 25px;}
span.modifydate, span.createdby, span.createdate {display: block;}
p.counter {text-indent: 5px;}
div.pagination {height: 22px;line-height: 22px;margin-top: 10px;margin-bottom: 15px;}
div.pagination div.tab {float: left;margin-right: 6px;}
div.pagination div.tab2 {padding: 0 8px;}
div.pagination div.page-block {padding: 0 4px;float: left;margin-right: 6px;}
.cols1 {display: block;float: none;margin: 0;}
.cols2 {width: 46%;}
.cols3 {width: 30%;}
.column1, .column2 {margin: 0 5px 0 0;position: relative;}
.column2, .column1 {float: left;margin: 0;}
.column2 {float: right;margin: 0;width: 49%;}
.article_row {margin: 0 0 25px 0;padding: 0;overflow: hidden;}
.blog .leading {margin-bottom: 25px;}
.leading_separator {display: none;}
.blog_more {padding-top: 15px;}
#page {padding-bottom: 15px;}
.componentheading {margin: 0 0 15px 0;font-size: 180%;font-weight: bold;line-height: 130%;padding: 0;font-family: Bebas, Helvetica,Arial,sans-serif;}
#main-content .date1 {font-size: 150%;line-height: 20px;display: block;float: left;margin-right: 5px;}
#main-content .date2 {font-size: 110%;float: left;line-height: 20px;margin-left: 5px;}
#top-bar .date-block {line-height: 24px;}
#top-bar .date1 {font-size: 16px;display: block;float: left;margin-right: 5px;font-weight: bold;}
#top-bar .date2, #top-bar .date3, #top-bar .date4 {font-size: 14px;float: left;margin-left: 5px;}
.date-div {padding-right: 8px;}
.article-info-right {float: right;}
.article-info-left {margin-bottom: 5px;}
.createdby {font-weight: bold;margin-bottom: 5px;text-align: right;}

/* Main Body Modules */
.moduletable h3 {margin-top: 0;font-size: 160%;}
.module-inner {position: relative;z-index: 4;padding: 15px 20px;}
#inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;}
#showmodules, #featuremodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #mainmodules5 {overflow: hidden;}
#mainmodules4 a, #mainmodules5 a {font-weight: bold;}
.spacer.w99 .block {width: 99.8%;}
.spacer.w49 .block {width: 99.8%;}
.spacer.w33 .block {width: 33.3%;}
.moduletable {padding: 15px 20px;margin-bottom: 5px;}
.round .module-surround, .round2 .module-surround, .round3 .module-surround, .round4 .module-surround, .round5 .module-surround, .square .module-surround, .square2 .module-surround, .square3 .module-surround, .square4 .module-surround, .square5 .module-surround {position: relative;padding: 0;z-index: 1;}
.round .module-grad, .round2 .module-grad, .round3 .module-grad, .round4 .module-grad, .round5 .module-grad, .square .module-grad, .square2 .module-grad, .square3 .module-grad, .square4 .module-grad, .square5 .module-grad {position: absolute;top: 0;left: 0;width: 100%;height: 55px;z-index: 2;}
.round .module-surround2, .round2 .module-surround2, .round3 .module-surround2, .round4 .module-surround2, .round5 .module-surround2, .round .module-surround3, .round2 .module-surround3, .round3 .module-surround3, .round4 .module-surround3, .round5 .module-surround3 {position: absolute;height: 55px;width: 12px;z-index: 4;}
.round .module-surround4, .round2 .module-surround4, .round3 .module-surround4, .round4 .module-surround4, .round5 .module-surround4, .round .module-surround5, .round2 .module-surround5, .round3 .module-surround5, .round4 .module-surround5, .round5 .module-surround5 {position: absolute;height: 12px;width: 12px;z-index: 4;}
.round .module-surround2, .round2 .module-surround2, .round3 .module-surround2, .round4 .module-surround2, .round5 .module-surround2 {top: -1px;left: -1px;}
.round .module-surround3, .round2 .module-surround3, .round3 .module-surround3, .round4 .module-surround3, .round5 .module-surround3 {top: -1px;right: -1px;}
.round .module-surround4, .round2 .module-surround4, .round3 .module-surround4, .round4 .module-surround4, .round5 .module-surround4 {bottom: -1px;left: -1px;}
.round .module-surround5, .round2 .module-surround5, .round3 .module-surround5, .round4 .module-surround5, .round5 .module-surround5 {bottom: -1px;right: -1px;}

/* Extra Joomla Elements */
span.small, .modifydate {font-size: 90%;}
.sectiontableheader {font-weight: bold;padding: 3px;line-height: 25px;text-align: left;}
.sectiontablefooter {padding-bottom: 8px;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 4px 5px 4px 5px;vertical-align: middle;}
tr.sectiontableentry0 td, td.sectiontableentry0, tr.sectiontableentry1 td, td.sectiontableentry1, tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;}
.contentpane, .contentpaneopen {width: 100%;}
.moduletable fieldset {border: 0;}
.moduletable h4 {margin-top: 0;}
table.contenttoc {float: right;margin-left: 25px;}
.weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;}
.weblinks-img {float: left;}
.weblinks-link {margin-left: 25px;}
.weblinks-img img {margin-top: 3px;}
.contact_email input.button {border: 0;background: none;}
.contact_email .readon-wrap1 {margin-top: 0;}
.contact-name {font-weight: bold;font-size: 140%;display: block;padding: 15px 0 2px 0;}
.contact-position {display: block;padding-bottom: 15px;}
.intro-article-content .article_separator {display: none;}
.contact .icon {float: left; width: 40px;}
.contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address {overflow: hidden;}
.contact .other .surround {margin-top: 5px;}
.contact .vcard {margin-top: 15px;}
input#contact_name.inputbox, input#contact_email.inputbox, input#contact_subject.inputbox {padding: 1px 0 1px 5px;font-size: 14px;line-height: 22px;height:22px;width: 100%;margin-bottom: 10px;width: 300px;}
textarea#contact_text.inputbox {padding: 5px;margin-bottom: 10px;}
#main-content .inputbox.invalid {border: 1px solid #cc0000;}

/* Side Menus */
#main-body ul.menu {margin: 0;padding: 0;}
#main-body ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
#main-body ul.menu a:hover, #main-body ul.menu .separator:hover, #main-body ul.menu .item:hover {text-decoration: none;}
#main-body ul.menu span {display: block;}
#main-body ul.menu li.active.parent li .item span, #main-body ul.menu li.parent li .item span, #main-body ul.menu li.active.parent li a span, #main-body ul.menu li.parent li a span, #main-body ul.menu li.active.parent li .separator span, #main-body ul.menu li.parent li .separator span {font-size: 110%;line-height: 110%;}
#main-body ul.menu li.active.parent li, #main-body ul.menu li.parent li {padding-left: 20px;}
#main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;}
#main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {padding: 9px 20px 9px 20px;}
#main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {font-weight: normal;}
#main-body ul.menu li.active > a, #main-body ul.menu li.active > .separator, #main-body ul.menu li.active > .item {font-weight: bold;}
#main-body ul.menu ul ul {padding: 0; margin: 0;}
#main-body ul.menu li li {padding: 0;margin: 0;font-size: 10px;background: none;}
#main-body .round2 ul.menu li li, #main-body .round3 ul.menu li li, #main-body .round4 ul.menu li li, #main-body .round5 ul.menu li li, #main-body .square2 ul.menu li li, #main-body .square3 ul.menu li li, #main-body .square4 ul.menu li li, #main-body .square5 ul.menu li li {background: none;}
#main-body ul.menu li.active.parent ul {margin: 0;padding: 5px 0 15px 0;}
#main-body ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;}
#main-body ul.menu li.active {padding: 0;}
#main-body .menu .subtext em {line-height: 14px;}
#main-body .menu em {display: block;font-size:80%;font-style: normal;font-weight: normal;}

/* Extra Content Styles */
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
fieldset {margin:10px 0 20px 0;border:0;}
fieldset.input, a img, body .pollstableborder {border: 0;}
table.pollstableborder {width: 100%;}
.pollstableborder th {font-size: 130%;text-align: left;}
.pollstableborder td.td_1, .pollstableborder td.td_2 {width:20%;}
.pollstableborder td.td_3 {width: 60%;}
.pollstableborder td div {border-width: 5px;border-style:solid; background: transparent;}
legend {font-size:120%;}
form.poll fieldset {margin: 0 0 10px 0;padding: 0;}
.moduletable h4.poll-title {margin: 0;padding: 0;font-size: 120%;}
.moduletable .poll-line {padding: 9px 5px 11px 5px;font-size: 110%;}
.moduletable .poll-buttons {padding: 0 15px 0 15px;overflow: hidden;width: 130px;margin: 0 auto;}
form.poll input.button {background: none;cursor:pointer;border: none;text-align: center;line-height: 20px;height: 20px;margin-bottom: 5px;float: left;padding: 0;}
.vote-button-wrap .readon-wrap1 {margin-left: 15px;}
form.poll a.results:hover {text-decoration: none;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;z-index:5000;background:#fbf3ad;color:#333;border:2px solid #f8e639;font-size:90%;}
.bannergroup .clr {clear: none !important;}
.bannergroup .banneritem {margin-bottom: 10px;}
dl.poll dt {border-bottom:solid 1px #ccc;font-weight: bold;}
dl.poll dd {padding:6px 0;margin-left: 0;}
.polls_color_1 {background:#000;}
.polls_color_2 {background:#aaa;}
.polls_color_3 {background:#93246F;}
.polls_color_4 {background:#000;}
.polls_color_5 {background:#ccc;}
.polls_color_6 {background:#93246F;}
#main-content .poll {padding-top: 15px;}
.newsfeeds-default .article-info-surround {margin-top: 10px;}
ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav, .featured-text-block ul {margin: 0;padding: 0;}
ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li, .featured-text-block li {list-style: none;margin-bottom: 6px;padding-bottom: 6px;padding-left: 5px;}
ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a, .featured-text-block ul li a {font-weight: bold;font-size: 110%;display: block;padding-left: 15px;}
.bannergroup_text .bannerheader {font-size: 120%;font-weight: bold;margin-bottom: 15px;}
.bannergroup_text .banneritem_text {margin-bottom: 15px;}
.bannergroup_text .banneritem_text a {font-weight: bold;}
.contentdescription {padding:10px 0;overflow:hidden;}
.image_left {float:left;margin:0 10px 10px 0;}
.image_right {float:right;margin:0 0 10px 10px;}

/* Editor Form Overrides */
#main-content form.editor {padding:0;margin:0;}
#main-content form.editor {color:#333;}
#main-content form.editor input, #main-content form.editor textarea {border:1px solid #ccc;}
#main-content form.editor fieldset a {color: #00c;}
#main-content form.editor fieldset {padding:10px; border: 1px solid #ccc;}
#main-content form.editor legend {font-size:120%;margin:15px 0;padding:0 10px;font-weight:bold;}
#main-content form.editor label {display:block;width: 120px;float:left;}
#main-content form.editor div.radio label {display:inline;width:auto;float:none;}

/* Login Styles */
form.form-login p {margin: 0;}
form.form-login .inputbox, input#email, .register-page .inputbox {padding: 5px 0 5px 5px;font-size: 14px;width: 300px;margin-bottom: 10px;display: block;}
.main-login-form form.form-login .inputbox {width: 97%;}
form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;}
form.form-login .login-links a {padding-left: 15px;}
form.form-login input.button, form.log input.button {background: none;cursor:pointer;border: none;text-align: center;line-height: 20px;height: 20px;margin-bottom: 5px;float: left;padding: 0;}
form.form-login fieldset {padding: 0;}
form.log .readon-wrap1 {margin-top: 5px;}
input.button {font-size: 100%;cursor: pointer;padding: 3px 5px;}
form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-left: 2px;}
.register-page input.button, form.josForm input.validate {background: none;border: 0;}
.register-page div.name, .register-page div.user, .register-page div.email, .register-page div.pass, .register-page div.verify_pass {text-align: left;}
form#josForm.form-validate.user, .edit-user-form {float: left;overflow: hidden;padding-bottom: 15px;}
.edit-user-form {padding-top: 15px;}
.register-page fieldset {margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;}
div.user_name {margin-bottom: 10px;}
div.user_name span {font-weight: bold;font-size: 110%;}
.user-params {margin-bottom: 20px;}
.user-params td.paramlist_key {width: auto;}
.edit-user-button {margin: 0 auto;width: 80px;}
.remember-me {margin-top: 5px;margin-bottom: 5px;}
form.form-login .readon-wrap1 {margin-top: 5px;}
a#rokbox-close {height: 20px;width: 20px;}
form.josForm label.hasTip {display: block;float: left;height: 25px;line-height: 25px;margin-right: 5px}

/* Bottom Section */
#bottom {margin: 0;}
#top-button {width: 90px;height: 20px;text-align: center;line-height: 22px;font-weight: bold;font-size: 12px;margin: 0 auto;}
#top-button a:hover {text-decoration: none;}
.top-button-spacer {height: 15px;}
.copyright-block {margin: 15px 0;padding: 15px 0 0 0;position: relative; display:none;}
.footer-div {height: 2px;width: 100%;position: absolute;top: 0;left: 0;}
#copyright {margin: 0 auto;text-align: center;line-height: 200%;}
#rocket {width: 111px;height: 16px;display: block;margin: 0 auto;}
#debug-mod {padding: 15px;}
#bottom ul {margin: 0;padding-left: 10px;list-style: none;}
#bottom ul li a {padding-left: 10px;padding-bottom: 5px;display: block;}
#bottom ul li:hover a {text-decoration: none;}
#footer {position: relative;overflow: hidden;}
.footer-mod {padding: 15px 0;}
#footer a {font-weight: bold;}
#mainmodules3 a {font-weight: bold;}
#bottom .moduletable {padding: 15px;}

/* RokTabs */
.roktabs-wrapper {padding: 0;position: relative;margin: 0;}
.round .roktabs-wrapper, .round2 .roktabs-wrapper, .round3 .roktabs-wrapper, .round4 .roktabs-wrapper, .round5 .roktabs-wrapper, .square .roktabs-wrapper, .square2 .roktabs-wrapper, .square3 .roktabs-wrapper, .square4 .roktabs-wrapper, .square5 .roktabs-wrapper {margin: -15px 0;}
.roktabs {position: relative;z-index: 3;}
.roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;}
.roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;width:50000px;}
.roktabs-wrapper .roktabs-container-wrapper div {float: left;}
.roktabs-wrapper .roktabs-container-wrapper div.wrapper {padding: 15px 0;width: auto;}
.roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 55px;overflow: hidden;}
.roktabs-wrapper .active-arrows .roktabs-links {margin: 0 20px;padding: 0;height: 55px;}
.roktabs-wrapper .roktabs-links ul {text-align: left;list-style-type: none;overflow:hidden;margin: 0;height: 55px;}
.roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 55px;line-height: 42px;text-transform: lowercase;font-size: 110%;}
.tabs-bottom .roktabs-links ul li {line-height: 42px;}
.roktabs-wrapper .roktabs-links ul li span {padding: 0 11px;display: block;height: 55px;}
.roktabs-wrapper .roktabs-links ul {padding: 0;}
.roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 50px;}
.roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 20px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 17px;height:9px;width: 7px;}
.roktabs-wrapper .arrow-next {right: 0;}
.roktabs-wrapper .arrow-prev {left: 0;}
.roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;}
.tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;}

/* RokStories */
.feature-module .feature-block .readon-wrap1 span {height: 21px; line-height: 21px;}
.feature-module .rokstories-layout3 .description .feature-title { line-height: 130%; height: 130%; margin-bottom: 5px;}
.feature-block .image-full {margin: 0px auto;}
.rokstories-tip {z-index: 1000;}

/* RSS Feeds */
ul.newsfeed {margin: 0;padding: 0;}
a.newsfeed-title {text-transform: uppercase;font-weight: bold;}
ul.newsfeed li {list-style: none;padding-left: 12px;margin-bottom: 12px;}
ul.newsfeed li a {font-weight: bold;font-size: 120%;}
ul.newsfeed .newsfeed-div {display: block;padding-bottom: 1px;}

/* Typography */
.readon-wrap1 {margin-top: 15px;position:relative;float:left;}
.readon-wrap1 span {display:block;height: 22px;line-height: 20px;}
a.readon {font-weight: bold;}
a.readon-main {font-size: 12px;cursor: pointer;font-weight: bold;}
a.readon-main:hover {text-decoration: none;}
.readon1-l {position:absolute;width: 8px;height: 21px;left:0;top:0;}
.readon1-m {margin-left: 8px;text-align: center;padding-left:2px;}
.readon1-r, #showcase-section .feature-module .readon1-r {margin-right: -8px;padding-right: 10px;}
.readon-wrap1 input.button {font-weight: bold;}
#main-body .round .readon1-l, #main-body .square .readon1-l {background-position: 0 -32px;}
#main-body .round .readon1-m, #main-body .square .readon1-m {background-position: 0 -32px;}
#main-body .round .readon1-r, #main-body .square .readon1-r {background-position: 100% -32px;}
#main-body .round2 .readon1-l, #main-body .square2 .readon1-l {background-position: 0 -64px;}
#main-body .round2 .readon1-m, #main-body .square2 .readon1-m {background-position: 0 -64px;}
#main-body .round2 .readon1-r, #main-body .square2 .readon1-r {background-position: 100% -64px;}
#main-body .round3 .readon1-l, #main-body .square3 .readon1-l {background-position: 0 -96px;}
#main-body .round3 .readon1-m, #main-body .square3 .readon1-m {background-position: 0 -96px;}
#main-body .round3 .readon1-r, #main-body .square3 .readon1-r {background-position: 100% -96px;}
#main-body .round4 .readon1-l, #main-body .square4 .readon1-l {background-position: 0 -161px;}
#main-body .round4 .readon1-m, #main-body .square4 .readon1-m {background-position: 0 -161px;}
#main-body .round4 .readon1-r, #main-body .square4 .readon1-r {background-position: 100% -161px;}
#main-body .round5 .readon1-l, #main-body .square5 .readon1-l {background-position: 0 -193px;}
#main-body .round5 .readon1-m, #main-body .square5 .readon1-m {background-position: 0 -193px;}
#main-body .round5 .readon1-r, #main-body .square5 .readon1-r {background-position: 100% -193px;}
ul.tablist {margin: 0;padding: 0;}
ul.tablist li {list-style: none;margin-bottom: 20px;padding-left: 85px;position: relative;}
ul.tablist li span.tabtext {display: block;position: absolute;left: 0;top: 0;font-weight: bold;text-transform: uppercase;font-size: 12px;width: 70px;height: 30px;line-height: 30px;text-align: center;padding-right: 5px;}

/* RokQuickCart*/
#main-content .cart_product_grad, #main-content .cart_grad {position: absolute;top: 0;left: 0;width: 100%;height: 55px;z-index: 2;}
#main-content .cart_product_sur1, #main-content .cart_product_sur2, #main-content .cart_sur1, #main-content .cart_sur2 {position: absolute;height: 55px;width: 12px;z-index: 4;}
#main-content .cart_product_sur3, #main-content .cart_product_sur4, #main-content .cart_sur3, #main-content .cart_sur4 {position: absolute;height: 12px;width: 12px;z-index: 4;}
#main-content .cart_product_sur1, #main-content .cart_sur1 {top: -1px;left: -1px;}
#main-content .cart_product_sur2, #main-content .cart_sur2 {top: -1px;right: -1px;}
#main-content .cart_product_sur3, #main-content .cart_sur3 {bottom: -1px;left: -1px;}
#main-content .cart_product_sur4, #main-content .cart_sur4 {bottom: -1px;right: -1px;}
#main-content .cart_padding {padding: 15px 20px;}
#main-content .cart_yourcart {overflow: visible;}
#main-content .cart_yourcart_items {border: 0;z-index: 5;}
#main-content .cart_quickcart, #main-content .cart_quickcart h2 {margin-top: 0;}

/* Demo Tutorials */
pre {overflow: auto;}
.tutorial-block .written-listing {background: url(../images/write-list.png) no-repeat 0 1px;float: left;width: 24%;margin-top: 15px;overflow: hidden;}
.tutorial-block .written-listing .content {padding: 0 15px;}
.tutorial-block .written-listing .desc {font-size: 85%;}
.tutorial-block .categories {background: url(../images/write-list.png) no-repeat 10px 2px;float: left;width: 288px;margin-top: 12px;overflow: hidden;}
.tutorial-block .categories-content {padding: 0 15px 0 25px;}
.body-dark img.demo {border: 5px solid #444;}
.body-light img.demo {border: 5px solid #ccc;}
.ext-block {margin-bottom: 20px;overflow: hidden;}
.ext-block .ext-img {float: left; margin-right: 20px; margin-bottom: 50px;}
.ext-block .ext-divider {height: 10px; display: block;}

/* Demo Frontpage Main Content */
.demo-main-left {float: left;width: 45%;}
.demo-main-right {float: right;width: 45%;}
.demo-main-divider {height: 100px;position: absolute;left: 50%;top: 32px;width: 2px;margin-left: -2px;}
.body-light .demo-main-divider {background: url(../images/body/light/assets-1.png) no-repeat 0px -126px;}
.body-dark .demo-main-divider {background: url(../images/body/dark/assets-1.png) no-repeat 0px -126px;}
.demo-submain-block {float: left;width: 25%;}
.demo-submain-text {width: 200px;margin: 0px auto;}
.demo-submain-img {margin-bottom: 10px;}
.body-light .demo-submain-img {border: 2px solid #ccc;}
.body-dark .demo-submain-img {border: 2px solid #262626;}
.demo-footer-block {float: left;width: 25%;margin-top: 25px;}
.demo-footer-text {margin: 0px 15px;}
.demo-footer-divider { height: 60px;float: left;width: 2px;margin-left: -2px;margin-top: 30px;}
.demo-footer-block .readon-wrap1 {margin-top: 0;}
.body-light .demo-footer-divider {background: url(../images/body/light/assets-1.png) no-repeat -268px -126px;}
.body-dark .demo-footer-divider {background: url(../images/body/dark/assets-1.png) no-repeat -268px -126px;}
.demo-footer-block ul.special-13 {margin-left: 0 !important;padding-left: 0 !important;margin-bottom: 0;}
.demo-footer-block ul.special-13 li {margin-bottom: 2px !important;}
.logo-list {text-transform: uppercase;font-size: 24px;list-style: none;font-family: "Trebuchet MS";margin: 0;}
.logo-list li {height: 35px;line-height: 35px;}
.logo-list a {margin: 0 0 0 12px;display: inline-block;color: #fff;text-shadow: -1px -1px 0 #333;}
.logo-list a span {margin-left: -12px;display: block;padding: 0 5px;}
.logo-list a:hover {text-decoration: none;}

h1, h2{font-family: Bebas, Helvetica,Arial,sans-serif;font-weight: bold;}
.moduletable h3{font-family: Bebas, Helvetica,Arial,sans-serif;font-weight: bold;}
/*li a {font-family:Bebas, Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif;}*/
.latestnewsround2{list-style-type:none;margin-left:0;padding-left:0px;}
.latestnewsround2 div span{display:block;margin-top:5px; font-weight: bold;}
.footer-module {text-align: center;}

CSS
/* Rounded box */
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:850px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;

 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../images/dialog-white.png) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 20px 10px 10px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

.dialog.type2 .content,
.dialog.type2 .t,
.dialog.type2 .b,
.dialog.type2 .b div {
 background-image:url(../images/dialog-blue.png); /* for another box of a different color */
}
/* Rounded box end */

Open in new window

0
Bob StoneIT GuruCommented:
It is hard to replicate the page and you got a ton of divs on it, so I am not 100% sure, but there are a few outstanding errors.

On  template_css.css, line 533 you need to remove or comment out the "CSS" bit.

It looks like you put ended the dialog div too soon, try moving the code below from lines 256 - 258 to line 284
</div><!-- content -->
 <div class="b"><div></div></div>
</div><!-- end box -->

Open in new window

0
Amanda WatsonWeb DeveloperAuthor Commented:
Ok I moved it but its still not working properly?

0
Amanda WatsonWeb DeveloperAuthor Commented:
The <div class="t"></div> doesn't seem to be applying properly at all?

So confused now - I hope you can help
0
Bob StoneIT GuruCommented:
T is working, B isn't at all now.

You have way too many  tags throughout the page, for example for the source code of the page I took out the content and left only the divs below. It is the same on the rest of the page.
<div class="bodycontent"> 

<div class="dialog"><!-- box --> 
<div class="content"> 
<div class="t"></div> 

	<div id="maincontent-block"> 
		<div class="blog"> 
			<div class="leading"> 
				<div class="module-surround"> 
					<div class="module-surround2">
					</div>
					<div class="module-surround3">
					</div>
					<div class="module-surround4">
					</div>
					<div class="module-surround5">
					</div> 
					<div class=""> 
						<div class="article-rel-wrapper"> 
						</div> 
 						<div class="article-decor">
							<div class="article-decor">
							</div> 
						</div> 
					</div> 
			</div> 
		</div>
	</div> 
</div> 
<div class="clr"></div> 
</div>    
</div> 
</div> 
</div> 
 
</div><!-- content --> 
 <div class="b"><div></div></div> 
</div><!-- end box -->

Open in new window

0
Amanda WatsonWeb DeveloperAuthor Commented:
Im sorry I am not following your next solution sorry?
Are you giving me code to replace my current?
If so can you please give me the whole code as I am not sure what you have just posted there?
0
Amanda WatsonWeb DeveloperAuthor Commented:
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
require( YOURBASEPATH.DS."styles.php");
require( YOURBASEPATH.DS."rt_styleswitcher.php");
JHTML::_( 'behavior.mootools' );
global $template_real_width, $leftcolumn_width, $rightcolumn_width, $tstyle;
global $js_compatibility, $menu_rows_per_column, $menu_columns, $menu_multicollevel;
global $header_style, $body_style, $menu_name;
global $f_enablejs, $f_enable_current, $f_subsoffset_top, $f_subsoffset_left, $f_vertical_animation;
global $f_vertical_duration, $f_horizontal_animation, $f_horizontal_duration, $sm_enable_current;

$live_site                    = $mainframe->getCfg('live_site');
$template_path                   = $this->baseurl . '/templates/' .  $this->template;

$preset_style                   = $this->params->get("presetStyle", "style1");
$header_style                   = $this->params->get("headerStyle", "style1");
$body_style                   = $this->params->get("bodyStyle", "light");

$frontpage_component    = $this->params->get("enableFrontpage", "show");
$enable_ie6warn         = ($this->params->get("enableIe6warn", 0)  == 0)?"false":"true";
$font_family            = $this->params->get("fontFamily", "optima");
$enable_fontspans       = ($this->params->get("enableFontspans", 1)  == 0)?"false":"true";
$enable_inputstyle            = ($this->params->get("enableInputstyle", 1) == 0)?"false":"true";
$inputs_exclusion            = $this->params->get("inputsExclusion", "'.content_vote'");

$template_width             = $this->params->get("templateWidth", "982");
$leftcolumn_width            = $this->params->get("leftcolumnWidth", "260");
$rightcolumn_width            = $this->params->get("rightcolumnWidth", "260");
$leftinset_width            = $this->params->get("leftinsetWidth", "180");
$rightinset_width            = $this->params->get("rightinsetWidth", "180");
$splitmenu_col                  = $this->params->get("splitmenuCol", "rightcol");
$menu_name                         = $this->params->get("menuName", "mainmenu");
$menu_type                         = $this->params->get("menuType", "fusion");
$default_font                   = $this->params->get("defaultFont", "default");
$show_logo                         = ($this->params->get("showLogo", 1)  == 0)?"false":"true";
$show_textsizer                  = ($this->params->get("showTextsizer", 1)  == 0)?"false":"true";
$show_date                         = ($this->params->get("showDate", 0)  == 0)?"false":"true";
$clientside_date            = ($this->params->get("clientSideDate", 0) == 0)?"false":"true";
$show_topbutton             = ($this->params->get("showTopbutton", 1)  == 0)?"false":"true";
$show_copyright             = ($this->params->get("showCopyright", 1)  == 0)?"false":"true";
$copyright_text                  = $this->params->get("copyrightText", "Copyright 2009, All Rights Reserved");
$js_compatibility             = ($this->params->get("jsCompatibility", 0)  == 0)?"false":"true";

// fusion menu
$f_enablejs             = ($this->params->get('roknavmenu_fusion_enable_js', 1) == 0)?"false":"true";
$f_opacity                        = $this->params->get('roknavmenu_fusion_opacity', 1);
$f_effect                        = $this->params->get('roknavmenu_fusion_effect', 'slidefade');
$f_hidedelay                  = $this->params->get('roknavmenu_fusion_hidedelay', 500);
$f_menu_animation             = $this->params->get('roknavmenu_fusion_menu_animation', 'Quad.easeOut');
$f_menu_duration          = $this->params->get('roknavmenu_fusion_menu_duration', 400);
$f_pill                        = $this->params->get('roknavmenu_fusion_pill', 0);
$f_pill_animation             = $this->params->get('roknavmenu_fusion_pill_animation', 'Back.easeOut');
$f_pill_duration             = $this->params->get('roknavmenu_fusion_pill_duration', 400 );
$f_tweakInitial_x             = $this->params->get('roknavmenu_fusion_tweakInitial_x', '0');
$f_tweakInitial_y             = $this->params->get('roknavmenu_fusion_tweakInitial_y', '0');
$f_tweakSubsequent_x       = $this->params->get('roknavmenu_fusion_tweakSubsequent_x', '0');
$f_tweakSubsequent_y       = $this->params->get('roknavmenu_fusion_tweakSubsequent_y', '0');
$f_enable_current       = ($this->params->get('roknavmenu_fusion_enable_current_id', 0) == 0)?"false":"true";

// splitmenu
$sm_enable_current       = ($this->params->get('roknavmenu_splitmenu_enable_current_id', 0) == 0)?"false":"true";

                                                
require(YOURBASEPATH . "/rt_styleloader.php");

?>

<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
      <head>
            <jdoc:include type="head" />
            <?php
            require(YOURBASEPATH . DS . "rt_utils.php");
            require(YOURBASEPATH . DS . "rt_head_includes.php");
      ?>
      </head>
      <body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> body-<?php echo $body_style; ?> head-<?php echo $header_style; ?> <?php echo $pageclass; ?> iehandle">
      <!--Begin Header-->
      <div id="header-bg">
            <!--Begin Horizontal Menu-->
            <?php if($mtype != "none") : ?>
            <div id="horiz-menu" class="<?php echo $mtype; ?>">
                  <div class="wrapper">
                        <div class="padding">
                              <div id="horizmenu-surround">
                              <?php if($mtype != "module") : ?>
                                    <?php echo $topnav; ?>
                              <?php else: ?>
                                    <jdoc:include type="modules" name="toolbar" style="none" />
                              <?php endif; ?>
                              </div>
                        <div class="clr"></div>
                        </div>
                  </div>
            </div>
            <?php endif; ?>
            <!--End Horizontal Menu-->
            <!--Begin Showcase-->
            <?php $mClasses = modulesClasses('case1'); if ($this->countModules('showcase or showcase2 or showcase3') or $show_logo == "true" or $this->countModules('logo')) : ?>
            <div class="wrapper">
                  <div id="showcase-section">
                        <!--Begin Logo-->
                        <?php if ($this->countModules('logo') or $this->countModules('logo2') or $show_logo="true") : ?>
                        <div class="logo-module">
                              <?php if ($this->countModules('logo')) : ?>
                              <jdoc:include type="modules" name="logo" style="xhtml" />
                              <?php elseif ($show_logo == "true") : ?>
                              <a href="<?php echo $this->baseurl; ?>" id="logo"></a>
                              <?php endif; ?>
                              <?php if ($this->countModules('logo2')) : ?>
                              <jdoc:include type="modules" name="logo2" style="xhtml" />
                              <?php endif; ?>
                        </div>
                        <?php endif; ?>
                        <!--End Logo-->
                        <?php if ($this->countModules('feature')) : ?>
                        <div class="feature-module">
                              <jdoc:include type="modules" name="feature" style="showcase" />
                        </div>
                        <div class="clr"></div>
                        <?php endif; ?>
                        <?php if ($this->countModules('banner')) : ?>
                        <div class="banner-module">
                              <jdoc:include type="modules" name="banner" style="main" />
                        </div>
                        <?php endif; ?>
                        <div class="clr"></div>
                        <?php $mClasses = modulesClasses('case1'); if ($this->countModules('showcase or showcase2 or showcase3')) : ?>
                        <div id="showmodules" class="spacer<?php echo $showmod_width; ?>">
                              <?php if ($this->countModules('showcase')) : ?>
                              <div class="block <?php echo $mClasses['showcase'][0]; ?>">
                                    <jdoc:include type="modules" name="showcase" style="showcase" />
                              </div>
                              <?php endif; ?>
                              <?php if ($this->countModules('showcase2')) : ?>
                              <div class="block <?php echo $mClasses['showcase2'][0]; ?>">
                                    <jdoc:include type="modules" name="showcase2" style="showcase" />
                              </div>
                              <?php endif; ?>
                              <?php if ($this->countModules('showcase3')) : ?>
                              <div class="block <?php echo $mClasses['showcase3'][0]; ?>">
                                    <jdoc:include type="modules" name="showcase3" style="showcase" />
                              </div>
                              <?php endif; ?>
                        </div>
                        <?php endif; ?>
                  </div>
            </div>
            <?php endif; ?>
            <!--End Showcase-->
      </div>
      <!--End Header-->
      <!--Begin Top Bar-->
      <?php if ($show_textsizer=="true" or $show_date=="true" or $this->countModules('top-left or top-right or search')) : ?>
      <div id="top-bar">
            <div class="wrapper">
                  <div class="padding">
                        <!--Begin Top Left Tools-->
                        <?php if ($this->countModules('top-left')) : ?>
                        <div id="topleft-mod"><jdoc:include type="modules" name="top-left" style="xhtml" /></div>
                        <?php elseif ($show_date == "true"): ?>
                        <div class="date-block">
                            <?php $now = &JFactory::getDate(); ?>
                              <span class="date1"><?php echo $now->toFormat('%A'); ?></span>
                              <span class="date2"><?php echo $now->toFormat('%B'); ?></span>
                              <span class="date3"><?php echo $now->toFormat('%d'); ?> ,</span>
                              <span class="date4"><?php echo $now->toFormat('%Y'); ?></span>
                        </div>
                        <?php endif; ?>
                        <!--End Top Left Tools-->
                        <!--Begin Top Right Tools-->
                        <?php if ($this->countModules('top-right')) : ?>
                        <div id="topright-mod"><jdoc:include type="modules" name="top-right" style="xhtml" /></div>
                        <?php elseif ($show_textsizer=="true" or $this->countModules('search')) : ?>
                        <?php if ($show_textsizer=="true") : ?>
                        <div id="accessibility">
                              <div class="textsizer-desc"><?php echo JText::_('TEXT_SIZE'); ?></div>
                              <div id="buttons">
                                    <a href="<?php echo JROUTE::_($thisurl . "fontstyle=f-larger"); ?>" title="<?php echo JText::_('INC_FONT_SIZE'); ?>" class="large"><span class="button">&nbsp;</span></a>
                                    <a href="<?php echo JROUTE::_($thisurl . "fontstyle=f-smaller"); ?>" title="<?php echo JText::_('DEC_FONT_SIZE'); ?>" class="small"><span class="button">&nbsp;</span></a>
                              </div>
                        </div>
                        <?php endif; ?>
                        <?php if ($this->countModules('search')) : ?>
                        <div id="searchmod"><jdoc:include type="modules" name="search" style="xhtml" /></div>
                        <?php endif; ?>
                        <?php endif; ?>
                        <!--End Top Right Tools-->
                        <div class="clr"></div>
                  </div>
            </div>
      </div>
      <?php endif; ?>
      <!--End Top Bar-->
      <!--Begin Main Body-->
      <div id="main-body">
            <div id="main-content" class="<?php echo $col_mode; ?>">
                <div class="colmask leftmenu <?php if (rok_isIe(6)) echo 'wrapper'; ?>"><?php if (!rok_isIe(6)):?><div class="wrapper"><?php endif; ?>
                    <div class="colmid">
                          <div class="colright">
                               <!--Begin Main Column (col1wrap)-->  
                                  <div class="col1wrap">
                                      <div class="col1pad">
                                          <div class="col1">
                                                  <div id="maincol">
                                                            <?php if ($this->countModules('breadcrumb')) : ?>
                                                          <div id="breadcrumbs">
                                                                  <a href="<?php echo $this->baseurl; ?>" id="breadcrumbs-home"></a>
                                                                <jdoc:include type="modules" name="breadcrumb" style="none" />
                                                          </div>
                                                          <?php endif; ?>
                                                            <?php $mClasses = modulesClasses('case2'); if ($this->countModules('user1 or user2 or user3')) : ?>
                              <div id="mainmodules" class="spacer<?php echo $mainmod_width; ?>">
                                                                <?php if ($this->countModules('user1')) : ?>
                                                                <div class="block <?php echo $mClasses['user1'][0]; ?>">
                                                                      <jdoc:include type="modules" name="user1" style="main" />
                                                                </div>
                                                                <?php endif; ?>
                                                                <?php if ($this->countModules('user2')) : ?>
                                                                <div class="block <?php echo $mClasses['user2'][0]; ?>">
                                                                      <jdoc:include type="modules" name="user2" style="main" />
                                                                </div>
                                                                <?php endif; ?>
                                                                <?php if ($this->countModules('user3')) : ?>
                                                                <div class="block <?php echo $mClasses['user3'][0]; ?>">
                                                                      <jdoc:include type="modules" name="user3" style="main" />
                                                                </div>
                                                                <?php endif; ?>
                                                          </div>
                                                          <?php endif; ?>
                                    <div class="bodycontent">
                                                                <?php if ($this->countModules('inset2') and !$editmode) : ?>
                                                                <div id="inset-block-right">
                                                                      <jdoc:include type="modules" name="inset2" style="main" />
                                                                </div>
                                                                <?php endif; ?>
                                                                <?php if ($this->countModules('inset') and !$editmode) : ?>
                                                                <div id="inset-block-left">
                                                                      <jdoc:include type="modules" name="inset" style="main" />
                                                                </div>
                                                                <?php endif; ?>

<div class="dialog"><!-- box -->
 <div class="content">
  <div class="t"></div>
                            
                                                                <div id="maincontent-block">
                                                                        <jdoc:include type="message" />
                                                                        <?php if (!($frontpage_component == 'hide' and JRequest::getVar('view') == 'frontpage')): ?>
                                                                        <jdoc:include type="component" />
                                                                        <?php endif; ?>
                                                                </div>



                                                          </div>
                                                          <div class="clr"></div>
                                                             <?php $mClasses = modulesClasses('case3'); if ($this->countModules('user4 or user5 or user6')) : ?>
                                                             <div id="mainmodules2" class="spacer<?php echo $mainmod2_width; ?>">
                                                                   <?php if ($this->countModules('user4')) : ?>
                                                                   <div class="block <?php echo $mClasses['user4'][0]; ?>">
                                                                         <jdoc:include type="modules" name="user4" style="main" />
                                                                   </div>
                                                                   <?php endif; ?>
                                                                   <?php if ($this->countModules('user5')) : ?>
                                                                   <div class="block <?php echo $mClasses['user5'][0]; ?>">
                                                                         <jdoc:include type="modules" name="user5" style="main" />
                                                                   </div>
                                                                   <?php endif; ?>
                                                                   <?php if ($this->countModules('user6')) : ?>
                                                                   <div class="block <?php echo $mClasses['user6'][0]; ?>">
                                                                         <jdoc:include type="modules" name="user6" style="main" />
                                                                   </div>
                                                                   <?php endif; ?>
                                                             </div>
                                                             <?php endif; ?>
                                                      </div>    
                                                </div>
                                      </div>
                                  </div>

</div><!-- content -->
 <div class="b"><div></div></div>
</div><!-- end box -->

                                  <!--End Main Column (col1wrap)-->
                                <!--Begin Left Column (col2)-->
                                <?php if ($leftcolumn_width != 0) : ?>
                                  <div class="col2">
                                          <div id="leftcol">
                                                <?php if ($subnav and $splitmenu_col=="leftcol") : ?>
                                                      <?php echo $subnav; ?>
                                                <?php endif; ?>
                                                <jdoc:include type="modules" name="left" style="main" />
                                                <?php if (!isset($active)) :?>
                                                <jdoc:include type="modules" name="inactive" style="main" />    
                                                <?php endif; ?>
                                          </div>
                                  </div>
                                  <?php endif; ?>
                                  <!--End Left Column (col2)-->
                                  <!--Begin Right Column (col3)-->
                                  <?php if ($rightcolumn_width != 0) : ?>
                                  <div class="col3">
                                          <div id="rightcol">
                                                <?php if ($subnav and $splitmenu_col=="rightcol") : ?>
                                                <div class="sidenav-block">
                                                      <?php echo $subnav; ?>
                                                </div>
                                                <?php endif; ?>
                                                <jdoc:include type="modules" name="right" style="main" />
                                          </div>
                                  </div>
                                  <?php endif; ?>
                                  <!--End Right Column (col3)-->
                              </div>
                        </div>
                  </div><?php if (!rok_isIe(6)):?></div><?php endif; ?>
            </div>
            <!--Begin Main Bottom-->
            <?php $mClasses = modulesClasses('case5'); if ($this->countModules('user7 or user8 or user9')) : ?>
            <div id="bottom-main">
                  <div class="wrapper">
                        <div id="mainmodules3" class="spacer<?php echo $mainmod3_width; ?>">
                              <?php if ($this->countModules('user7')) : ?>
                              <div class="block <?php echo $mClasses['user7'][0]; ?>">
                                    <jdoc:include type="modules" name="user7" style="main" />
                              </div>
                              <?php endif; ?>
                              <?php if ($this->countModules('user8')) : ?>
                              <div class="block <?php echo $mClasses['user8'][0]; ?>">
                                    <jdoc:include type="modules" name="user8" style="main" />
                              </div>
                              <?php endif; ?>
                              <?php if ($this->countModules('user9')) : ?>
                              <div class="block <?php echo $mClasses['user9'][0]; ?>">
                                    <jdoc:include type="modules" name="user9" style="main" />
                              </div>
                              <?php endif; ?>
                        </div>
                  </div>
            </div>
            <?php endif; ?>      
            <!--End Main Bottom-->
      </div>
      <!--End Main Body-->
      <!--Begin Bottom Section-->
      <?php $mClasses = modulesClasses('case4'); if ($this->countModules('bottom or bottom2 or bottom3')) : ?>
      <div id="bottom">
            <div class="wrapper">
                  <div id="mainmodules4" class="spacer<?php echo $mainmod4_width; ?>">
                        <?php if ($this->countModules('bottom')) : ?>
                        <div class="block <?php echo $mClasses['bottom'][0]; ?>">
                              <jdoc:include type="modules" name="bottom" style="main" />
                        </div>
                        <?php endif; ?>
                        <?php if ($this->countModules('bottom2')) : ?>
                        <div class="block <?php echo $mClasses['bottom2'][0]; ?>">
                              <jdoc:include type="modules" name="bottom2" style="main" />
                        </div>
                        <?php endif; ?>
                        <?php if ($this->countModules('bottom3')) : ?>
                        <div class="block <?php echo $mClasses['bottom3'][0]; ?>">
                              <jdoc:include type="modules" name="bottom3" style="main" />
                        </div>
                        <?php endif; ?>
                  </div>
            </div>
      </div>
      <?php endif; ?>
      <!--End Bottom Section-->
      <!--Begin Footer-->
      <?php $mClasses = modulesClasses('case6'); if ($this->countModules('footer or footer2 or footer3 or footer4') or $show_copyright == "true" or $show_topbutton == "true") : ?>
      <div id="footer">
            <div class="wrapper">
                  <?php $mClasses = modulesClasses('case6'); if ($this->countModules('footer or footer2 or footer3')) : ?>
                  <div id="mainmodules5" class="spacer<?php echo $mainmod5_width; ?>">
                        <?php if ($this->countModules('footer')) : ?>
                        <div class="block <?php echo $mClasses['footer'][0]; ?>">
                              <jdoc:include type="modules" name="footer" style="main" />
                        </div>
                        <?php endif; ?>
                        <?php if ($this->countModules('footer2')) : ?>
                        <div class="block <?php echo $mClasses['footer2'][0]; ?>">
                              <jdoc:include type="modules" name="footer2" style="main" />
                        </div>
                        <?php endif; ?>
                        <?php if ($this->countModules('footer3')) : ?>
                        <div class="block <?php echo $mClasses['footer3'][0]; ?>">
                              <jdoc:include type="modules" name="footer3" style="main" />
                        </div>
                        <?php endif; ?>
                  </div>
                  <?php endif; ?>
                  <!--Begin Copyright Section-->
                  <?php if ($this->countModules('footer4') or $show_copyright == "true" or $show_topbutton == "true") : ?>
                  <div class="copyright-block">
                  <?php if ($this->countModules('footer or footer2 or footer3')) : ?>
                  <div class="footer-div"></div>
                  <?php endif; ?>
                  <?php if ($show_copyright == "true") : ?>
                  
                  <div id="copyright">
                        &copy; <?php echo $copyright_text; ?>
                  </div>
                  <?php else: ?>
                  <div class="footer-mod">
                        <jdoc:include type="modules" name="footer4" style="main" />
                  </div>
                  <?php endif; ?>
                  
                  </div>
                  <?php endif; ?>
                  <!--End Copyright Section-->
            </div>
      </div>
      <?php endif; ?>
      <!--End Footer-->      
      <?php if ($this->countModules('debug')) : ?>
      <div id="debug-mod"><jdoc:include type="modules" name="debug" style="none" /></div>
      <?php endif; ?>
      </body>
</html>
0
Amanda WatsonWeb DeveloperAuthor Commented:
I just posted what my template was and below is what I posted it to:

and I couldn't see any content on the page at all so whatever I did whether it was what you intended or not, definately didn't work
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
require( YOURBASEPATH.DS."styles.php");
require( YOURBASEPATH.DS."rt_styleswitcher.php");
JHTML::_( 'behavior.mootools' );
global $template_real_width, $leftcolumn_width, $rightcolumn_width, $tstyle;
global $js_compatibility, $menu_rows_per_column, $menu_columns, $menu_multicollevel;
global $header_style, $body_style, $menu_name;
global $f_enablejs, $f_enable_current, $f_subsoffset_top, $f_subsoffset_left, $f_vertical_animation;
global $f_vertical_duration, $f_horizontal_animation, $f_horizontal_duration, $sm_enable_current;

$live_site        		= $mainframe->getCfg('live_site');
$template_path 			= $this->baseurl . '/templates/' .  $this->template;

$preset_style 			= $this->params->get("presetStyle", "style1");
$header_style 			= $this->params->get("headerStyle", "style1");
$body_style 			= $this->params->get("bodyStyle", "light");

$frontpage_component    = $this->params->get("enableFrontpage", "show");
$enable_ie6warn         = ($this->params->get("enableIe6warn", 0)  == 0)?"false":"true";
$font_family            = $this->params->get("fontFamily", "optima");
$enable_fontspans       = ($this->params->get("enableFontspans", 1)  == 0)?"false":"true";
$enable_inputstyle		= ($this->params->get("enableInputstyle", 1) == 0)?"false":"true";
$inputs_exclusion		= $this->params->get("inputsExclusion", "'.content_vote'");

$template_width 		= $this->params->get("templateWidth", "982");
$leftcolumn_width		= $this->params->get("leftcolumnWidth", "260");
$rightcolumn_width		= $this->params->get("rightcolumnWidth", "260");
$leftinset_width		= $this->params->get("leftinsetWidth", "180");
$rightinset_width		= $this->params->get("rightinsetWidth", "180");
$splitmenu_col			= $this->params->get("splitmenuCol", "rightcol");
$menu_name 				= $this->params->get("menuName", "mainmenu");
$menu_type 				= $this->params->get("menuType", "fusion");
$default_font 			= $this->params->get("defaultFont", "default");
$show_logo		 		= ($this->params->get("showLogo", 1)  == 0)?"false":"true";
$show_textsizer			= ($this->params->get("showTextsizer", 1)  == 0)?"false":"true";
$show_date		 		= ($this->params->get("showDate", 0)  == 0)?"false":"true";
$clientside_date		= ($this->params->get("clientSideDate", 0) == 0)?"false":"true";
$show_topbutton 		= ($this->params->get("showTopbutton", 1)  == 0)?"false":"true";
$show_copyright 		= ($this->params->get("showCopyright", 1)  == 0)?"false":"true";
$copyright_text			= $this->params->get("copyrightText", "Copyright 2009, All Rights Reserved");
$js_compatibility	 	= ($this->params->get("jsCompatibility", 0)  == 0)?"false":"true";

// fusion menu
$f_enablejs             = ($this->params->get('roknavmenu_fusion_enable_js', 1) == 0)?"false":"true";
$f_opacity				= $this->params->get('roknavmenu_fusion_opacity', 1);
$f_effect				= $this->params->get('roknavmenu_fusion_effect', 'slidefade');
$f_hidedelay			= $this->params->get('roknavmenu_fusion_hidedelay', 500);
$f_menu_animation 		= $this->params->get('roknavmenu_fusion_menu_animation', 'Quad.easeOut');
$f_menu_duration	    = $this->params->get('roknavmenu_fusion_menu_duration', 400);
$f_pill		            = $this->params->get('roknavmenu_fusion_pill', 0);
$f_pill_animation 		= $this->params->get('roknavmenu_fusion_pill_animation', 'Back.easeOut');
$f_pill_duration 		= $this->params->get('roknavmenu_fusion_pill_duration', 400 );
$f_tweakInitial_x 		= $this->params->get('roknavmenu_fusion_tweakInitial_x', '0');
$f_tweakInitial_y 		= $this->params->get('roknavmenu_fusion_tweakInitial_y', '0');
$f_tweakSubsequent_x 	= $this->params->get('roknavmenu_fusion_tweakSubsequent_x', '0');
$f_tweakSubsequent_y 	= $this->params->get('roknavmenu_fusion_tweakSubsequent_y', '0');
$f_enable_current       = ($this->params->get('roknavmenu_fusion_enable_current_id', 0) == 0)?"false":"true";

// splitmenu
$sm_enable_current       = ($this->params->get('roknavmenu_splitmenu_enable_current_id', 0) == 0)?"false":"true";

								
require(YOURBASEPATH . "/rt_styleloader.php");

?>

<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
	<head>
		<jdoc:include type="head" />
		<?php
		require(YOURBASEPATH . DS . "rt_utils.php");
		require(YOURBASEPATH . DS . "rt_head_includes.php");
	?>
	</head>
	<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> body-<?php echo $body_style; ?> head-<?php echo $header_style; ?> <?php echo $pageclass; ?> iehandle">
	<!--Begin Header-->
	<div id="header-bg">
		<!--Begin Horizontal Menu-->
		<?php if($mtype != "none") : ?>
		<div id="horiz-menu" class="<?php echo $mtype; ?>">
			<div class="wrapper">
				<div class="padding">
					<div id="horizmenu-surround">
					<?php if($mtype != "module") : ?>
						<?php echo $topnav; ?>
					<?php else: ?>
						<jdoc:include type="modules" name="toolbar" style="none" />
					<?php endif; ?>
					</div>
				<div class="clr"></div>
				</div>
			</div>
		</div>
		<?php endif; ?>
		<!--End Horizontal Menu-->
		<!--Begin Showcase-->
		<?php $mClasses = modulesClasses('case1'); if ($this->countModules('showcase or showcase2 or showcase3') or $show_logo == "true" or $this->countModules('logo')) : ?>
		<div class="wrapper">
			<div id="showcase-section">
				<!--Begin Logo-->
				<?php if ($this->countModules('logo') or $this->countModules('logo2') or $show_logo="true") : ?>
				<div class="logo-module">
					<?php if ($this->countModules('logo')) : ?>
					<jdoc:include type="modules" name="logo" style="xhtml" />
					<?php elseif ($show_logo == "true") : ?>
					<a href="<?php echo $this->baseurl; ?>" id="logo"></a>
					<?php endif; ?>
					<?php if ($this->countModules('logo2')) : ?>
					<jdoc:include type="modules" name="logo2" style="xhtml" />
					<?php endif; ?>
				</div>
				<?php endif; ?>
				<!--End Logo-->
				<?php if ($this->countModules('feature')) : ?>
				<div class="feature-module">
					<jdoc:include type="modules" name="feature" style="showcase" />
				</div>
				<div class="clr"></div>
				<?php endif; ?>
				<?php if ($this->countModules('banner')) : ?>
				<div class="banner-module">
					<jdoc:include type="modules" name="banner" style="main" />
				</div>
				<?php endif; ?>
				<div class="clr"></div>
				<?php $mClasses = modulesClasses('case1'); if ($this->countModules('showcase or showcase2 or showcase3')) : ?>
				<div id="showmodules" class="spacer<?php echo $showmod_width; ?>">
					<?php if ($this->countModules('showcase')) : ?>
					<div class="block <?php echo $mClasses['showcase'][0]; ?>">
						<jdoc:include type="modules" name="showcase" style="showcase" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('showcase2')) : ?>
					<div class="block <?php echo $mClasses['showcase2'][0]; ?>">
						<jdoc:include type="modules" name="showcase2" style="showcase" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('showcase3')) : ?>
					<div class="block <?php echo $mClasses['showcase3'][0]; ?>">
						<jdoc:include type="modules" name="showcase3" style="showcase" />
					</div>
					<?php endif; ?>
				</div>
				<?php endif; ?>
			</div>
		</div>
		<?php endif; ?>
		<!--End Showcase-->
	</div>
	<!--End Header-->
	<!--Begin Top Bar-->
	<?php if ($show_textsizer=="true" or $show_date=="true" or $this->countModules('top-left or top-right or search')) : ?>
	<div id="top-bar">
		<div class="wrapper">
			<div class="padding">
				<!--Begin Top Left Tools-->
				<?php if ($this->countModules('top-left')) : ?>
				<div id="topleft-mod"><jdoc:include type="modules" name="top-left" style="xhtml" /></div>
				<?php elseif ($show_date == "true"): ?>
				<div class="date-block">
				    <?php $now = &JFactory::getDate(); ?>
					<span class="date1"><?php echo $now->toFormat('%A'); ?></span>
					<span class="date2"><?php echo $now->toFormat('%B'); ?></span>
					<span class="date3"><?php echo $now->toFormat('%d'); ?> ,</span>
					<span class="date4"><?php echo $now->toFormat('%Y'); ?></span>
				</div>
				<?php endif; ?>
				<!--End Top Left Tools-->
				<!--Begin Top Right Tools-->
				<?php if ($this->countModules('top-right')) : ?>
				<div id="topright-mod"><jdoc:include type="modules" name="top-right" style="xhtml" /></div>
				<?php elseif ($show_textsizer=="true" or $this->countModules('search')) : ?>
				<?php if ($show_textsizer=="true") : ?>
				<div id="accessibility">
					<div class="textsizer-desc"><?php echo JText::_('TEXT_SIZE'); ?></div>
					<div id="buttons">
						<a href="<?php echo JROUTE::_($thisurl . "fontstyle=f-larger"); ?>" title="<?php echo JText::_('INC_FONT_SIZE'); ?>" class="large"><span class="button">&nbsp;</span></a>
						<a href="<?php echo JROUTE::_($thisurl . "fontstyle=f-smaller"); ?>" title="<?php echo JText::_('DEC_FONT_SIZE'); ?>" class="small"><span class="button">&nbsp;</span></a>
					</div>
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('search')) : ?>
				<div id="searchmod"><jdoc:include type="modules" name="search" style="xhtml" /></div>
				<?php endif; ?>
				<?php endif; ?>
				<!--End Top Right Tools-->
				<div class="clr"></div>
			</div>
		</div>
	</div>
	<?php endif; ?>
	<!--End Top Bar-->
	<!--Begin Main Body-->
	<div id="main-body">
		<div id="main-content" class="<?php echo $col_mode; ?>">
		    <div class="colmask leftmenu <?php if (rok_isIe(6)) echo 'wrapper'; ?>"><?php if (!rok_isIe(6)):?><div class="wrapper"><?php endif; ?>
		        <div class="colmid">
		    	    <div class="colright">
				       <!--Begin Main Column (col1wrap)-->   
					    <div class="col1wrap">
					        <div class="col1pad">
					            <div class="col1">
							        <div id="maincol">
										<?php if ($this->countModules('breadcrumb')) : ?>
    									<div id="breadcrumbs">
											<a href="<?php echo $this->baseurl; ?>" id="breadcrumbs-home"></a>
    										<jdoc:include type="modules" name="breadcrumb" style="none" />
    									</div>
    									<?php endif; ?>
										<?php $mClasses = modulesClasses('case2'); if ($this->countModules('user1 or user2 or user3')) : ?>
					<div id="mainmodules" class="spacer<?php echo $mainmod_width; ?>">
    										<?php if ($this->countModules('user1')) : ?>
    										<div class="block <?php echo $mClasses['user1'][0]; ?>">
    											<jdoc:include type="modules" name="user1" style="main" />
    										</div>
    										<?php endif; ?>
    										<?php if ($this->countModules('user2')) : ?>
    										<div class="block <?php echo $mClasses['user2'][0]; ?>">
    											<jdoc:include type="modules" name="user2" style="main" />
    										</div>
    										<?php endif; ?>
    										<?php if ($this->countModules('user3')) : ?>
    										<div class="block <?php echo $mClasses['user3'][0]; ?>">
    											<jdoc:include type="modules" name="user3" style="main" />
    										</div>
    										<?php endif; ?>
    									</div>
    									<?php endif; ?>
<div class="bodycontent"> 

<div class="dialog"><!-- box --> 
<div class="content"> 
<div class="t"></div> 

	<div id="maincontent-block"> 
		<div class="blog"> 
			<div class="leading"> 
				<div class="module-surround"> 
					<div class="module-surround2">
					</div>
					<div class="module-surround3">
					</div>
					<div class="module-surround4">
					</div>
					<div class="module-surround5">
					</div> 
					<div class=""> 
						<div class="article-rel-wrapper"> 
						</div> 
 						<div class="article-decor">
							<div class="article-decor">
							</div> 
						</div> 
					</div> 
			</div> 
		</div>
	</div> 
</div> 
<div class="clr"></div> 
</div>    
</div> 
</div> 
</div> 
 
</div><!-- content --> 
 <div class="b"><div></div></div> 
</div><!-- end box -->

					    <!--End Main Column (col1wrap)-->
				        <!--Begin Left Column (col2)-->
				        <?php if ($leftcolumn_width != 0) : ?>
					    <div class="col2">
							<div id="leftcol">
								<?php if ($subnav and $splitmenu_col=="leftcol") : ?>
									<?php echo $subnav; ?>
								<?php endif; ?>
								<jdoc:include type="modules" name="left" style="main" />
								<?php if (!isset($active)) :?>
								<jdoc:include type="modules" name="inactive" style="main" />    
								<?php endif; ?>
							</div>
					    </div>
					    <?php endif; ?> 
					    <!--End Left Column (col2)-->
					    <!--Begin Right Column (col3)-->
					    <?php if ($rightcolumn_width != 0) : ?>
					    <div class="col3">
							<div id="rightcol">
								<?php if ($subnav and $splitmenu_col=="rightcol") : ?>
								<div class="sidenav-block">
									<?php echo $subnav; ?>
								</div>
								<?php endif; ?>
								<jdoc:include type="modules" name="right" style="main" />
							</div>
					    </div>
					    <?php endif; ?> 
					    <!--End Right Column (col3)-->
					</div>
				</div>
			</div><?php if (!rok_isIe(6)):?></div><?php endif; ?>
		</div>
		<!--Begin Main Bottom-->
		<?php $mClasses = modulesClasses('case5'); if ($this->countModules('user7 or user8 or user9')) : ?>
		<div id="bottom-main">
			<div class="wrapper">
				<div id="mainmodules3" class="spacer<?php echo $mainmod3_width; ?>">
					<?php if ($this->countModules('user7')) : ?>
					<div class="block <?php echo $mClasses['user7'][0]; ?>">
						<jdoc:include type="modules" name="user7" style="main" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('user8')) : ?>
					<div class="block <?php echo $mClasses['user8'][0]; ?>">
						<jdoc:include type="modules" name="user8" style="main" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('user9')) : ?>
					<div class="block <?php echo $mClasses['user9'][0]; ?>">
						<jdoc:include type="modules" name="user9" style="main" />
					</div>
					<?php endif; ?>
				</div>
			</div>
		</div>
		<?php endif; ?>	
		<!--End Main Bottom-->
	</div>
	<!--End Main Body-->
	<!--Begin Bottom Section-->
	<?php $mClasses = modulesClasses('case4'); if ($this->countModules('bottom or bottom2 or bottom3')) : ?>
	<div id="bottom">
		<div class="wrapper">
			<div id="mainmodules4" class="spacer<?php echo $mainmod4_width; ?>">
				<?php if ($this->countModules('bottom')) : ?>
				<div class="block <?php echo $mClasses['bottom'][0]; ?>">
					<jdoc:include type="modules" name="bottom" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('bottom2')) : ?>
				<div class="block <?php echo $mClasses['bottom2'][0]; ?>">
					<jdoc:include type="modules" name="bottom2" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('bottom3')) : ?>
				<div class="block <?php echo $mClasses['bottom3'][0]; ?>">
					<jdoc:include type="modules" name="bottom3" style="main" />
				</div>
				<?php endif; ?>
			</div>
		</div>
	</div>
	<?php endif; ?>
	<!--End Bottom Section-->
	<!--Begin Footer-->
	<?php $mClasses = modulesClasses('case6'); if ($this->countModules('footer or footer2 or footer3 or footer4') or $show_copyright == "true" or $show_topbutton == "true") : ?>
	<div id="footer">
		<div class="wrapper">
			<?php $mClasses = modulesClasses('case6'); if ($this->countModules('footer or footer2 or footer3')) : ?>
			<div id="mainmodules5" class="spacer<?php echo $mainmod5_width; ?>">
				<?php if ($this->countModules('footer')) : ?>
				<div class="block <?php echo $mClasses['footer'][0]; ?>">
					<jdoc:include type="modules" name="footer" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('footer2')) : ?>
				<div class="block <?php echo $mClasses['footer2'][0]; ?>">
					<jdoc:include type="modules" name="footer2" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('footer3')) : ?>
				<div class="block <?php echo $mClasses['footer3'][0]; ?>">
					<jdoc:include type="modules" name="footer3" style="main" />
				</div>
				<?php endif; ?>
			</div>
			<?php endif; ?>
			<!--Begin Copyright Section-->
			<?php if ($this->countModules('footer4') or $show_copyright == "true" or $show_topbutton == "true") : ?>
			<div class="copyright-block">
			<?php if ($this->countModules('footer or footer2 or footer3')) : ?>
			<div class="footer-div"></div>
			<?php endif; ?>
			<?php if ($show_copyright == "true") : ?>
			
			<div id="copyright">
				&copy; <?php echo $copyright_text; ?>
			</div>
			<?php else: ?>
			<div class="footer-mod">
				<jdoc:include type="modules" name="footer4" style="main" />
			</div>
			<?php endif; ?>
			
			</div>
			<?php endif; ?>
			<!--End Copyright Section-->
		</div>
	</div>
	<?php endif; ?>
	<!--End Footer-->	
	<?php if ($this->countModules('debug')) : ?>
	<div id="debug-mod"><jdoc:include type="modules" name="debug" style="none" /></div>
	<?php endif; ?>
	</body>
</html>

Open in new window

0
Amanda WatsonWeb DeveloperAuthor Commented:
Those divs are important for the layout of the index.php page?
Do you know php at all?

If you don't, you need to know that you can't delete important scripts that are needed for running the page.

Anyway I have reverted back now and still have the problem
0
Bob StoneIT GuruCommented:
I know some php, but proper structure is important whatever language it is. It looks like you have some extra divs () and some stuff that doesn't seem to make any sense. What I posted wasn't meant to replace what you had only to illustrate that point.

Try this.
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted index access' );
define( 'YOURBASEPATH', dirname(__FILE__) );
require( YOURBASEPATH.DS."styles.php");
require( YOURBASEPATH.DS."rt_styleswitcher.php");
JHTML::_( 'behavior.mootools' );
global $template_real_width, $leftcolumn_width, $rightcolumn_width, $tstyle;
global $js_compatibility, $menu_rows_per_column, $menu_columns, $menu_multicollevel;
global $header_style, $body_style, $menu_name;
global $f_enablejs, $f_enable_current, $f_subsoffset_top, $f_subsoffset_left, $f_vertical_animation;
global $f_vertical_duration, $f_horizontal_animation, $f_horizontal_duration, $sm_enable_current;

$live_site        		= $mainframe->getCfg('live_site');
$template_path 			= $this->baseurl . '/templates/' .  $this->template;

$preset_style 			= $this->params->get("presetStyle", "style1");
$header_style 			= $this->params->get("headerStyle", "style1");
$body_style 			= $this->params->get("bodyStyle", "light");

$frontpage_component    = $this->params->get("enableFrontpage", "show");
$enable_ie6warn         = ($this->params->get("enableIe6warn", 0)  == 0)?"false":"true";
$font_family            = $this->params->get("fontFamily", "optima");
$enable_fontspans       = ($this->params->get("enableFontspans", 1)  == 0)?"false":"true";
$enable_inputstyle		= ($this->params->get("enableInputstyle", 1) == 0)?"false":"true";
$inputs_exclusion		= $this->params->get("inputsExclusion", "'.content_vote'");

$template_width 		= $this->params->get("templateWidth", "982");
$leftcolumn_width		= $this->params->get("leftcolumnWidth", "260");
$rightcolumn_width		= $this->params->get("rightcolumnWidth", "260");
$leftinset_width		= $this->params->get("leftinsetWidth", "180");
$rightinset_width		= $this->params->get("rightinsetWidth", "180");
$splitmenu_col			= $this->params->get("splitmenuCol", "rightcol");
$menu_name 				= $this->params->get("menuName", "mainmenu");
$menu_type 				= $this->params->get("menuType", "fusion");
$default_font 			= $this->params->get("defaultFont", "default");
$show_logo		 		= ($this->params->get("showLogo", 1)  == 0)?"false":"true";
$show_textsizer			= ($this->params->get("showTextsizer", 1)  == 0)?"false":"true";
$show_date		 		= ($this->params->get("showDate", 0)  == 0)?"false":"true";
$clientside_date		= ($this->params->get("clientSideDate", 0) == 0)?"false":"true";
$show_topbutton 		= ($this->params->get("showTopbutton", 1)  == 0)?"false":"true";
$show_copyright 		= ($this->params->get("showCopyright", 1)  == 0)?"false":"true";
$copyright_text			= $this->params->get("copyrightText", "Copyright 2009, All Rights Reserved");
$js_compatibility	 	= ($this->params->get("jsCompatibility", 0)  == 0)?"false":"true";

// fusion menu
$f_enablejs             = ($this->params->get('roknavmenu_fusion_enable_js', 1) == 0)?"false":"true";
$f_opacity				= $this->params->get('roknavmenu_fusion_opacity', 1);
$f_effect				= $this->params->get('roknavmenu_fusion_effect', 'slidefade');
$f_hidedelay			= $this->params->get('roknavmenu_fusion_hidedelay', 500);
$f_menu_animation 		= $this->params->get('roknavmenu_fusion_menu_animation', 'Quad.easeOut');
$f_menu_duration	    = $this->params->get('roknavmenu_fusion_menu_duration', 400);
$f_pill		            = $this->params->get('roknavmenu_fusion_pill', 0);
$f_pill_animation 		= $this->params->get('roknavmenu_fusion_pill_animation', 'Back.easeOut');
$f_pill_duration 		= $this->params->get('roknavmenu_fusion_pill_duration', 400 );
$f_tweakInitial_x 		= $this->params->get('roknavmenu_fusion_tweakInitial_x', '0');
$f_tweakInitial_y 		= $this->params->get('roknavmenu_fusion_tweakInitial_y', '0');
$f_tweakSubsequent_x 	= $this->params->get('roknavmenu_fusion_tweakSubsequent_x', '0');
$f_tweakSubsequent_y 	= $this->params->get('roknavmenu_fusion_tweakSubsequent_y', '0');
$f_enable_current       = ($this->params->get('roknavmenu_fusion_enable_current_id', 0) == 0)?"false":"true";

// splitmenu
$sm_enable_current       = ($this->params->get('roknavmenu_splitmenu_enable_current_id', 0) == 0)?"false":"true";

								
require(YOURBASEPATH . "/rt_styleloader.php");

?>

<!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
	<head>
		<jdoc:include type="head" />
		<?php
		require(YOURBASEPATH . DS . "rt_utils.php");
		require(YOURBASEPATH . DS . "rt_head_includes.php");
	?>
	</head>
	<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> body-<?php echo $body_style; ?> head-<?php echo $header_style; ?> <?php echo $pageclass; ?> iehandle">
	<!--Begin Header-->
	<div id="header-bg">
		<!--Begin Horizontal Menu-->
		<?php if($mtype != "none") : ?>
		<div id="horiz-menu" class="<?php echo $mtype; ?>">
			<div class="wrapper">
				<div class="padding">
					<div id="horizmenu-surround">
					<?php if($mtype != "module") : ?>
						<?php echo $topnav; ?>
					<?php else: ?>
						<jdoc:include type="modules" name="toolbar" style="none" />
					<?php endif; ?>
					</div>
				<div class="clr"></div>
				</div>
			</div>
		</div>
		<?php endif; ?>
		<!--End Horizontal Menu-->
		<!--Begin Showcase-->
		<?php $mClasses = modulesClasses('case1'); if ($this->countModules('showcase or showcase2 or showcase3') or $show_logo == "true" or $this->countModules('logo')) : ?>
		<div class="wrapper">
			<div id="showcase-section">
				<!--Begin Logo-->
				<?php if ($this->countModules('logo') or $this->countModules('logo2') or $show_logo="true") : ?>
				<div class="logo-module">
					<?php if ($this->countModules('logo')) : ?>
					<jdoc:include type="modules" name="logo" style="xhtml" />
					<?php elseif ($show_logo == "true") : ?>
					<a href="<?php echo $this->baseurl; ?>" id="logo"></a>
					<?php endif; ?>
					<?php if ($this->countModules('logo2')) : ?>
					<jdoc:include type="modules" name="logo2" style="xhtml" />
					<?php endif; ?>
				</div>
				<?php endif; ?>
				<!--End Logo-->
				<?php if ($this->countModules('feature')) : ?>
				<div class="feature-module">
					<jdoc:include type="modules" name="feature" style="showcase" />
				</div>
				<div class="clr"></div>
				<?php endif; ?>
				<?php if ($this->countModules('banner')) : ?>
				<div class="banner-module">
					<jdoc:include type="modules" name="banner" style="main" />
				</div>
				<?php endif; ?>
				<div class="clr"></div>
				<?php $mClasses = modulesClasses('case1'); if ($this->countModules('showcase or showcase2 or showcase3')) : ?>
				<div id="showmodules" class="spacer<?php echo $showmod_width; ?>">
					<?php if ($this->countModules('showcase')) : ?>
					<div class="block <?php echo $mClasses['showcase'][0]; ?>">
						<jdoc:include type="modules" name="showcase" style="showcase" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('showcase2')) : ?>
					<div class="block <?php echo $mClasses['showcase2'][0]; ?>">
						<jdoc:include type="modules" name="showcase2" style="showcase" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('showcase3')) : ?>
					<div class="block <?php echo $mClasses['showcase3'][0]; ?>">
						<jdoc:include type="modules" name="showcase3" style="showcase" />
					</div>
					<?php endif; ?>
				</div>
				<?php endif; ?>
			</div>
		</div>
		<?php endif; ?>
		<!--End Showcase-->
	</div>
	<!--End Header-->
	<!--Begin Top Bar-->
	<?php if ($show_textsizer=="true" or $show_date=="true" or $this->countModules('top-left or top-right or search')) : ?>
	<div id="top-bar">
		<div class="wrapper">
			<div class="padding">
				<!--Begin Top Left Tools-->
				<?php if ($this->countModules('top-left')) : ?>
				<div id="topleft-mod"><jdoc:include type="modules" name="top-left" style="xhtml" /></div>
				<?php elseif ($show_date == "true"): ?>
				<div class="date-block">
				    <?php $now = &JFactory::getDate(); ?>
					<span class="date1"><?php echo $now->toFormat('%A'); ?></span>
					<span class="date2"><?php echo $now->toFormat('%B'); ?></span>
					<span class="date3"><?php echo $now->toFormat('%d'); ?> ,</span>
					<span class="date4"><?php echo $now->toFormat('%Y'); ?></span>
				</div>
				<?php endif; ?>
				<!--End Top Left Tools-->
				<!--Begin Top Right Tools-->
				<?php if ($this->countModules('top-right')) : ?>
				<div id="topright-mod"><jdoc:include type="modules" name="top-right" style="xhtml" /></div>
				<?php elseif ($show_textsizer=="true" or $this->countModules('search')) : ?>
				<?php if ($show_textsizer=="true") : ?>
				<div id="accessibility">
					<div class="textsizer-desc"><?php echo JText::_('TEXT_SIZE'); ?></div>
					<div id="buttons">
						<a href="<?php echo JROUTE::_($thisurl . "fontstyle=f-larger"); ?>" title="<?php echo JText::_('INC_FONT_SIZE'); ?>" class="large"><span class="button">&nbsp;</span></a>
						<a href="<?php echo JROUTE::_($thisurl . "fontstyle=f-smaller"); ?>" title="<?php echo JText::_('DEC_FONT_SIZE'); ?>" class="small"><span class="button">&nbsp;</span></a>
					</div>
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('search')) : ?>
				<div id="searchmod"><jdoc:include type="modules" name="search" style="xhtml" /></div>
				<?php endif; ?>
				<?php endif; ?>
				<!--End Top Right Tools-->
				<div class="clr"></div>
			</div>
		</div>
	</div>
	<?php endif; ?>
	<!--End Top Bar-->
	<!--Begin Main Body-->
	<div id="main-body">
		<div id="main-content" class="<?php echo $col_mode; ?>">
		    <div class="colmask leftmenu <?php if (rok_isIe(6)) echo 'wrapper'; ?>"><?php if (!rok_isIe(6)):?><div class="wrapper"><?php endif; ?>
		        <div class="colmid">
		    	    <div class="colright">
				       <!--Begin Main Column (col1wrap)-->   
					    <div class="col1wrap">
					        <div class="col1pad">
					            <div class="col1">
							        <div id="maincol">
										<?php if ($this->countModules('breadcrumb')) : ?>
    									<div id="breadcrumbs">
											<a href="<?php echo $this->baseurl; ?>" id="breadcrumbs-home"></a>
    										<jdoc:include type="modules" name="breadcrumb" style="none" />
    									</div>
    									<?php endif; ?>
										<?php $mClasses = modulesClasses('case2'); if ($this->countModules('user1 or user2 or user3')) : ?>
					<div id="mainmodules" class="spacer<?php echo $mainmod_width; ?>">
    										<?php if ($this->countModules('user1')) : ?>
    										<div class="block <?php echo $mClasses['user1'][0]; ?>">
    											<jdoc:include type="modules" name="user1" style="main" />
    										</div>
    										<?php endif; ?>
    										<?php if ($this->countModules('user2')) : ?>
    										<div class="block <?php echo $mClasses['user2'][0]; ?>">
    											<jdoc:include type="modules" name="user2" style="main" />
    										</div>
    										<?php endif; ?>
    										<?php if ($this->countModules('user3')) : ?>
    										<div class="block <?php echo $mClasses['user3'][0]; ?>">
    											<jdoc:include type="modules" name="user3" style="main" />
    										</div>
    										<?php endif; ?>
    									</div>
    									<?php endif; ?>
						<div class="bodycontent">
    										<?php if ($this->countModules('inset2') and !$editmode) : ?>
    										<div id="inset-block-right">
    											<jdoc:include type="modules" name="inset2" style="main" />
    										</div>
    										<?php endif; ?>
    										<?php if ($this->countModules('inset') and !$editmode) : ?>
    										<div id="inset-block-left">
    											<jdoc:include type="modules" name="inset" style="main" />
    										</div>
    										<?php endif; ?>

<div class="dialog"><!-- box -->
 <div class="content">
  <div class="t"></div>
    				
    										<div id="maincontent-block">
												<jdoc:include type="message" />
												<?php if (!($frontpage_component == 'hide' and JRequest::getVar('view') == 'frontpage')): ?>
												<jdoc:include type="component" />
												<?php endif; ?>
    										</div>

</div><!-- content -->
 <div class="b"><div>
</div><!-- end box -->
    									</div>
    									<div class="clr"></div>
       									<?php $mClasses = modulesClasses('case3'); if ($this->countModules('user4 or user5 or user6')) : ?>
       									<div id="mainmodules2" class="spacer<?php echo $mainmod2_width; ?>">
       										<?php if ($this->countModules('user4')) : ?>
       										<div class="block <?php echo $mClasses['user4'][0]; ?>">
       											<jdoc:include type="modules" name="user4" style="main" />
       										</div>
       										<?php endif; ?>
       										<?php if ($this->countModules('user5')) : ?>
       										<div class="block <?php echo $mClasses['user5'][0]; ?>">
       											<jdoc:include type="modules" name="user5" style="main" />
       										</div>
       										<?php endif; ?>
       										<?php if ($this->countModules('user6')) : ?>
       										<div class="block <?php echo $mClasses['user6'][0]; ?>">
       											<jdoc:include type="modules" name="user6" style="main" />
       										</div>
       										<?php endif; ?>
       									</div>
       									<?php endif; ?>
									</div>    
								</div>
					        </div>
					    </div>


					    <!--End Main Column (col1wrap)-->
				        <!--Begin Left Column (col2)-->
				        <?php if ($leftcolumn_width != 0) : ?>
					    <div class="col2">
							<div id="leftcol">
								<?php if ($subnav and $splitmenu_col=="leftcol") : ?>
									<?php echo $subnav; ?>
								<?php endif; ?>
								<jdoc:include type="modules" name="left" style="main" />
								<?php if (!isset($active)) :?>
								<jdoc:include type="modules" name="inactive" style="main" />    
								<?php endif; ?>
							</div>
					    </div>
					    <?php endif; ?> 
					    <!--End Left Column (col2)-->
					    <!--Begin Right Column (col3)-->
					    <?php if ($rightcolumn_width != 0) : ?>
					    <div class="col3">
							<div id="rightcol">
								<?php if ($subnav and $splitmenu_col=="rightcol") : ?>
								<div class="sidenav-block">
									<?php echo $subnav; ?>
								</div>
								<?php endif; ?>
								<jdoc:include type="modules" name="right" style="main" />
							</div>
					    </div>
					    <?php endif; ?> 
					    <!--End Right Column (col3)-->
					</div>
				</div>
			</div><?php if (!rok_isIe(6)):?></div><?php endif; ?>
		</div>
		<!--Begin Main Bottom-->
		<?php $mClasses = modulesClasses('case5'); if ($this->countModules('user7 or user8 or user9')) : ?>
		<div id="bottom-main">
			<div class="wrapper">
				<div id="mainmodules3" class="spacer<?php echo $mainmod3_width; ?>">
					<?php if ($this->countModules('user7')) : ?>
					<div class="block <?php echo $mClasses['user7'][0]; ?>">
						<jdoc:include type="modules" name="user7" style="main" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('user8')) : ?>
					<div class="block <?php echo $mClasses['user8'][0]; ?>">
						<jdoc:include type="modules" name="user8" style="main" />
					</div>
					<?php endif; ?>
					<?php if ($this->countModules('user9')) : ?>
					<div class="block <?php echo $mClasses['user9'][0]; ?>">
						<jdoc:include type="modules" name="user9" style="main" />
					</div>
					<?php endif; ?>
				</div>
			</div>
		</div>
		<?php endif; ?>	
		<!--End Main Bottom-->
	</div>
	<!--End Main Body-->
	<!--Begin Bottom Section-->
	<?php $mClasses = modulesClasses('case4'); if ($this->countModules('bottom or bottom2 or bottom3')) : ?>
	<div id="bottom">
		<div class="wrapper">
			<div id="mainmodules4" class="spacer<?php echo $mainmod4_width; ?>">
				<?php if ($this->countModules('bottom')) : ?>
				<div class="block <?php echo $mClasses['bottom'][0]; ?>">
					<jdoc:include type="modules" name="bottom" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('bottom2')) : ?>
				<div class="block <?php echo $mClasses['bottom2'][0]; ?>">
					<jdoc:include type="modules" name="bottom2" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('bottom3')) : ?>
				<div class="block <?php echo $mClasses['bottom3'][0]; ?>">
					<jdoc:include type="modules" name="bottom3" style="main" />
				</div>
				<?php endif; ?>
			</div>
		</div>
	</div>
	<?php endif; ?>
	<!--End Bottom Section-->
	<!--Begin Footer-->
	<?php $mClasses = modulesClasses('case6'); if ($this->countModules('footer or footer2 or footer3 or footer4') or $show_copyright == "true" or $show_topbutton == "true") : ?>
	<div id="footer">
		<div class="wrapper">
			<?php $mClasses = modulesClasses('case6'); if ($this->countModules('footer or footer2 or footer3')) : ?>
			<div id="mainmodules5" class="spacer<?php echo $mainmod5_width; ?>">
				<?php if ($this->countModules('footer')) : ?>
				<div class="block <?php echo $mClasses['footer'][0]; ?>">
					<jdoc:include type="modules" name="footer" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('footer2')) : ?>
				<div class="block <?php echo $mClasses['footer2'][0]; ?>">
					<jdoc:include type="modules" name="footer2" style="main" />
				</div>
				<?php endif; ?>
				<?php if ($this->countModules('footer3')) : ?>
				<div class="block <?php echo $mClasses['footer3'][0]; ?>">
					<jdoc:include type="modules" name="footer3" style="main" />
				</div>
				<?php endif; ?>
			</div>
			<?php endif; ?>
			<!--Begin Copyright Section-->
			<?php if ($this->countModules('footer4') or $show_copyright == "true" or $show_topbutton == "true") : ?>
			<div class="copyright-block">
			<?php if ($this->countModules('footer or footer2 or footer3')) : ?>
			<div class="footer-div"></div>
			<?php endif; ?>
			<?php if ($show_copyright == "true") : ?>
			
			<div id="copyright">
				&copy; <?php echo $copyright_text; ?>
			</div>
			<?php else: ?>
			<div class="footer-mod">
				<jdoc:include type="modules" name="footer4" style="main" />
			</div>
			<?php endif; ?>
			
			</div>
			<?php endif; ?>
			<!--End Copyright Section-->
		</div>
	</div>
	<?php endif; ?>
	<!--End Footer-->	
	<?php if ($this->countModules('debug')) : ?>
	<div id="debug-mod"><jdoc:include type="modules" name="debug" style="none" /></div>
	<?php endif; ?>
	</body>
</html>

Open in new window

0
Amanda WatsonWeb DeveloperAuthor Commented:
Hi,Yeah its still not working at all
0
Amanda WatsonWeb DeveloperAuthor Commented:
Right so I changed everything and simply added this to the css

#maincontent-block {padding: 15px 20px; background:transparent url(../images/dialog-white.png) no-repeat top right;}

and the image isn't what I want to use at all so somehow need to get the rounded corners at the top and bottom and it will work...so I probably need to add some divs to the to and bottom?

0
Amanda WatsonWeb DeveloperAuthor Commented:
Sorry for the low mark but it wasn't the right solution and we couldn't get it to work, though I am sure your will work for others.
Thanks for your time
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.