/*========================================================*/
/*  Control Panel                                         */
/*========================================================*/
.ControlPanel					{ background: #bdbdbd; border:#d0dde6 solid; border-width:0px 0px 1px;}
.ControlPanel IMG				{ margin:5px 5px 0px; }
.ControlPanel TD TD TD TD IMG	{ margin:0px; }
.ControlPanel TD TD TD			{ width:auto}
.ControlPanel DIV				{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.ControlPanel TD .SubHead		{ font-size:8pt; color:#222; font-weight:bold; }
.ControlPanel TD TD TD .SubHead	{ background:transparent; border:0px; font-size:12px; color:#666; font-weight: bold; }
.ControlPanel TD TD TD input	{ background:#edf0f2; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.ControlPanel TD TD TD select	{ background:#edf0f2; font-size:11px; color:#444;}

/*========================================================*/
/*  Universal                                          */
/*========================================================*/


body					{  background:url(images/left_black_bg.gif) top left repeat-y #ffffff;	font-family: verdana, arial, helvetica, sans-serif;color: #000000;font-size: 11px;line-height:16px; margin:0px; padding:0px}
TD					{  font-family: verdana, arial, tahoma, sans serif; font-size: 11px;}
P					{  font-family: verdana, arial, tahoma, sans serif; font-size: 11px;}
A:link 					{ COLOR: #1c69ba; TEXT-DECORATION: none}
A:visited 				{ COLOR: #1c69ba; TEXT-DECORATION: none}
A:active 				{ COLOR: #1c69ba; TEXT-DECORATION: none}
A:hover 				{ COLOR: #b4000a; TEXT-DECORATION: underline}

.Head					{ color:#2099de; font:bold 12pt/30px Verdana, Arial, Helvetica, sans-serif;}
.SubHead				{ color:#4c6977}
.Settings				{ text-align:left}
.Normal,normal{font-family: verdana, arial, helvetica, sans-serif;color: #000000;font-size: 11px;line-height:16px;}
.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active	{ color:#1c69ba; text-decoration:none; font: bold 12px Tahoma, Arial, Helvetica, sans-serif; padding:0 3px;}
A.CommandButton:hover	{ color:#FB9409; text-decoration:none;}
.clear					{ clear:both}
.left					{ float:left}
.right					{ float:right}
/*========================================================*/
/*  Skin layout                                         */
/*========================================================*/
#Topbox{ height:31px; background:url(images/top_box_bg.gif) top left repeat-x; }
.t_menu{ height:31px; background:url(images/menu_bg.gif) top left repeat-x; width:55%; min-width:650px; float:left;}
.t_links{height:31px; background:url(images/menu_right.gif) top left no-repeat; float:left; padding-left:40px;}
.t_links span{ padding:0 20px; display:block; height:20px; line-height:20px; cursor:pointer; float:left}
.t_links a,.t_links a:active,.t_links a:visited{ color:#000000;font: normal 8px Arial, Helvetica, sans-serif; text-transform:uppercase; word-spacing:2px; line-height:14px; letter-spacing:1px; display:block; float:left}

.t_links a:hover{ text-decoration:none; color:#000; background:url(images/t_link_over.gif) left top no-repeat}
.t_links a:hover span{ text-decoration:none; color:#000; background:url(images/t_link_over.gif) right bottom no-repeat;}

* html .logo{ width:903px}
 

#Topspace{clear:both; background:url('images/CPC_Logo.gif') right no-repeat #ffffff; margin:0 0 0 11px; height:157px; width: 80%;}
.headerMid{float: left; width: 300px; height: 100px;}
.cplogo{float: left; margin-left: 20px; text-align:right; width:200px;}


#IndexFlashbox{ position:absolute; left:11px}

#Contentbox{  width:780px; margin:0 auto;}
.boxa{ width:185px; float:left}
.boxb{ width:185px; float:left; margin-left:9px}
.boxc{ width:185px; float:left; margin-left:9px}
.boxd{ width:185px; float:left; margin-left:9px}
.contentpane{ clear:both;}
.boxb2{ width:185px; text-align:center; float: left; margin-left: 5px; margin-right: 5px;}
.boxc2{ width:185px; text-align:center; float: left; margin-left: 5px; margin-right: 5px;}
.boxd2{ width:185px; text-align:center; float: left; margin-left: 5px; margin-right: 5px;}


#Fotbox{ background:url(images/fot_left_bg.gif) top left no-repeat #f0f0f0; height:14px;  margin:10px 0 0 11px; position:relative; z-index:1}
.copyright{ float:left; width:58%; text-align:center; height:14px;color:#000; font: normal 8px Arial, Helvetica, sans-serif; text-transform:uppercase; word-spacing:2px; line-height:14px; letter-spacing:1px}
.f_links{background:url(images/fot_right_bg.gif) top right no-repeat; float:right; width:40%; text-align:center; height:14px;}

.topWrapper{clear: both; height: 157px; width: 80%; margin-top: 0px; padding-top:0px; display:block;}
.stylepane{float:left; margin-left: 20px; margin-top: 0px; padding-top: 0px; display:block;}
.logopane{float:right; width:180px; padding-top: 20px; display: block;}

.innertopimg{clear:both; background:url('images/CPC_Logo.gif') right no-repeat #ffffff; margin:0 0 0 11px; height:157px; width: 80%}
#Innercontentbox{ min-height:480px;}
* html #Innercontentbox{ height:400px}
#Inner_bot_rightimg{ position:absolute; right:0px; bottom:20px; background:url(images/inner_bot_img.jpg) top right no-repeat; width:279px; height:403px}
#Inner_bot_rightimg2{ position:absolute; right:0px; bottom:20px; background:url(images/inner_bot_img2.jpg) top right no-repeat; width:279px; height:403px}
#Inner_bot_rightimg3{ position:absolute; right:0px; bottom:20px; background:url(images/inner_bot_img3.jpg) top right no-repeat; width:279px; height:403px}
#Inner_bot_rightimg4{ position:absolute; right:0px; bottom:20px; background:url(images/inner_bot_img4.jpg) top right no-repeat; width:279px; height:403px}
#Inner_bot_rightimg5{ position:absolute; right:0px; bottom:20px; background:url(images/inner_bot_img5.jpg) top right no-repeat; width:279px; height:403px}

.innerpanes{ width:70%; margin-left:100px;} 
.leftpane{ width:28%; float:left}
.innercontentpane{ width:70%; float:right; margin-left: 5px;}
.rightpane{ width:30%; float: right;}
.footerpane{ width:69%; margin-left:100px;}
.footer{ width:70%; margin-left:100px; background-color: #f0f0f0;}
/*========================================================*/
/*  Skin Object                                         */
/*========================================================*/
.user,
A.user:link,
A.user:active,
A.user:visited  		{ color:#000; font: normal 8px Arial, Helvetica, sans-serif; text-transform:uppercase; word-spacing:2px; padding:0 10px; line-height:14px; letter-spacing:1px} 
A.user:hover 			{ color:#999;text-decoration:none;}

.login,
A.login:link,
A.login:active,
A.login:visited  		{ color:#000; font: normal 8px Arial, Helvetica, sans-serif; text-transform:uppercase; word-spacing:2px; padding:0 10px; line-height:14px; letter-spacing:1px} 
A.login:hover 			{ color:#999; text-decoration:none;}


.privacy,
A.privacy:link,
A.privacy:active,
A.privacy:visited  		{ color:#000; font: normal 8px Arial, Helvetica, sans-serif; text-transform:uppercase; word-spacing:2px; padding:0 10px; line-height:14px; letter-spacing:1px} 
A.privacy:hover 		{ color:#999; text-decoration:none}

.terms,
A.terms:link,
A.terms:active,
A.terms:visited  		{ color:#000; font: normal 8px  Arial, Helvetica, sans-serif; text-transform:uppercase; word-spacing:2px; padding:0 10px; line-height:14px; letter-spacing:1px} 
A.terms:hover			{ color:#999; text-decoration:none}

.sitemap,
A.sitemap:link,
A.sitemap:active,
A.sitemap:visited  		{ color:#000; font: normal 8px Arial, Helvetica, sans-serif; text-transform:uppercase; word-spacing:2px; padding:0 10px; line-height:14px; letter-spacing:1px} 
A.sitemap:hover			{ color:#999; text-decoration:none}


/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/

/*========================================================*/
/*  CSS Menu Style                                         */
/*========================================================*/
.cssmenu 								{ height:31px; float:right}
.cssmenu span 							{ padding:0 27px; white-space: nowrap; display:block;}
.cssmenu ul								{ margin:0px; padding:0px;display: block;float:left}
.cssmenu li 							{ list-style: none none outside; float:left;position:relative;}
.cssmenu ul li 							{ background:url(images/menu_bg.gif) top left repeat-x; float:left}
.cssmenu ul li a						{ background:url(images/menu_bg.gif) top left repeat-x;height:31px; display:block; float:left}
.cssmenu ul .current 					{ background:url(images/index_menu.gif) left -80px no-repeat; margin:0px}
.cssmenu ul .current a					{ background:url(images/index_menu.gif) right -120px no-repeat; color:#fff;}
.cssmenu ul .current span				{ color:#fff}
.cssmenu ul .current .slide span		{ background:transparent;}
.cssmenu ul a:link, 
.cssmenu ul a:active, 
.cssmenu ul a:visited					{ width:auto;color:#fff; text-decoration:none; line-height:31px;display: block; cursor:pointer; text-transform:uppercase}
.cssmenu ul a:hover 					{ color: #fff; background:url(images/index_menu.gif) left -160px no-repeat;float:left}
.cssmenu ul a:hover span 				{ background:url(images/index_menu.gif) right -200px no-repeat; float:left}
.downarrow								{ display:none}
.rightarrow								{ position:absolute; right:5px; top:10px}
.cssmenu .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.cssmenu .slide .icon 					{ position:absolute; left:2px; top:3px}
.cssmenu .slide .Group 					{ background:#2099de; border:1px #fff solid;display: none;left: 0px; float: left; position:relative}
.cssmenu .slide ul li 					{ clear: both;background:url(images/submenu.gif) top left repeat-x; display:block; border-bottom:1px #fff solid; width:100%}
.cssmenu .slide ul li span 				{ color:#fff; display:block; padding:0 20px 0 20px; font-size:9px}
.cssmenu .slide ul li a					{ background:url(images/submenu.gif) top left repeat-x;height:20px; display:block}
.cssmenu .slide ul a:link, 
.cssmenu .slide ul a:active, 
.cssmenu .slide ul a:visited			{ width:auto;color:#fff; text-decoration:none; line-height:20px;display: block; cursor:pointer}
.cssmenu .slide ul a:hover 				{ background:#000;width:100%}
.cssmenu .slide ul a:hover span 		{ background:#000;}
/*========================================================*/
/*  Innerpane CSS Menu Style                                         */
/*========================================================*/
.innercssmenu 								{ height:31px; float:right}
.innercssmenu span 							{ padding:0 27px; white-space: nowrap; display:block;}
.innercssmenu ul								{ margin:0px; padding:0px;display: block;float:left}
.innercssmenu li 							{ list-style: none none outside; float:left;position:relative;}
.innercssmenu ul li 							{ background:url(images/menu_bg.gif) top left repeat-x; float:left}
.innercssmenu ul li a						{ background:url(images/menu_bg.gif) top left repeat-x;height:31px; display:block; float:left}
.innercssmenu ul .current 					{ background:url(images/inner_menu.gif) left -80px no-repeat; margin:0px}
.innercssmenu ul .current a					{ background:url(images/inner_menu.gif) right -120px no-repeat; color:#fff;}
.innercssmenu ul .current span				{ color:#fff}
.innercssmenu ul .current .slide span		{ background:transparent;}
.innercssmenu ul a:link, 
.innercssmenu ul a:active, 
.innercssmenu ul a:visited					{ width:auto;color:#fff; text-decoration:none; line-height:31px;display: block; cursor:pointer; text-transform:uppercase}
.innercssmenu ul a:hover 					{ color: #fff; background:url(images/inner_menu.gif) left -160px no-repeat;float:left}
.innercssmenu ul a:hover span 				{ background:url(images/inner_menu.gif) right -200px no-repeat; float:left}
.downarrow								{ display:none}
.rightarrow								{ position:absolute; right:5px; top:10px}
.innercssmenu .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.innercssmenu .slide .icon 					{ position:absolute; left:2px; top:3px}
.innercssmenu .slide .Group 					{ background:#2099de; border:1px #fff solid;display: none;left: 0px; float: left; position:relative}
.innercssmenu .slide ul li 					{ clear: both;background:url(images/submenu.gif) top left repeat-x; display:block; border-bottom:1px #fff solid; width:100%}
.innercssmenu .slide ul li span 				{ color:#fff; display:block; padding:0 20px 0 20px; font-size:9px}
.innercssmenu .slide ul li a					{ background:url(images/submenu.gif) top left repeat-x;height:20px; display:block}
.innercssmenu .slide ul a:link, 
.innercssmenu .slide ul a:active, 
.innercssmenu .slide ul a:visited			{ width:auto;color:#fff; text-decoration:none; line-height:20px;display: block; cursor:pointer}
.innercssmenu .slide ul a:hover 				{ background:#000;width:100%}
.innercssmenu .slide ul a:hover span 		{ background:#000;}