
body {
margin: 0;
padding: 0;
height:100%; 
background: url(../images/mainBg.jpg) repeat-y;
background-position: center;
background-color: #8294a9;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
}

#wrapper {
margin:0 auto;
height: auto !important;
width:770px;
}

h1 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

img {
border:0;
}

/* navigation */
#global-utility {
background: url(../images/headerBg.jpg) no-repeat;
width: 770px;
}

#global-utility #col-left {
float:left;
width: 350px;
height: 102px;
}

#global-utility #col-right {
float:right;
width: 350px;
height: 102px;
}

#col-right #topNav {
margin: 2px 3px 7px 0;
}

#col-right #topNav ul {
margin:0;
padding:0;
list-style:none;
text-align: right;
vertical-align: middle;
padding: 0 5px 0 0;
}

#col-right #topNav li {
display:inline;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
padding-left: 6px;
}

#col-right #topNav a {
color:#000;
line-height:10px;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#col-right #topNav a:hover {
color:#000;
line-height:10px;
font: 12px Arial, Helvetica, sans-serif;
border-bottom: #000 solid 3px;
}

/* end navigation */

/* main top nav */
#global-utility #main-nav {
clear: both;
margin: 0;
}

#global-utility #main-nav ul {
margin:0;
padding:0;
list-style:none;
text-align: left;
vertical-align: middle;
padding: 0;
}

#global-utility #main-nav li {
display:inline;
float:left;
text-indent:-9999px;
}

li#homeselected a {
width:139px;
height:29px;
background:url(../images/n_home_on.gif) no-repeat;
display:block;
margin-top:34px;
}

li#home a {
width:139px;
height:29px;
background:url(../images/n_home.gif) no-repeat;
display:block;
margin-top:34px;
}

li#home a:hover {
background:url(../images/n_home_on.gif) no-repeat;
}

li#aboutselected a {
width:138px;
height:29px;
background:url(../images/n_aboutUs_on.gif) no-repeat;
display:block;
margin-top:34px;
}

li#about a {
width:138px;
height:29px;
background:url(../images/n_aboutUs.gif) no-repeat;
display:block;
margin-top:34px;
}

li#about a:hover {
background:url(../images/n_aboutUs_on.gif) no-repeat;
}

li#quoteselected a {
width:181px;
height:29px;
background:url(../images/n_useOurPanel_on.gif) no-repeat;
display:block;
margin-top:34px;
}

li#quote a {
width:181px;
height:29px;
background:url(../images/n_useOurPanel.gif) no-repeat;
display:block;
margin-top:34px;
}

li#quote a:hover {
background:url(../images/n_useOurPanel_on.gif) no-repeat;
}

li#blank {
width:76px;
height:23px;
margin-top:34px;
background:url(../images/spacer.gif) no-repeat;
display:block;
}

li#refer a {
width: 77px;
height: 12px;
background:url(../images/n2_refer.gif) no-repeat;
display:block;
margin-top:44px;
padding-left:20px;
}

li#myspace a {
width:16px;
height:16px;
background:url(../images/icon_myspace.jpg) no-repeat;
display:block;
margin-top:39px;
padding-left:8px;
}

li#delicious a {
width:16px;
height:16px;
background:url(../images/icon_delicious.gif) no-repeat;
display:block;
margin-top:39px;
padding-left:8px;
}

li#mixx a {
width:16px;
height:16px;
background:url(../images/icon_mixx.gif) no-repeat;
display:block;
margin-top:39px;
padding-left:8px;
}

li#facebook a {
width:16px;
height:16px;
background:url(../images/icon_facebook2.gif) no-repeat;
display:block;
margin-top:39px;
padding-left:8px;
}

li#digg a {
width:16px;
height:16px;
background:url(../images/icon_digg2.jpg) no-repeat;
display:block;
margin-top:39px;
padding-left:8px;
}

li#stumble a {
width:16px;
height:16px;
background:url(../images/icon_stumble.jpg) no-repeat;
display:block;
margin-top:39px;
}

#nav-line  {
clear: both;
width: 770px;
height: 2px;
border-top: #cc0101 solid 2px;
}
/* end main top nav */


/* main */

#container  {
clear: both;
width: 770px;
}

/* *** */
/* full column */
#fullCol {
clear: both;
width:770px;
}

#fullCol h1 {
width:202px;
height:20px;
background:url(../images/t_news.gif) no-repeat;
text-indent:-9999px;
margin-bottom: 8px;
}

#fullCol p {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
line-height:14px;
padding-bottom: 2px;
}

#fullCol a {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
line-height:16px;
}

#fullCol #thanks {
margin: 12px 0 12px 10px;
}

#thanks h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #cc0000;
}

#fullCol #static {
margin: 12px 12px 12px 10px;
}

html>body #fullCol #static {
padding: 8px 0 0 10px;
}

#static h2 {
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #cc0000;
}

#static h3 {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
font-weight: bold;
line-height:14px;
}

#static a {
color:#000;
line-height:10px;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#static a:hover {
color:#cc0000;
line-height:10px;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#static ul {
color:#000;
line-height:14px;
font: 12px Arial, Helvetica, sans-serif;
}

#static li {
color:#000;
line-height:14px;
font: 12px Arial, Helvetica, sans-serif;
}
/* end full column */

/* *** */
#leftCol {
float:left;
width:538px;
padding-bottom: 20px;
}

#leftCol #featured {
margin: 10px 0 0 20px;
}

#leftCol p {
font: 12px Arial, Helvetica, sans-serif;
color: #000;
line-height:16px;
margin: 0;
/*margin: 12px 0 0 14px;*/
}

#leftCol #home p {
font: 12px Arial, Helvetica, sans-serif;
color: #000;
line-height:16px;
margin: 12px 0 0 14px;
}

#leftCol #flashcontent {
margin: 12px 0 0 14px;
}

#leftCol #banner {
margin-left: 7px;
}

#leftCol #static {
margin: 12px 0 12px 10px;
}

#static h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #cc0000;
}

#static p {
font: 12px Arial, Helvetica, sans-serif;
color: #000;
line-height:16px;
padding-bottom: 8px;
}

/* tabs */
#tabs {
margin: 0;

}

#tabs h1 {
width:529px;
height:22px;
background:url(../images/t_recentQuestions.gif) no-repeat;
text-indent:-9999px;
margin: 15px 0 15px 9px;
}

.content { 
display:none; 
overflow:auto; 
height:auto; 
font: 11px Arial, Helvetica, sans-serif;
color: #000;
line-height:14px;
}

#tablinks ul {
margin:0;
padding:0;
list-style:none;
text-align: left;
vertical-align: middle;
padding: 18px 5px 16px 0;
}


li.tabOff {
display:inline;
font: 14px Arial, Helvetica, sans-serif;
color:#000;
padding-left: 6px;
text-decoration: underline;
cursor:pointer;
/*cursor:hand;*/
}

li.tabOn {
display:inline;
font: 14px Arial, Helvetica, sans-serif;
color:#000;
font-weight: bold;
text-decoration: none;
padding-left: 6px;
/* border-top: #000 solid 3px; */
}


#questions-recent, #questions-tech, #questions-politics, #questions-business, #questions-sports, #questions-entertainment, #questions-lifestyle {
width: 529px;
margin-left: 7px;
border: #c0c0c0 solid 1px;
}

/* ST - changes made */

.section {
	/*clear: both;*/
	display: block;
	margin: 16px 0 0 0;
	width: 510px;
}
.icon {
	display: inline;
	float: left;
	height: 82px;
	margin: 0 15px 0 10px;
	width: 82px;
}
.description {
	margin: 0 !important;
	display: inline;
	float: left;
	width: 380px;
}

html>body .description {
	margin-top: -14px;;
	display: inline;
	float: left;
	width: 380px;
}

.sectionClose {
	clear: both;
	display: block;
	height: 20px;
	font-size: 0;
}
.description p {
margin: 8px 0 0 2px; 
font: 9px Arial, Helvetica, sans-serif;
color: #000;
line-height:14px;
}

a.black:link, a.black:visited {
font: 20px Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}

a.black:hover {
font: 20px Arial, Helvetica, sans-serif;
color: #cc0000;
text-decoration: none;
}

a.red:link, a.red:visited {
font: 12px Arial, Helvetica, sans-serif;
color: #cc0000;
font-weight: bold;
text-decoration: underline;
}

a.red:hover {
font: 12px Arial, Helvetica, sans-serif;
color: #cc0000;
font-weight: bold;
text-decoration: none;
}

#questions-recent h2, #questions-tech h2, #questions-politics h2, #questions-business h2, #questions-sports h2, #questions-entertainment h2, #questions-lifestyle h2 {
font: 20px Arial, Helvetica, sans-serif;
color: #000;
}

#questions-recent h3, #questions-tech h3, #questions-politics h3, #questions-business h3, #questions-sports h3, #questions-entertainment h3, #questions-lifestyle h3 {
margin-bottom: 4px; 
font: 14px Arial, Helvetica, sans-serif;
color: #000;
line-height:14px;
}


#pagination p {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
font-weight: bold;
line-height:14px;
margin: 16px 14px;
}

#pagination a {
font: 13px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #cc0000;
line-height:14px;
padding-right: 8px;
}

/* ST - changes made */
/* end tabs */



/* *** */
#rightCol {
float:right;
width:232px;
margin: 0;
}

#rightCol #promos {
margin: 12px 0 12px 24px;
}

#rightCol #news {
margin: 12px 0 12px 24px;
}

#rightCol #news  h1 {
width:202px;
height:20px;
background:url(../images/t_news.gif) no-repeat;
text-indent:-9999px;
margin-bottom: 8px;
}

#rightCol #news p {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
line-height:14px;
padding-bottom: 10px;
padding-right: 10px;
}

#rightCol #news #with_tm {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
line-height:16px;
padding-bottom: 10px;
padding-right: 10px;
}

#rightCol #news #super {
font: 10px Arial, Helvetica, sans-serif;
color: #000;
}

#rightCol #news a {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
line-height:16px;
}

/* signup */
#rightCol #signup {
margin: 12px 0 12px 24px;
}

#signup #signup-top {
background: url(../images/signup_top.gif) no-repeat;
width: 202px;
height: 24px;
}


#signup  #signup-mid {
background: url(../images/signup_mid.gif);
background-repeat: repeat-y;
width: 202px;
}

#signup #signup-mid p {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0;
padding: 0;
}

#signup #signup-bot {
background: url(../images/signup_bot.gif) no-repeat;
width: 202px;
height: 8px;

}

form {
display: inline;
}
input.cleardefault {  
background:url(../images/inputBg.gif) repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
width: 175px;
height: 18px; 
border: 1px solid #ccc;
margin: 5px 0 5px 12px;
}

.submit {
margin-left: 136px;
}
/* forms */

label {
width:9em;
float:left;
text-align:right;
margin-right:.5em;
display:block;

font: 12px Arial, Helvetica, sans-serif;
color:#000;
padding-left: 6px;
}


#formContainer {
margin: 12px 0 12px 10px;
}

#formContainer .red {
font: 12px Arial, Helvetica, sans-serif;
color:#ff0000;
}

#formContainer p {
font: 13px Arial, Helvetica, sans-serif;
color: #333;
line-height:14px;
padding-bottom: 12px;
padding-right: 10px;
}

#formContainer h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #cc0000;
}

html>body #formContainer h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #cc0000;
padding-top: 12px;
}
/*  
#formContainer input.gwts {
background:url(../images/inputBg.gif) repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
height: 18px; 
border: 1px solid #ccc;
}
*/
#formContainer input.gwts {
background:url(../images/inputBg.gif) repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
height: 18px; 
}

#formContainer textarea.gwts {
color:#4c4b3f;
background:#f6f6e5;
border:1px solid #dbd29c;
}

select.gwts {  
font: 12px Arial, Helvetica, sans-serif;
color:#000;
height: 23px; 
border: 1px solid #ccc;
}

textarea {  
font: 12px Arial, Helvetica, sans-serif;
color:#000; 
border: 1px solid #ccc;
}




#subscribe {
margin: 12px 0 12px 10px;
}

#subscribe .red {
font: 12px Arial, Helvetica, sans-serif;
color:#ff0000;
}



/* error */

#errordisplay {
background: url(../images/warning.gif) no-repeat;
width: 400px;
height: 38px;
padding: 8px 0 0 30px;
}

label.error {
position: relative;
top: -55px;
left: -150px;
width: 460px;
/*float:right;
text-align:right;
margin-right:.5em;*/
display:inline;

font: 12px Arial, Helvetica, sans-serif;
color:#ff0000;
padding-left: 6px;
}

html>body label.error {
position: relative;
top: -38px;
left: -152px;
width: 460px;
/*float:right;
text-align:right;
margin-right:.5em;*/
display:inline;

font: 12px Arial, Helvetica, sans-serif;
color:#ff0000;
padding-left: 6px;
}

*:first-child+html  label.error {
position: relative;
top: -55px;
left: -152px;
width: 460px;
/*float:right;
text-align:right;
margin-right:.5em;*/
display:inline;

font: 12px Arial, Helvetica, sans-serif;
color:#ff0000;
padding-left: 6px;
} 

#formContainer input.required {
background:url(../images/inputBg.gif) repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
height: 18px; 
}

#formContainer textarea.required {
background:url(../images/inputBg.gif) repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
}

input.error {
background:url(../images/inputBg.gif) repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color:#000;
height: 23px; 
border: #ff0000 solid 2px;
}

#formContainer textarea.error {
background:url(../images/inputBg.gif) repeat-x;
border: 2px solid red;
margin: 0px;
color: #000;
}

#formContainer select.error {
border: 2px solid red;
background-color: #ff0000;
margin: 0px;
color: #fff;
}
/* end forms */
/* end main */	


/* site map */
#sitemap {
width:770px;
padding-top: 20px;
}

#sitemap h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #cc0000;
padding-left: 10px;
}

#sitemap #site-left {
	float: left;
	width: 480px;
	padding: 0 20px;
}

#sitemap #site-left #column1 {
	float: left;
	width: 220px;
}

#sitemap #site-left #column2 {
	float: right;
	width: 230px;
}


#sitemap #site-left #column2 p {
color:#000;
line-height:14px;
font: 11px Arial, Helvetica, sans-serif;
font-size:12px;
color:#45443a;
margin: 0.8em 0 0.8em 0;
margin-top: 2.5em;
}

#sitemap #site-right {
	float: right;
	width: 220px;
	padding: 0 20px 0 0;
	
}

#sitemap a {
color:#000;
line-height:10px;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#sitemap a:hover {
color:#cc0000;
line-height:10px;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

ul.zero{
list-style-type:none;
margin-left:0;
margin-top: -.5em;
}

li.arrow {
background-image:url(../images/red_dot.gif);
background-repeat:no-repeat;
background-position:0 .8em;
padding-left:.7em;
padding-top:.4em;
}

/* end site map */

	
/* footer */
#footer {
clear: both;
margin: 0;
background: url(../images/footerBg.jpg) no-repeat;
width: 770px;
height: 90px;
}

/*#footer {
clear: both;
margin: 0;
background: url(../images/footerBg.jpg) no-repeat;
width: 770px;
height: 90px;
position: absolute;
bottom: 0px;
}*/

#footer #col-left {
float:left;
font: 11px bold Arial, Helvetica, sans-serif;
color: #000;
padding:18px;
display:inline;
}

#footer #col-right {
float:right;
font: 12px bold Arial, Helvetica, sans-serif;
color: #000;
padding:18px;
display:inline;
}

#col-right a {
color:#000;
line-height:10px;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#col-right a:hover {
color:#000;
line-height:10px;
font: 12px Arial, Helvetica, sans-serif;
border-bottom: #000 solid 3px;
}

#footer ul#navigation {
list-style-type:none;
margin:0;
}

#footer ul#navigation li {
border:0;
display:inline;
float:left;
text-indent:-9999px;
}

#footerClr {
clear: both;
}	
/* end footer */

/* global classes */
.superscript {
font: 10px bold Arial, Helvetica, sans-serif;
color: #333333;
}

	
#rss {
background-color: #f0f0f0;
}

#rss h1 {
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #cc0000;
margin: 20px 0 0 14px;
padding-top: 10px;
}

#rss p {
font: 12px Arial, Helvetica, sans-serif;
color: #000;
line-height:16px;
margin: 12px 0 0 14px;
}

.clear-both {clear: both;}

.section-fix {
display:block;
margin: 16px 0 0 0;
}

.icon-fix {
display:inline;
float:left;
margin: 0 15px 0 10px;
width: 82px;
}

.description-fix {
display:inline;
float:left;
width: 380px;
}
