/* CelCompra - Css Files */

html, body {
	margin : 0px;
	padding : 0px;
	font-family : Tahoma, "Lucida Sans", Helvetica, Arial, sans-serif;  
	font-weight : normal; 
	line-height: 18px;
	color: #888888;
}

h1, h2, h3, h4 {
	font-size: 100%;
}

a, a:visited, a:active {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: none;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dotted #333333;
	font-weight: bold;
	padding: 0 0 1px 0;
}

.clear {
	clear: both;
}

#container {
	margin: 0px auto;
	padding: 0px;
	width: 810px;
}
/* STILL CHECKING NO NEED FOR 2 logos for now 
#container h1 {
	margin: 15px 0 0 0;
	padding: 0px;
	background: transparent url(images/logo.jpg) no-repeat;
	text-indent: -9999px;
}

#container h1 a, #container h1 a:hover {
	text-decoration: none;
	border: none;
	width: 301px;
	height: 76px;
	display: block;
}
end of no eed for 2 logos*/
 
#container h2 {
	margin: 10px 0 0;
	padding: 0px;
	background: transparent url(images/head-image.jpg) no-repeat;
	text-indent: -9999px;
	width: 800px;
	height: 134px;
	border: 10px solid #ebebeb;
}

#nav {
	margin: 0px auto;
	padding: 0px;
	width: 785px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
 
#nav ul li {
	margin: 3px 5px;
	padding: 0px;
	float: left;
	background: transparent;
	font-family : Tahoma, "Lucida Sans", Helvetica, Arial, sans-serif;
	font-weight : bolder;
/* MADE A CHANGE HERE 
	font-size: 11px; 
	*/
	font-size: 13px;
}

#nav ul li a {
	text-decoration: none;
	color: #777777;
}

	
#nav ul li a:hover, a.active {
	text-decoration: none;
	color: #0083cd;
}

a.active {
	text-decoration: none;
	color: #0083cd;
}

#leftside {
	margin:0px;
	padding: 0px;
	width: 600px;
	float: left;
}

/* CelCompra - Need to change this -- not sure*/

#leftside h3 {
	margin: 0px;
	padding: 3px 0 0 10px;
	background: transparent url(images/b2b-head.gif) no-repeat;
	color: #ffffff;
/* made change here
	font-size: 11px; */
	
	font-size: 12px;

	font-weight: bolder; 
	height: 28px;
}

#content {
	margin: -6px 0 0;
	padding: 0px;
	width: 598px;
	background: #ebebeb;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	height: auto;
}

#content p {
	margin: 0px;
	padding: 10px 15px;
	color: #888888;
/*	font-size: 11px;
made a change here */
    font-size: 12px;

	font-weight: bolder;
	line-height: 16px;
	border-bottom: 1px solid #ffffff;
}

#rightside {
	margin: 0px;
	padding: 0px;
	width: 208px;
	float: right;
}

#news, #milis, #free {
	margin: 0px;
	padding: 0px;
}

#news h3, #milis h3, #free h3 {
	margin: 0px;
	padding: 3px 0 2px 10px;
	color: #ffffff;
	/*	font-size: 11px;
made a change here */
	font-size: 12px;
	
	font-weight: bolder; 
	height: 28px;
}

#news h3 {
	margin: 0px;
	background: transparent url(images/news-head.gif) no-repeat;
}

#milis h3 {
	margin: 10px 0 0 0;
	background: transparent url(images/milis-head.gif) no-repeat;
}

#free h3 {
	margin: 10px 0 0 0;
	background: transparent url(images/free-head.gif) no-repeat;
}

#newscontent, #miliscontent, #freecontent {
	margin: -10px 0 0 0;
	padding: 0 0 20px 0;
	width: 206px;
	background: #ebebeb;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	/*	font-size: 11px;
made a change here */
	font-size: 12px;
}

#newscontent h4, #miliscontent h4, #freecontent h4 {
	margin: 3px 10px;
	padding: 0px;
}

#newscontent h4 a.news {
	color: #0883c6;
}

#miliscontent h4 a.milis {
	text-decoration: none;
	color: #81bc46;
}

#freecontent h4 a.free {
	text-decoration: none;
	color: #919191;
}

#newscontent img {
	margin: 3px 10px;
	padding: 0px;
	border: none;
}

#newscontent p, #miliscontent p, #freecontent p {
	margin: 5px 10px;
	padding: 0px;
/* MADE A CHANGE HERE 
	font-size: 11px;  	*/

	font-size: 12px;
	font-weight: normal;
	color: #858585;
}

#newscontent p img, #miliscontent p img, #freecontent p img {
	margin: -15px 0 0 0;
	padding: 0px;
	border: none;
	float: right;
}

#footer {
	margin: 20px auto;
	padding: 0px;
	width: 785px;
}

#footer p {
	margin: 0px;
	padding: 0px;
/* MADE A CHANGE HERE 
	font-size: 11px; 
	*/

	font-size: 12px;
	float: left;
}

a.copyright {
	text-decoration: none;
	color: 0883c6;
}

a.design {
	text-decoration: none;
	color: #7cc12a;
}

#blue {
	margin: 0px;
	padding: 0px;
}
#blue h3 {
	margin: 0px;
	padding: 3px 0 2px 10px;
	color: #ffffff;
/* MADE A CHANGE HERE 
	font-size: 11px; 	*/

	font-size: 12px;
	font-weight: bolder;
	height: 28px;
	background-color: #E3E3E3;
	background-image: url(images/blue-head400.gif);
	background-repeat: no-repeat;
}
#bluecontent {
	margin: -10px 0 0;
	padding: 0 0 20px;
	width: 400px;
	background: #ebebeb;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
/* MADE A CHANGE HERE 
	font-size: 11px;   	*/

	font-size: 12px;
}
#green {
	margin: 0px;
	padding: 0px;
}
#green h3 {
	margin: 0px;
	padding: 3px 0 2px 10px;
	color: #ffffff;
/* MADE A CHANGE HERE 
	font-size: 11px;  	*/
	
	font-size: 12px;
	font-weight: bolder;
	height: 28px;
	background-image: url(images/green-head400.gif);
	background-repeat: no-repeat;
}
#greencontent {
	margin: -10px 0 0;
	padding: 0 0 20px;
	width: 400px;
	background: #ebebeb;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
/* MADE A CHANGE HERE 
	font-size: 11px;  	*/

	font-size: 12px;
}
#gray {
	margin: 0px;
	padding: 0px;
}
#gray h3 {
	margin: 0px;
	padding: 3px 0 2px 10px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bolder;
	height: 28px;
	background-image: url(images/gray-head400.gif);
	background-repeat: no-repeat;
}
#graycontent {
	margin: -10px 0 0;
	padding: 0 0 20px;
	width: 400px;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
/* MADE A CHANGE HERE 
	font-size: 11px;  	*/

	font-size: 12px;
}