/* Clickable Designs | CSS1-CSS2 Document */

/* wrap properties */
html, body {
		height: 100%;
		margin: 0px auto;
		padding: 0;
		background: #7E8694 url(../images/wrap/bg_site.gif) repeat center top;
		font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; font-weight: normal; color: #000000; }

		a:link, a:visited { color: #D62306; text-decoration: none; outline: none; }
		a:hover, a:active { color: #D62306; text-decoration: underline; outline: none; }
		
		h1 { margin: 0; padding: 0 0 20px 0; font-size: 20px; line-height: 24px; font-weight: bold; color: #D62306; }
		h2 { margin: 0; padding: 0 0 16px 0; font-size: 16px; line-height: 18px; font-weight: bold; }
		p { margin: 0; padding: 0 0 20px 0; }
		
		ul { margin: 0; padding: 0 0 20px 20px; list-style-type: none; }
		ul li { margin: 0; padding: 0 0 5px 12px; background: url(../images/wrap/ul_li_red.gif) no-repeat 0px 6px; line-height: 16px; }

#wrap {
		width: 970px;
		margin: 0px auto;
		padding: 0;
		/* display: table; */
		height: 100%;
		min-height: 100%;
		height: auto !important;
		background: #FFFFFF url(../images/wrap/bg_body.gif) repeat-y; }
		
		.left { float: left; display: inline; }
		.right { float: right; display: inline; }
		.center { text-align: center; }
		.end { clear: both; }
		.block { display: block; }
		.inline { display: inline; }
		
		img { border: 0; }
		.img_left { padding: 0 40px 20px 0; }
		.img_top { padding: 0 0 20px 0; }
		
		form { margin: 0; padding: 0; }

/* page properties */
		
		.body_container { width: 958px; height: 100%; padding: 0; margin: 0px auto; }
		
		.header_container { height: 88px; padding: 0; margin: 0; background: url(../images/wrap/bg_header.gif) no-repeat; }
		.logo { padding: 0 0 0 30px; margin: 0; }
		
		.menu_container { height: 33px; padding: 2px 30px 0 30px; margin: 0; background: url(../images/wrap/bg_mainmenu.gif) repeat-x; }
		
		.menu_content_sep { height: 20px; line-height: 0px; font-size: 0px; background-color: #FFFFFF; }
		
		.content_container { padding: 0; margin: 0; background: url(../images/wrap/bg_content.gif) repeat-y 0px 55px; }
		.col_1 { width: 600px; padding: 0; margin: 0 0 0 28px; }
		.col_2 { width: 230px; padding: 20px; margin: 0 28px 0 0; background-color: #000000; }
		.col_2 h1 { margin: 0; padding: 0 0 20px 0; font-size: 16px; line-height: 18px; font-weight: bold; color: #D62306; }
		.col_2 p { margin: 0; padding: 0 0 20px 0; color: #FFFFFF; }
		.col_2 ul { padding: 0 0 20px 0; }
		.col_2 ul li { color: #FFFFFF; }
		
		.icon_contact { padding: 2px 0 20px 0; }
		.icon_brochure { padding: 2px 0 20px 0; }
		.pdf { margin: 0 0 20px 0; padding: 0 0 20px 20px; background: url(../images/wrap/icon_pdf.gif) no-repeat 0px 1px; border-bottom: 1px solid #D0D3D8; }
		.mini_col_1 { width: 180px; }
		.mini_col_1_sep { width: 20px; }
		.mini_col_2 { width: 150px; }
		.mini_col_2_sep { width: 20px; }
		.mini_col_2_img {width: 230px; }
		.mini_col_2_text { width: 370px; }
		.page_sep { padding: 25px 0 0 0; border-top: 1px solid #D0D3D8; }
		
		/* .top { padding: 40px 0 10px 12px; line-height: 16px; background: url(../images/wrap/icon_top.gif) no-repeat 0px 44px; } */
		
		.footer_container { height: 180px; padding: 10px 0 0 0; margin: 5px 28px 0 28px; border-top: 1px solid #D0D3D8; font-size: 10px; }
		.footer_sep { padding: 0 26px 0 26px; color: #B0B2B6; }
		
		.copyright { padding: 10px 0 0 0; color: #93969D; }
		.author { padding: 10px 0 0 0; color: #93969D; }
		
		.grid_top1a { width: 170px; padding: 3px; text-align: center; border-top: 1px solid #D0D3D8; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; color: #D62306; }
		.grid_top1b { width: 87px; padding: 3px; text-align: center; border-top: 1px solid #D0D3D8; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; color: #D62306; }
		.grid_top1c { width: 206px; padding: 3px; text-align: center; border-top: 1px solid #D0D3D8; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; color: #D62306; }
		.grid_top2 { width: 107px; padding: 3px; text-align: center; border: 1px solid #D0D3D8; color: #D62306; }
		
		.grid_data1a1 { width: 170px; padding: 3px; text-align: center; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; font-size: 11px; line-height: 13px; }
		.grid_data1b1 { width: 87px; padding: 3px; text-align: center; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; font-size: 11px; line-height: 13px; }
		.grid_data1c1 { width: 206px; padding: 3px; text-align: center; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; font-size: 11px; line-height: 13px; }
		.grid_data2 { width: 107px; padding: 3px; text-align: center; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; border-right: 1px solid #D0D3D8; font-size: 11px; line-height: 13px; }
		
		.grid_data1a2 { width: 170px; height: 28px; padding: 3px; text-align: center; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; font-size: 11px; line-height: 13px; }
		.grid_data1b2 { width: 87px; height: 28px; padding: 3px; text-align: center; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; font-size: 11px; line-height: 13px; }
		.grid_data1c2 { width: 206px; height: 28px; padding: 3px; text-align: center; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; font-size: 11px; line-height: 13px; }
		.grid_data22 { width: 107px; height: 28px; padding: 3px; text-align: center; border-left: 1px solid #D0D3D8; border-bottom: 1px solid #D0D3D8; border-right: 1px solid #D0D3D8; font-size: 11px; line-height: 13px; }
		
		.red { color: #D62306; font-weight: bold; }
		
/* home properties */
		.home_feature { width: 958px; height: 419px; margin: 0; padding: 15px 0 0 0; background: url(../images/home/bg_feature.jpg) no-repeat; }
		.loading_flash { width: 770px; height: 404px; margin: 0 auto; padding: 0 1px 0 0; background: url(../images/home/loading.gif) no-repeat 0px 0px; }
		
		.home_container { width: 902px; padding: 20px 28px 0 28px; }
		.home_1 { width: 545px; padding: 0 38px 0 0; border-right: 1px solid #D0D3D8; }
		.home_2 { width: 274px; }
		
		.home_box1 { height: 235px; width: 122px; padding: 5px 0 0 7px; background-color: #DDDFE3; font-size: 12px; }
		.home_box2 { height: 235px; width: 122px; padding: 5px 0 0 7px; margin: 0 0 0 8px; background-color: #DDDFE3; font-size: 12px; }
		
		.home_box1 ul { margin: 0; padding: 3px 0 10px 0; list-style-type: none; }
		.home_box1 ul li { margin: 0; padding: 0 0 5px 10px; background: url(../images/wrap/ul_li_red.gif) no-repeat 0px 6px; line-height: 16px; }
		.home_box2 ul { margin: 0; padding: 3px 0 10px 0; list-style-type: none; }
		.home_box2 ul li { margin: 0; padding: 0 0 5px 10px; background: url(../images/wrap/ul_li_red.gif) no-repeat 0px 6px; line-height: 16px; }

/* CPN contact form */
#contactForm { color: #000000; padding-top: 10px; padding-bottom: 50px; }
#contactForm p { padding-bottom: 5px; text-align: left; }
#contactForm p#intro { padding-bottom: 10px; }
#contactForm p.title { font-weight: bold; }
#contactForm #errors p { color: #be2e1a; font-size: 14px; font-weight: bold; }
#contactForm #errors ul { padding-left: 20px; }
#contactForm label,input { display: block; float: left; margin-bottom: 10px; }
#contactForm input { background-color: #EFEFEF; border: 1px solid #808080; }
#contactForm select { margin-bottom: 10px; }
#contactForm label { text-align: right; width: 9em; padding-right: 10px; font-size: 13px; }
#contactForm label span.zipNote { font-size: 11px; }
#contactForm span.asterix { color: #be2e1a; font-family: Verdana; font-size: 15px; }
#contactForm input.submit { margin-top: 5px; width: 100px; color: #000000; font-weight: bold; cursor:pointer; }
#contactForm br { clear: left; }