/* default styles */

html 
 {
 overflow-y: scroll;
 }
 
body
 {
 margin: 0;
 font: 9pt Tahoma, Arial, sans-serif;
 line-height: 12pt;
 background: #fff url(../images/bg.gif) repeat-x;
 color: #454545;
 overflow-y: auto;
 }
 
a
 { 
 color: #2F637A; 
 background: inherit; 
 }
 
a:hover
 { 
 color: #808080; 
 background: inherit; 
 }
 
p
 {
 margin: 0 0 5px 0; 
 }
 
h1 
 {
 font: bold 2.2em Arial, Sans-Serif; 
 padding: 8px 0 0 0; 
 margin: 0; 
 letter-spacing: -1px; 
 }
 
h2
 {
 margin: 0;
 padding: 0;
 font: 14pt sans-serif;
 letter-spacing: -1px;
 color: #4C7892;
 }
 
h1 a, h2 a 
 { 
 color: #000; 
 background: inherit; 
 text-decoration: none;
 }

h3
 {
 font-family: Arial,Helvetica,sans-serif; 
 font-size: 18px; font-weight: normal; 
 color: #84abb0; 
 padding-left: 15px; 
 margin-top: 25px; 
 margin-bottom: 20px;
 }

h4
 { 
 font: bold 14px Arial,Helvetica,sans-serif; 
 color: #84abb0; 
 padding-left: 10px; 
 margin-top: 5px; 
 margin-bottom: 5px; 
 }

ul 
 { 
 margin: 0; 
 padding : 0; 
 list-style : none;
 }
 
img 
 {
 border: 0; 
 }

#navlist li 
 {
 list-style-type: square;
 margin-left: 40px;
 }


/* layout */
#content 
 {
 margin: 10px auto;
 width: 740px;
 }

/*logo 
 {
 margin: 0 0 10px 0;
 background: #ffffff url(../images/TQSalesM_logo.jpg) no-repeat bottom left;
 height: 60px;
 }

 .logoright
 {
 float: right;
 width: 200px;
 }

#slogan 
 { 
 font-size: 0.9em; 
 margin: 0 0 10px 2px; 
 padding: 0; color: #808080; 
 background: #fff; 
 }
 
#top_info 
 { 
 line-height: 27px; 
 float: right; 
 color: #808080; 
 background: #fff; 
 margin: 12px 5px 7px 0; 
 text-align: right; 
 height: 74px; 
 }*/

/* title */
.header 
 {
 background: #ffffff url(../images/chally_logo.jpg) no-repeat bottom right;
 font-size: 1.2em;
 height: 60px;
 margin: 0 auto;
 width: 740px;
 }
 
.header .left, .header .right 
 {
 background: #A4A4A0;
 color: #FFF;
 height: 60px;	
 }
 
.header .left 
 {
 background: #ffffff url(../images/TQSalesM_logo.jpg) no-repeat bottom left;
 font: normal 16pt "Trebuchet MS",sans-serif;
 line-height: 60px;
 text-align: center;
 width: 400px;
 background: #ffffff url(../images/TQSalesM_logo.jpg) no-repeat bottom left;
 ;
 }
 
/* .header .right 
 {
 overflow: auto;
 width: 200px;
 }*/

 /* round blue login button */
#loginbutton a 
 {
 text-decoration: none; 
 width: 24px; 
 padding: 7px 12px; 
 margin: 0 0 0 8px; 
 height: 28px; 
 background: #fff url(../images/lb.gif) no-repeat; color: #000; 
 }
 
#loginbutton a:hover
 { 
 background: #fff url(../images/lbhover.gif) no-repeat; 
 color: #000;
 }

/* main horizontal menu */
#tablist
 { 
 padding: 3px 0; 
 margin: 0; 
 float: left; 
 }

#tablist li
 { 
 list-style: none; 
 display: inline; 
 margin: 0; 
 }
 
#tablist li a
 {
 text-decoration: none;
 padding: 4px 22px;
 margin-right: 2px;
 background: #808080 url(../images/corner.gif) no-repeat top right;
 font-weight: bold;
 color: #fff;
 }
 
#tablist li a:hover
 {
 background: #fbdb94 url(../images/corner.gif) no-repeat top right;
 color: #333333;
 }
 
#tablist li a.current
 {
 background: #fbdb94 url(../images/corner.gif) no-repeat top right;
 color: #660000;
 padding: 6px 22px;
 }
 
#tablist .key 
 { 
 text-decoration: underline; 
 }

/* main menu topics */
#topics 
 {
 clear: left;
 float: left;
 width: 730px;
 background: #fbdb94 url(../images/topicsbg.gif) repeat-x left bottom;
 padding: 8px 5px;
 margin: 0 0 5px 0;
 color: #fff;
 height: 10px;
 }
 
#topics li a 
 { 
 background-image: url(../images/bullet.gif); 
 background-repeat: no-repeat; 
 background-position: center left;  
 padding: 0 0 0 12px; 
 }

/* main menu search */
#search 
 {
 float: right;
 text-align: right;
 background: #fff url(../images/searchbg.gif) no-repeat;
 color: #000;
 padding: 32px 20px 12px 20px;
 min-height: 32px; /* FF height */
 height: 25px;	/* IE height */
 width: 270px;
 }
 
/* search form styling */
form, form p 
 { 
 margin: 0; 
 padding: 0; 
 line-height: 25px;
 }
 
.search 
 { 
 width: 170px; 
 border: 1px solid #357994; 
 background: #fff; 
 color: #478F36; 
 padding: 4px; 
 margin: 0; 
 font-weight: bold; 
 font-size: 1.3em;
 }
 
.button 
 { 
 padding: 4px; 
 font: bold 1em Arial, Sans-Serif; 
 }

/* left side */
#left 
 {
 float: left;
 width: 738px;
 margin: 0 0 10px 0;
 }
 
.subheader 
 {
 margin: 0 0 10px 0;
 padding: 8px;
 background: #f4f4f4 url(../images/bgshade.gif) repeat-x;
 color: #808080;
 border-bottom: 1px solid #ccc;
 }
	
.subheader 
 {
 margin: 0 0 10px 0;
 padding: 8px;
 background: #f4f4f4 url(../images/bgshade.gif) repeat-x;
 color: #808080;
 border-bottom: 1px solid #ccc;
 }
 
.pr-style
 {
 margin: 0 0 5px 0;
 padding: 5px;
 background: #EEEEEE) repeat-x;
 color: #808080;
 border-bottom: 1px solid #ccc;
 }

.left_articles 
 {
 margin: 0px 0 10px 0;
 background: #fff url(../images/bgshade.gif) repeat-x;
 color: #454545;
 padding: 15px 15px 5px 10px;
 }
	
/*	#left p 
 { 
 padding-left: 10px; 
 }

#left h1
 { 
 font-family: Arial,Helvetica,sans-serif; 
 font-size: 30px; 
 font-weight: normal; 
 color: #84abb0; 
 padding-left: 10px; 
 margin-top: 10px; 
 margin-bottom: 20px; 
 }
 
#left h2 
 { 
 font-family: Arial,Helvetica,sans-serif; 
 font-size: 18px; 
 font-weight: normal; 
 color: #84abb0; 
 padding-left: 15px; 
 margin-top: 25px; 
 margin-bottom: 20px; 
 }*/

.date 
 { 
 font-size: .9em; 
 padding: 0 0 0 12px; 
 background: #fff url(../images/news.gif) no-repeat center left; color: #808080; 
 }
 
.bigimage 
 {
 float: left;
 clear: left;
 border: 1px solid #ccc;
 background: #eee;
 color: #000;
 width: 200px;
 height: 150px;
 margin: 0 15px 10px 0;
 }
 
.left_box 
 {
 background: #f4f4f4;
 color: #808080;
 border-top: 1px dotted #ccc;
 border-bottom: 1px dotted #ccc;
 padding: 15px;
 margin: 0 0 15px 0;
 }

.thirds 
 {
 float: left;
 width: 186px;
 padding: 0 10px 0 15px;
 border-right: solid 1px #EEE;
 border-left: solid 1px #EEE;
 }		
		
/* right side */
#right 
 {
 float: right;
 width: 310px;
 margin: 0 0 10px 0;
 }
 
.right_articles 
 {
 border: 1px solid #ccc;
 padding: 8px;	
 margin: 0 0 10px 0;
 background: #eee;
 color: #454545;
 }
 
.image 
 { 
 float: left; 
 margin: 0 9px 3px 0; 
 }
 
.notes 
 {
 border-top: 1px dotted #ccc;
 border-bottom: 1px dotted #ccc;
 padding: 17px 10px 17px 80px;	
 margin: 0 0 10px 0;
 background: #fff url(../images/notes.gif) no-repeat center left;
 color: #454545;
 }
 
/* footer */
#footer 
 {
 clear: both;
 color: #808080;
 background: #FFF;
 border-top: 1px solid #ccc;
 width: 740px;
 }
 
#footer .right 
 {
 float: right;
 font-size: 9px;
 }

#main 
 {
 padding: 5px;
 clear: both;
 height: 1%;
 overflow: auto;
 }

.mainpanel 
 {
 width: 228px;
 float: left;
 border-left: 1px solid #cccccc;
 min-height: 130px;
 height: auto;
 }

* html .mainpanel 
 {
 height: 130px;
 }

.mainpanel h5 
 {
 text-transform: uppercase;
 border-bottom: 1px solid #cccccc;
 font-size: 10pt;
 font-weight: bold;
 color: #CC6600;
 padding: 0 10px 5px 10px;
 }

.mainpanel p 
 {
 color: #333333;
 font-size: 9pt;
 padding: 0px 10px;
 }

.centerpanel 
 {
 width: 200px
 margin-left: 5px;
 min-height: 130px;
 margin-left: 5px;
 margin-right: 5px;
 }
	
.mainheader 
 { 
 font-family: Arial,Helvetica,sans-serif; 
 font-size: 18px; font-weight: normal; 
 color: #84abb0; 
 padding-left: 15px; 
 /* margin-top: 25px; 
 margin-bottom: 20px;*/ 
 }

.dateheader 
 { 
 text-transform: uppercase;
 font-size: 10pt;
 font-weight: bold;
 color: #CC6600;
 background-color:#EEEEEE;
 }

.evenheader 
 { 
 text-transform: uppercase;
 font-size: 10pt;
 font-weight: bold;
 color: #84abb0;
 }

/*#column 
 {
 width: 189px;
 margin: 0 1px 10px 0;
 padding: 5px 13px 20px 10px;
 border-top: 1px solid #DDD;
 border-bottom: 1px solid #DDD;
 color: #5D5D5D;
 line-height: 1.5em;
 float: left;
 background-color: #EEEEEE;
 min-height: 100px;
 }

#column p 
 {
 margin: 0px;
 font-size: 90%;
 }

#column h3 
 {
 font-size: 9pt;	
 }

#column a 
 {
 display: block;
 height: 12px;
 padding-bottom: 4px;
 margin-bottom: 2px;
 border-bottom: 1px solid #ccc;
 }*/