[SOLVED] Please HELP me change CSS MENU color

[Yervand]

Pleeeeease help me...

Here is a website:
www.finalslt.com

There is no full html support... I am only allowed to change the following codes:

/**
 * @file
 * @project 607
 * @package sftheme
 * @site app1
 */
 
/** 
 * ------------------------------------------------------------------
 * @section TYPOGRAPHY
 * ------------------------------------------------------------------
 */
 
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
p, form {margin:0 0 1.5em;padding:0;}
blockquote {margin:1.5em;}
sup, sub {line-height:0;}
address {margin:0 0 1.5em;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {line-height:1.5;}
li ul, li ol {margin:0 2.5em;padding:0;}
ul, ol {margin:0 1.5em 1.5em 3em;padding:0;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dd {margin-left:1.5em;}
caption {margin:0; padding:.5em;}

/** 
 * ------------------------------------------------------------------
 * @section MAIN AREA
 * ------------------------------------------------------------------
 */

body {
	margin: auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(http://app4.websitetonight.com/projects/1/3/1/7/1317223/_mygallery/background.png);
	background-repeat: repeat;	
}

.sf_outer_wrapper {
	width: 940px !important;
    margin: 20px auto;	
}

.sf_wrapper {	
	width:940px !important;	
	min-height:1%;
	height:auto !important;
	height:1%;  
}

.sf_wrapper:after {	
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;  
}

/** 
 * @subsection header
 */
.sf_header_wrapper {
	height:94px;
	width: 940px;	
	background-repeat: no-repeat;
	background-position:left top;	
}

.sf_main_header {
	text-align: left;	
	overflow: hidden;
	width: 910px;
	font-family: Georgia, times, serif;
	font-size: 28px;
	font-weight: normal;
	font-variant: normal;
	padding: 15px 15px 0 15px;	
	height: 64px;	
}
/**
 * app1 dashed border cutoff fix
 */
.sf_main_header .SharedBlock,
.sf_main_header .ActiveSharedBlock {
	height:60px;
	overflow:hidden;
}

/** 
 * @subsection extra4
 */
.sf_extra4 {
	float:right;
	display:inline;
	width:740px;
	height: 238px;
	background-image: url(http://app4.websitetonight.com/projects/1/3/1/7/1317223/_mygallery/Banner.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/** 
 * @subsection pagetitle
 */
.sf_region5 {	
	padding: 5px 10px 5px 27px;
	text-align: left;
	font-size: 19px;
	font-weight: normal;
	font-family: Georgia, times, serif;	
	width: 703px;
	display: block;
	min-height:25px;
	height:auto !important;
	height:25px;
	float:right;
}

/** 
 * @subsection content
 */
.sf_content {
	float: right;
	display:inline;
	width: 700px;	
	padding-top: 20px;
	padding-bottom: 30px;
	margin-right: 20px;
}

/** 
 * @subsection footer
 */
.sf_footer {	   
    font-family: Arial, Verdana, Helvetica, sans-serif;	
	clear:both;
	text-align:right;
	min-height:15px;
	height:auto !important;
	height:15px;
	padding:10px 10px;
	font-size:11px;			
}

.sf_footer p {
	margin:0px;
	padding:0px;
}

.sf_footer a:hover {
	text-decoration: none;	
}

/** 
 * @subsection banner
 */
.sf_banner {
	margin: 40px auto 0 auto;
	text-align: center;
}

#bannerLink {
	padding: 10px;
	margin: 10px;
}

/** 
 * @subsection buttons
 */
.btn {
	cursor:pointer;
	font-size:10px;
	font-weight:bold;
	margin:3px 3px 3px 0;
	padding:2px;
	text-transform:uppercase;
	border:medium none;
	font-family:Arial, Helvetica, FreeSans, sans-serif;
}

/** 
 * ------------------------------------------------------------------
 * @section SIDEBAR AREA
 * ------------------------------------------------------------------
 */
 
 /** 
 * @subsection navigation
 */
.sf_navigation{	
	text-transform: uppercase;	
	font-weight: bold;
	font-size: 10px;
	margin-bottom:30px;
	min-height:1%;
	height:auto !important;
	height:1%;
}

.sf_navigation .widget_content div {	
	margin:0px;
}

.sf_navigation .Block {
	border:none !important; 
	position:static !important; /*Relative causes it to disappear in IE*/
}

.sf_navigation:after{	
	content: ".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}

.sf_navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 200px;
	min-height:1%;
	height:auto !important;
	height:1%;
}

.sf_navigation ul li { 
	padding: 0 0 1px;
	margin: 0;
	float: left;
	width: 200px;
	height:auto;
}

.sf_navigation ul li a {
	wi200dth: 194px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding:11px 3px 10px;
	margin: 0;
	min-height:13px;
	height:auto !important;
	height:13px;
	text-align:center;
}

.sf_navigation ul li a:hover {

}

.sf_navigation .subnav { 
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 200px;
	position: absolute;
	left: -999em;
	margin-left: 200px;
	margin-top: -34px;
	z-index:1000;
}

.sf_navigation .subnav li {
	padding: 0;
	margin: 0;
	float: left;
	width: 200px;
}

.sf_navigation .subnav li a {
	width: 194px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding:11px 3px 10px;
	margin: 0;
	min-height:13px;
	height:auto !important;
	height:13px;
	text-align:center;
}

.sf_navigation .subnav li a:hover {

}

#Nav1 li:hover ul, 
#Nav1 li.sfhover ul {
	left: auto;
}

#Nav1 iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
#Nav1 li:hover, #Nav1 li.hover {  
    position: static;  
} 

/** 
 * @subsection widgets
 */
 
.widgetset_app2_0, .widgetset_app3_0 {
	width:200px;
	overflow:hidden;
}

.sf_region4{	
	float: left;	
	width: 200px;
}

.main_nav .widget_header{
	display:none;
}

.sf_region4 ul,
.sf_region4 ol{	
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.widget_header {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:4px 10px 4px;
	min-height:15px;
	height:auto !important;
	height:15px;
}

.widget_content {
	margin:0;
	padding:5px 10px 20px;
}

.widget_content div {
	margin:4px 0px;
	padding:0;
}

.widget_content label{
	margin:0;
	padding:0;
	display:block;
}

.widget_content form{
	margin:0;
	padding:0;
}

.widget_content select{
	width:180px;
}

.main_nav .widget_content {
	margin:0;
	padding:0;
}

PLEASE HELP ME!!!!
I will be very thankful...

[wmorri]

Hi,

Why can't you change the html as well as the CSS? I am hesitant to help make changes to this. It would seem a little fishy to me, I am sure that you will understand.

Cheers!

[Yervand]

Originally Posted by wmorri

Why can't you change the html as well as the CSS?

I CAN change it, but I get a very limited access to the codes. Because of a type of the plan that my company got for the webhosting, we have a very limited access.

I am sure that there is something in the codes that can be changed or added to them and have color of buttons changed. I know because a guy before me that was working on another website faced the same problem and fixed it in the codes. Eventually I can't get reach of that guy and came to seek for help here.

It actually look more like a background image with text over it, but I can't find it in the codes. Can you help me? I just need the color to be gray (like: cccccc), or find an image so I can change it in Photoshop....

[wmorri]

Hi,

I haven't forgotten about you. I don't have my good webdesign stuff with me, I have to get it from home. I will have an answer for you tomarrow.

Cheers!

[Yervand]

Originally Posted by wmorri

Hi,

I haven't forgotten about you. I don't have my good webdesign stuff with me, I have to get it from home. I will have an answer for you tomarrow.

Cheers!

Thank you so much. I will wait...

[DJ-Zep]

Hello ervand. Is this the only css file you have access to?

[Yervand]

Hello DJ-Zep.
Yes, eventually this is this is the only file that I am limited to... =/

[DJ-Zep]

Alright I found the problem. Since this layout uses a lot of images, your only option is to replace http://www.finalslt.com/images/navbkg-ovr_1.gif with whatever color you want it to be. Although this might not be possible consdering your limited access. There is no other way to go about changing the color since this is an image (no CSS )