PDA

View Full Version : Simple HTML mistake - cant seem to fix it



secureremotesup
Sep 27th, 2009, 11:11 PM
Ive been looking at this code for the last eight hours and cannot seem to find the fix to this simple issue. The website is at secure remote support .com

Youll notice a gap between the navigation and the body of the text. What type of coding do I need to add or change to fix this? Youll notice in the source of each page the coding is a little different. Heres the index code:



<!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">
<head>
<title>Secure Remote Support - Online Computer Repair - Remote Computer Repair</title>
<meta http-equiv="Content-Language" content="en" />
<meta name="description" content="Secure Remote Support is your one-stop and one-click solution to “above the standard” computer support and repair." />
<meta name="keywords" content="online computer repair, online computer support, remote computer repair, online remote pc suppport, remote computer repair, online technical support, remote pc repair, computer tune up, computer repair, virus removal, spyware removal, malware removal, pc tuneup, infection removal, remove spyware, laptop repair, wireless network setup, technical assistance, online windows repair, repair registry, repair windows" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="verify-v1" content="dfq2UagSZNtp8QrxGGfMAQIzh/8jmmDmHIdgvTSTxYk=" />
<link rel="SHORTCUT ICON" href="http://www.secureremotesupport.com/images/favicon.ico" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery.js">
</script>
<script type="text/javascript" src="js/easySlider1.5.js">
</script>

<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){
$("#slider").easySlider({
controlsBefore: '<p id="controls">',
controlsAfter: '<\/p>',
auto: true,
continuous: true
});
});
// ]]>
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<style type="text/css">
/*<![CDATA[*/
.gallery {
float:right;
width:278px;
margin:0 50px 0 0 !important;
margin:0 25px 0 0;
}
#slider {
margin:0;
padding:0;
list-style:none;
}
#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
#slider li {
width:278px;
height:275px;
overflow:hidden;
}
p#controls {
margin:0;
position:relative;
}
#prevBtn, #nextBtn {
display:block;
margin:0;
overflow:hidden;
width:30px;
height:278px;
position:absolute;
left:0 !important;
left:-268px;
top:-278px;
}
#nextBtn {
left:248px !important;
left:-20px;
}
#prevBtn a {
display:block;
width:30px;
height:278px;
background:url(images/spacer.gif) no-repeat 0 0;
}
#nextBtn a {
display:block;
width:30px;
height:278px;
background:url(images/spacer.gif) no-repeat 0 0;
}
/*]]>*/
</style>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9797515-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<style type="text/css">
/*<![CDATA[*/
div.c3 {display:inline}
div.c2 {display:none}
div.c1 {z-index:100;position:absolute}
/*]]>*/
.gallery1 { float:right;
width:278px;
margin:0 50px 0 0 !important;
margin:0 25px 0 0;
}
</style>
</head>
<body onload="MM_preloadImages('images/getsupportnowgray.gif','images/setappointmentgra.gif','images/learnmoregray.gif','images/getsupportnowblack.gif','images/chatlivebutton.gif')">
<div class="main header">
<div class="Twitter"><a href="https://secure.logmeinrescue.com/Customer/Download.aspx?EntryID=796290447" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/chatlivebutton.gif',1)"><img src="images/chatlivebutton.gif" alt="chatlive" name="Image5" width="130" height="30" border="0" id="Image5" /></a></div>
<span class="navigation"><a href="https://secure.logmeinrescue.com/Customer/Download.aspx?EntryID=796290447" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','images/chatlivebutton.gif',1)"></a><a href="https://secure.logmeinrescue.com/Customer/Download.aspx?EntryID=796290447" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','images/chatlivebutton.gif',1)"></a></span>
<div class="clr"><img src="images/mainpagelog.png" width="595" height="101" alt="homebanner" /></div>

<div class="navigation">
<div class="clr"></div>
<div class="menu">
<ul>
<li><a href="index.html" class="active"><span>Home</span></a></li>
<li><a href="services.html"><span> Services</span></a></li>
<li><a href="faq.html"><span>FAQ</span></a></li>

<li><a href="about.html"><span>About Us</span></a></li>
<li><a href="contact.html"><span>Contact Us</span></a></li>
</ul>
</div>
</div>
<div class="border">
<div class="header_text">
<div class="div">

<div class="left">
<h2>What we can do for you...</h2>
<p>Secure Remote Support is your one-stop and one-click solution to “above the standard” online computer repair. We specialize in correcting issues that effect your computer’s speed and overall performance, and we perform this service remotely, securely, and in real time. Our service is quick and effective, our rates are affordable, and our expert technicians still remember how to speak in plain language to real people.<br />
<br />
Whether you prefer phone, email or live chat communication, Secure Remote Support is available twenty four hours a day, seven days a week to help you optimize your computer’s performance.</p>
<ul class="buttons">
<li><a href="support.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('GetSupportNow','','images/getsupportnowgray.gif',1)"><img src="images/getsupportnowgr.gif" alt="GetSupportNow" name="GetSupportNow" width="128" height="38" border="0" id="GetSupportNow" /></a><a href="#"></a></li>

<li><a href="appointment.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SetAppointment','','images/setappointmentgra.gif',1)"><img src="images/setappointmentgre.gif" alt="SetAppointment" name="SetAppointment" width="128" height="38" border="0" id="SetAppointment" /></a><a href="#"></a></li>
<li><a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('LearnMore','','images/learnmoregray.gif',1)"><img src="images/learnmoregreen.gif" alt="LearnMore" name="LearnMore" width="128" height="38" border="0" id="LearnMore" /></a><a href="#"></a></li>
</ul>
</div>
<div class="gallery1">
<div id="slider">
<ul>
<li><img src="images/simple_text_img_1.jpg" alt="screen 1" width="278" height="275" border="0" /></li>
<li><img src="images/simple_text_img_2.gif" alt="screen 1" width="278" height="275" border="0" /></li>

<li><img src="images/simple_text_img_3.gif" alt="screen 1" width="278" height="275" border="0" /></li>
</ul>
</div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="content">
<div class="Ser">

<h2>What we Offer</h2>
<p><strong>We perform virus</strong>, pop-up, malware and spyware removal, program installation and set-up, and general system consultation and trouble-shooting.</p>
<p><a href="support.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/getsupportnowblack.gif',1)"><img src="images/getsupportnowblack.gif" name="Image11" width="68" height="24" border="0" id="Image11" alt="** PLEASE DESCRIBE THIS IMAGE **" /></a></p>
</div>
<div class="What">
<h2>Our Support</h2>
<p><strong>Our secure software</strong> enables, with your permission, our technicians to access your computer from our offices throughout the United States. You monitor and control our access, while we perform the tasks necessary to make your computer and software work for you.</p>
<p><a href="services.html"><img src="images/more_info.gif" width="68" height="24" border="0" alt="img" /></a></p>
</div>
<div class="Feed">

<h2>Our Technicians...</h2>
<p><strong>Our online computer repair technicians are</strong> system specialists proficient with the latest operating systems, including Windows Vista, Windows 7, and Mac OS X Snow Leopard. You tell them what you want your system or office to do and they’ll make it happen!</p>
<p><a href="about.html"><img src="images/more_info.gif" width="68" height="24" border="0" alt="img" /></a></p>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="body">
<div class="News">
<h2>Read our Blog!</h2>
<div class="clr"></div>
<p><strong>Follow our blog</strong> for special discounts and advice on how to keep your computer running at peak performance.</p>

<p><a href="http://www.secureremotesupport.com/blog">Blog&gt;&gt;</a></p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="main_body">
<h2>Want to speak to a live person?</h2>
<p><strong>A spoken conversation</strong> is, for many, clearer and less time consuming than email or instant messaging. Call us toll free, any time, at 800-644-0211 to speak live to one of our computer specialists.</p>
<p><strong>Those who prefer</strong> to communicate through real time instant messaging can <a href="https://secure.logmeinrescue.com/Customer/Download.aspx?EntryID=796290447">click here</a> to begin communication with one of our technicians.

</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="footer footer_resize"> Copyright 2009. www.secureremotesupport.com All Rights Reserved<br />
<a href="index.html">Home</a> | <a href="services.html">Services</a> | <a href="faq.html">FAQ</a> | <a href="about.html">About Us</a> | <a href="contact.html">Contact Us</a> | <a href="privacy.html">Privacy Policy</a></div>

</div>
<!-- BEGIN ProvideSupport.com Visitor Monitoring Code -->
<div id="ci1K7r" style="z-index:100;position:absolute"></div><div id="sd1K7r" style="display:none"></div><script type="text/javascript">var se1K7r=document.createElement("script");se1K7r.type="text/javascript";var se1K7rs=(location.protocol.indexOf("https")==0?"https":"http")+"://image.providesupport.com/js/secureremotesupport/safe-monitor.js?ps_h=1K7r&ps_t="+new Date().getTime();setTimeout("se1K7r.src=se1K7rs;document.getElementById('sd1K7r').appendChild(se1K7r)",1)</script><noscript><div style="display:inline"><a href="http://www.providesupport.com?monitor=secureremotesupport"><img src="http://image.providesupport.com/image/secureremotesupport.gif" border="0"></a></div></noscript>
<!-- END ProvideSupport.com Visitor Monitoring Code -->
</body>
</html>



Any idea what this could be and what I need too add and where? Thanks in advance guys and gals.

drhowarddrfine
Sep 28th, 2009, 12:35 AM
It's the css. Padding on the top of that <ul>. Change it from 20 px to 10px.

secureremotesup
Sep 28th, 2009, 01:59 AM
I was able to fix the index page by moving around some of the HTML. I tried fixing the CSS thing but that didnt do anything. Its an html based problem. If you look at my index page its fixed but the other pages are a little different and I honestly accidently fixed it by moving the code around. I cant see how I did it. Most of its my inexperience with this code, and once again thank you. Ive attached the css, if you see how it should be fixed in the css let me know. All i know is when i changed it, and screwed up the padding i wasnt messing with the CSS at all.


@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background: #e8e8e8 url(images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}
.clr {clear:both; padding:0;}
.bg1 { width:90%; clear:both; border-top:1px dashed #cebf94; padding:0 20px; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; background: url(images/main_body_bg.gif) top repeat-x; }
.border {margin:0 auto; width:980px; padding:0; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; background:#fff;}
/* header */
.header { width:982px; margin:0 auto; padding:0;}
/*Twitter*/
.Twitter { width:150px; height:37px; float:right; margin:0; padding:0; background:url() right no-repeat;}
.Twitter p { float:left; font: normal 11px Georgia, "Times New Roman", Times, serif; color:#7c7c7c;}
/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Search {} /**/
.Search { width:294px; padding:0; margin:31px 0 0 0; float:right;}
.Search form { padding:8px 5px 0 5px; float:right;}
.Search input { color:#ffffff; float:left; padding:0; margin:0 2px 0 5px;}
.Search input.keyword { background:#3c3c3c; border:1px solid #2e2e2e; width:170px; color:#acacac; padding:3px 5px; height:15px; font:normal 12px Tahoma, Geneva, sans-serif;}

.navigation { width:982px; height:94px; margin:0 auto; padding:0; background: url(images/logo_bg.gif) no-repeat;}

.logo { width:283px; height:47px; margin:31px 0 0 21px; padding:0; float:left;}
/* menu */
.menu { width:982px; margin:27px 0 0 0; padding:0; float: right; background:url(images/menu_bg.jpg) top no-repeat; height:55px;}
.menu ul { float:left; margin:0; padding:12px 0 0 20px; list-style:none;}
.menu li { float:left; margin:0; padding:0 8px; font:bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6; float:left; background:url(images/m_l.gif) no-repeat right;}
.menu a { line-height:16px; float:left; font: normal 11px Georgia, "Times New Roman", Times, serif; color:#fff; margin:2px 5px; padding:5px; text-decoration:none;}
.menu a:hover { background: #efefef; color:#1d1d1d; border:1px solid #aaaaaa; margin:1px 4px;}

/* header_text */
.header_text { margin:0 auto; width:960px; padding:10px;}
.header_text .div { background:#fcfcfc url(images/simple_text_bg.gif) top repeat-x; border:1px solid #e5e5e5; width:958px; margin:0; padding:0;}
.header_text .div .left { float:left; width:500px;}
.header_text strong { display:block; margin:0; color:#a1e2e6; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;}
.header_text span { float:right; margin:0; padding:0; width:300px;}
.header_text h2 { font:normal 30px Georgia, "Times New Roman", Times, serif; color:#2d2d2d; padding:5px 10px; margin:0 0 0 20px;}
.header_text p { font:normal 14px Georgia, "Times New Roman", Times, serif; color:#757575; padding:5px 10px; margin:0 0 0 20px; border-bottom:1px solid #dfdfdf;}
.header_text ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}
.header_text ul.buttons li { float:left; padding:0 5px; margin:0;}
/*content*/
.content { width:970px; margin:5px auto 5px auto; padding:10px 0; border:1px solid #e4e4e4; background:#262626;}
.content h2 { font:normal 26px Georgia, "Times New Roman", Times, serif; color:#fff; padding:15px 0 20px 50px; margin:0;}
.content p { font:normal 11px Arial, Helvetica, sans-serif; color:#9a9a9a; padding:10px 20px; margin:0;}
.content a { font:normal 11px Tahoma, Geneva, sans-serif; color:#2bb9c5; text-decoration:none;}
.content p a { float: left;}
.content .Ser { float:left; width:275px; margin:0; padding:10px 20px;}
.content .Ser ul { width:250px; margin:0 auto; padding:0; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; list-style:none;}
.content .Ser li { background:url(images/bg_ul_li.jpg) left no-repeat; padding:2px 0 2px 30px; margin:0;}
.content .Ser h2 { background:url(images/h2_What.jpg) left no-repeat;}
.content .What {float:left; width:275px; border-left:1px solid #6d6d6d; margin:0; padding:10px 20px;}
.content .What h2 { background:url(images/h2_Our.jpg) left no-repeat;}
.content .Feed {float:right; width:275px; border-left:1px solid #6d6d6d; margin:0; padding:10px 20px;}
.content .Feed h2 { background:url(images/h2_Clients.jpg) left no-repeat;}
.content .Feed ul { font:normal 11px Arial, Helvetica, sans-serif; color:#9a9a9a; padding:10px 20px; margin:0;}
.content .Feed li {}
/* body */
.body { width:980px; margin:0 auto; padding:10px 0; background: url(images/body_bg.jpg) top repeat-y;}
.body .div { background:#fcfcfc url(images/simple_text_bg.gif) top repeat-x; border:1px solid #e5e5e5; width:958px; margin:0 auto; padding:0;}
.body h2 { font: normal 30px Georgia, "Times New Roman", Times, serif; color:#3a3c3c; padding:10px 0 5px 10px; margin:0; border-bottom:1px solid #cccccc;}
.body h3 { font: normal 24px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:10px 0 5px 10px; margin:0; border-bottom:1px solid #cccccc;}
.body p {font:normal 11px Georgia, "Times New Roman", Times, serif; color:#6f6f6f; padding: 5px 5px; margin:0;}
.body span { color:#baa271; font:bold 11px Georgia, "Times New Roman", Times, serif;}
.body a { color:#d34600; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.body img { float:left; margin:0; padding:0; }
/*main_body*/
.main_body { width:500px; padding:0 20px; margin:10px 0 0 20px; float:left;}
.main_body a { color:#666666; text-decoration:none;}
.main_body img { margin:10px 10px; padding:0;}
.main_body .blog { background:#efefef; border:1px solid #e5e5e5;}
/* Syb */
.Syb { width:300px; padding:0 20px; margin:10px 0 0 20px; float:left;}
.Syb h2 { background: url(images/h2_news.jpg) left no-repeat;}
.Syb a { color:#6f6f6f; text-decoration:none; font:normal 11px Georgia, "Times New Roman", Times, serif;}
.Syb a.active { color:#658710; text-decoration:underline;}
.Syb a:hover {
color:#6f6f6f;
text-decoration:underline;
}
.Syb ul { padding:3px 0; margin:0; list-style:none;}
.Syb li { list-style:none; padding:7px 20px; margin:0 20px; border-bottom:1px solid #e4e4e4; background:url(images/bg_ul_li2.gif) left no-repeat;}
.Syb li.sub { padding:3px 0 0 30px; border-bottom:none; font:normal 12px Georgia, "Times New Roman", Times, serif; color:#658710;}
.Syb li.sub a { color:#658710; text-decoration:none; font:normal 11px Georgia, "Times New Roman", Times, serif;}
/*Services*/
.Services { width:640px; padding:0 20px; margin:10px 0 0 20px; float:left;}
.Services ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.Services p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Services em { font:italic bold 12px Arial, Helvetica, sans-serif; color:#4e4e4e; float:right;}
.Services li {padding:5px 0; margin:0;}
.Services ul { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}
.Services li { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;}
.Services .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.Services .blog img { float:left; margin:20px; padding:0;}
.Services a {font:bold 11px Arial, Helvetica, sans-serif; color:#26b5cd; margin:0; padding:5px; text-decoration: underline;}
.Services img { padding:0; margin:10px 15px 10px 15px; border:none;}
/* News*/
.News {padding:0 20px; margin:10px 0 0 20px !important; margin:10px 0 0 10px; width:336px; float:left;}
.News a { color:#666666; text-decoration:none;}
.News .data { float:left; font:bold 14px Georgia, "Times New Roman", Times, serif; color:#2c2c2c; text-align:center; margin:10px 10px 0 10px; padding:5px 10px;}
.News .title { float: left; font: bold 11px Georgia, "Times New Roman", Times, serif; color:#678c24; margin:10px 10px 0 10px; padding:5px 0;}
/*Contact_Info*/
.Contact_Info {padding:0 20px; margin:10px 0 0 20px; width:300px; float:left;}
.Contact_Info p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Contact_Info a { color:#2bb9c5; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
/*Contact*/
.Contact { width:547px; padding:0 20px; margin:5px 0 5px 0; float:left;}
/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px; background:#efefef; border:1px solid #e5e5e5;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#151515; border:1px solid #000; color:#FFF; float:left;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}
/* footer */
.footer { background:#202020; text-align:center; width:980px; margin:0 auto; padding:10px 0;font: normal 11px Georgia, "Times New Roman", Times, serif; color:#989797;}
.footer a {font: normal 11px Georgia, "Times New Roman", Times, serif; color:#989797;}