@charset "utf-8";
#conash3D0 {
	display:none;
}
html, body {
	font: 100% Arial, Helvetica, sans-serif;
	font-size:14px;
	background: #E7E7E7;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
	height:100%; /* needed for container min-height */
	
}
hr {
	color:#dfdfdf;
	height:1px;
}
p {
	line-height:18px;
	text-align:justify;
}
h1 {
	color:#990033;
	font-size:18px;
}
h1.side, h1.main {
	padding:0;
	margin:0px;
}	
h2 {
	color:#ff9900;
	font-size:16px;
}
h3 {
	font-size:12px;
}
h1, h2 {
	/*letter-spacing:-1px;*/
}
a:link, a:visited {
	color:#990033;
}
a:hover {
	color:#ff9900;
}
#wrapper {
	width: 940px; 
	background: #E7E7E7;
	margin: 0 auto; 
	border: none;
	text-align: left;
	position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */

}


#header {
	background: #FFF url(../images/header_bg.gif) 0 0 ; 
	height:100px;
	padding: 0 20px 0 20px;  
	position:relative;
}
#header h1 {
	margin: 0;
	padding: 10px 0; 
}
#header .nav_container {
	text-align:right;
	float:right;
	position:absolute;
	bottom:0px;
	right:20px;
	text-transform:uppercase;
}
#header .nav_container ul {
	padding:0;
	margin:0;
	/*background-color: none;*/
	color: #666;
	width: 100%;
	list-style:none;
}

#header .nav_container ul li { 
	float:left;
	padding:0;
	margin:0;
	padding-right:1px;
	background: url(../images/nav_pipe-.gif) no-repeat 100% 0;
}
#header .nav_container ul li.last { 
	background: none;
}

#header .nav_container ul li a
{
	padding: 8px 10px;
	/*background-color: #FFF;*/
	color: #666;
	font-size:12px;
	text-decoration: none;
	float: left;
	display:block;
}
#header .nav_container ul li a:hover, #header .nav_container ul li a.on
{
	background: url(../images/nav_upr_arrow.gif) center 0 no-repeat;
	color: #990033;
}
#home .header_banner  {
	height:175px;
	background: url(../images/banner_h1.jpg) 0 100%;
}
#page .header_banner  {
	height:125px;
	background: url(../images/banner_p0.jpg) 0 100%;
}
#page .p1  {
	background: url(../images/banner_p1.jpg) 0 100%;
}
#page .p2  {
	background: url(../images/banner_p2.jpg) 0 100%;
}
#page .p3  {
	background: url(../images/banner_p3.jpg) 0 100%;
}
#page .p4  {
	background: url(../images/banner_p4.jpg) 0 100%;
}
#page .p5  {
	background: url(../images/banner_p5.jpg) 0 100%;
}

#content {
 padding:0 20px 87px 20px;
}
#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #E7E7E7;
}
#mainContent.sub {
	width:615px;
	padding: 0 10px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
}
.home3 {
	width:291px;
	padding:0 9px 2px 0;
	float:left;
}
.last {
	padding-right:0px;
}
.subHeading {
	border-bottom: 1px solid #ff9900;
	padding:4px 0;
	font-weight:bold;
}
.mini3 ul {
	float:left;
	width:185px;
	padding:0;
	margin:10px 0 10px 15px;
	list-style:none;
}
.mini2 h3 {
	color:#FFF;
	background:#990000;
	padding:5px 4px;
	margin:0;
}
.mini2 dl {
	float:left;
	width:48%;
	padding:10px 4px;
	margin:0;
}
.mini2 dt {
	border-bottom: 1px solid #ff9900;
	padding:4px 0;
	font-weight:bold;
}
.mini2 dd {
	padding:2px 0;
	margin:0;
}
#sideBar {
	width:275px;
	padding:0;
	margin:0;
	float:right;
}
#sideBar .content {
	padding-left:20px;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 300px; 
	background: url(../images/box_body-r.png) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/box_top-r.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../images/box_top-l.png) no-repeat top left;
	margin: 0;
	padding: 30px 30px 10px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/box_body-l.png) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
.boxbody p {
	border-bottom:1px solid #EDEDED;
	padding:0;
	margin:0;
}	

#footer {
	padding: 0;
	margin: 0;
	height:87px;
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background: #FFF url(../images/footer_bg.gif) no-repeat 0 100% ; 
	clear:both;
}
.footer_banner {
	background:url(../images/footer_banner.jpg) 0 0;
	height:36px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer .nav_container {
	text-align:center;
	color:#999;
	font-size:10px;
}
#footer .nav_container ul {
	padding:15px 0;
	margin:0;
	list-style:none;
}
#footer .nav_container ul li {
	display:inline;
}
#footer .nav_container ul li a {
	padding:5px 10px;
	color:#999;
	font-size:10px;
	text-decoration:none;
}
#footer .nav_container ul li a:hover {
	color:#990033;
}
/* Panel CSS */
#panel {
		float:right;
}
#panel .menu {
	background:url(../images/panel_nav_bg.jpg-) 0 0 no-repeat; 
	/*color:#FFF; */
	/*width:100%;*/
	clear:both;
}
#panel .menu ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	text-align:left;
	
}
#panel .menu li {
	display:block;
	float:left;
	width:120px;
	margin:0 20px 0 0; 
	padding:0;
	height:30px; 
	line-height:24px;
	text-align:center;
	background:url(../images/butRed_R.gif) 100% 0 no-repeat;
}
#panel .menu li a {
	display:block;
	height:30px;
	color:#333; 
	text-decoration:none; 
	padding:3px 15px; 
	background:url(../images/butRed_L.gif) 0 0 no-repeat; 
}
#panel .menu li a.tabactive {
	background:url(../images/butRed_L_on.gif) 0 0 no-repeat; 
	font-weight:bold;  
	position:relative;
	color:#FFF;
}
#panel .menu li.tabactive {
	background:url(../images/butRed_R_on.gif) 100% 0 no-repeat; 
}
/* Smaller buttons for sub pages
================================================================= */

#page #panel .menu li {
	display:block;
	float:left;
	width:auto;
	margin:0 5px 0 0; 
	padding:0;
	height:30px;
	font-size:10px; 
	line-height:24px;
	text-align:center;
	background:url(../images/butRed_R.gif) 100% 0 no-repeat;
}
#page #panel .menu li a {
	display:block;
	height:30px;
	color:#333; 
	text-decoration:none; 
	padding:3px 10px; 
	background:url(../images/butRed_L.gif) 0 0 no-repeat; 
}
#page #panel .menu li a.tabactive {
	background:url(../images/butRed_L_on.gif) 0 0 no-repeat; 
	font-weight:bold;  
	position:relative;
	color:#FFF;
}
#page #panel .menu li.tabactive {
	background:url(../images/butRed_R_on.gif) 100% 0 no-repeat; 
}

/* End smaller buttons ==========================================*/


#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {
	background:url(../images/panel_content_bg.jpg-) 0 0 no-repeat;
	width:100%; 
	height:240px;
	padding:0px;
	clear:both; 

}
#tabcontent1 img,#tabcontent2 img,#tabcontent3 img,#tabcontent4 img {
	float:	right;
	padding:10px 20px 0 0;
}
#tabcontent1 div,#tabcontent2 div,#tabcontent3 div,#tabcontent4 div {
	float:left;
	padding:10px;
	width:500px;
}
#tabcontent1 p, #tabcontent2 p ,#tabcontent3 p ,#tabcontent4 p {
		text-align:left;

}

/* End Panel CSS */

/* CCN Style Box */
.pad9T{padding-top:9px;}


/* white corner box */
.wCBox
{background:#FFF; height:1%}
.wCBoxHeader
{height:8px;overflow:hidden;background:#FFF url(../images/box/corner_dg_TR.gif) 100% 0 no-repeat;}
.wCBoxContent
{background:#FFF;}
.wCBoxFooter
{height:8px;overflow:hidden;background:#FFF url(../images/box/corner_dg_BR.gif) 100% 0 no-repeat;}

/* white corner box */
.wCBox .boxHeader
{height:8px;overflow:hidden;background:#FFF url(../images/box/corner_dg_TR.gif) 100% 0 no-repeat;}
.wCBox .boxHeader div
{width:8px;height:8px;overflow:hidden;background:#FFF url(../images/box/corner_dg_TL.gif) 0 0 no-repeat;}
.wCBox .boxContent
{background:#E7E7E7;}
.wCBox .boxFooter
{height:8px;overflow:hidden;background:#FFF url(../images/box/corner_dg_BR.gif) 100% 0 no-repeat;}
.wCBox .boxFooter div
{height:8px;width:8px;overflow:hidden;background:#FFF url(../images/box/corner_dg_BL.gif) 0 0 no-repeat;}

/* wire box */
.wireBox {background:#FFFFFF;}
.wireBox .boxContent
{background:#FFF;border-left:1px solid #CCC;border-right:1px solid #CCC; margin:0 8px;}
.wireBox .boxHeader
{height:8px;overflow:hidden;background:url(../images/box/corner_wire_TR_bg.gif) 100% 0 repeat-x;margin:0 8px;}
.wireBox .boxHeader div
{height:8px;width:8px;background:#FFF url(../images/box/corner_wire_TL.gif) 0 0 no-repeat;}
.wireBox .boxFooter
{height:8px;overflow:hidden;background:url(../images/box/corner_wire_BR_bg.gif) 100% 0 no-repeat;margin:0 8px;}
.wireBox .boxFooter div
{height:8px;width:8px;background:#FFF url(../images/box/corner_wire_BL.gif) 0 0 no-repeat;}

.wireBox.b_gray .boxHeader
{background:url(../images/box/corner_wire_gray_TR_bg.gif) 100% 0 repeat-x;}
.wireBox.b_gray .boxHeader div
{background:#CCC url(../images/box/corner_wire_gray_TL.gif) 0 0 no-repeat;}
.wireBox.b_orange .boxHeader
{background:url(../images/box/corner_wire_orange_TR_bg.gif) 100% 0 repeat-x;}
.wireBox.b_orange .boxHeader div
{background:#CCC url(../images/box/corner_wire_orange_TL.gif) 0 0 no-repeat;}

/* tools box 
==================================================================== */
.boxContentInner .boxContentHeader
{font-weight:bold;font-size:22px; color:#990033; padding:5px 12px 8px 12px;line-height:24px;border-bottom:1px solid #dfdfdf;margin-bottom:8px; }
.wireBox.b_gray .boxContentHeader {background:url(../images/box/corner_wire_gray_BG.jpg) 0 0 repeat-x;}
.wireBox.b_orange .boxContentHeader {background:url(../images/box/corner_wire_orange_BG.jpg) 0 0 repeat-x;}
 #sideBar h1 { color:#FFF;}
.boxContentInner .boxContentHeader p {
	color:#333;
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0;
}
.boxContentBullets
{margin:0 12px;padding:2px 0 6px 0;}

.boxContentInner ul
{margin:0;padding:0;list-style:none;}

.boxContentInner ul li
{font-size:14px;padding:8px 8px; background: url(../images/box/red_bull.gif) no-repeat 1px 13px;font-weight:normal; margin:1px 0;}

.boxContentInner ul li a
{font-weight:bold;}

/* list icons */
.boxContentInner ul li.lin {
	background:url(../images/li_icon_linux.gif) 98% 0 no-repeat;
}
.boxContentInner ul li.win {
	background:url(../images/li_icon_windows.gif) 98% 0 no-repeat;
}
.boxContentInner ul li.embed {
	background:url(../images/li_icon_embed.gif) 98% 0 no-repeat;
}
/*
#sideBar .boxContentInner .boxContentHeader {
	background:url(../images/box/sidebar_h1_icon.gif) 98% 10px no-repeat;
}
*/
/* common header links with raquo */
.cnnHeadLnk a
{color:#000;}
.cnnHeadLnk a:hover
{color:#000;}
.cnnHeadLnk a:visited
{color:#000;}
.cnnHeadLnk a span
{color:#004276;}
.cnnHeadLnk a:hover span
{color:#ca0002;}

.cnnHeaderLnk a span
{color:#000;}
.cnnHeaderLnk a:visited span
{color:#000;}
.cnnHeaderLnk a:hover span
{color:#ca0002;}