/* CSS Document */
body {
	margin:0px;
	padding:0px;
	background:url(../images/body_bg.jpg) 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
div, img, span, ul, li, ol, dt, h1, h2, h3, h4, h5, h6, p {
	padding:0px;
	margin:0px;
}
img{
	border:0px none;
	}
.clear{
	clear:both;
	}

.main_sec{width:100%; float:left;}
.main{ width:1002px; margin:0px auto;}

.head_sec{ width:1002px; float:left; padding:57px 0 27px 0;}
.main_part{ width:1002px; float:left;}
.cor{ width:1002px; float:left;}
.main_bg{ width:982px; float:left; background:url(../images/bg.png) repeat-y 0 0; padding:0 10px 0 10px;}

.nav_main{ width:982px; float:left; position:relative;}
.nav_cor{ width:5px; float:left;}
.nav{ width:972px; float:left; background:url(../images/nav_bg.png) repeat-x 0 0; height:45px; position:relative; }
.nav ul{ margin:0px; padding:0px; position:absolute; left:-5px; width:982px;}
.nav li{ margin:0px; padding:0px; list-style:none;   font-family: 'MyriadWebProRegular'; font-size:15px; text-align:center; line-height:45px; float:left; color:#999999;  display:block; width:141px; background:url(../images/nav_line.jpg) right top no-repeat; position: relative; left:0px; top:0px;}
.nav li a{ font-family: 'MyriadWebProRegular'; color:#999999; text-decoration:none; display:block;}
.nav li a:hover{color:#ffffff; text-decoration:none; background-color:#000000;  display:block; font-weight:bold; font-size:15px; color:#FFFFFF;}
.nav li a.current{color:#ffffff; text-decoration:none; background-color:#000000;  display:block; font-weight:bold; font-size:15px; color:#FFFFFF;}

.nav li.home{background:url(../images/nav_line.jpg) right top no-repeat; left:0px; top:0px; width:141px;}
.nav li.home a{ font-family: 'MyriadWebProRegular'; color:#999999; text-decoration:none; display:block;}
.nav li.home a:hover{color:#ffffff; text-decoration:none; display:block; background: url(../images/home_h.png) no-repeat 0 0;}
.nav li.home a.current{color:#ffffff; text-decoration:none; display:block; background: url(../images/home_h.png) no-repeat 0 0;}

.nav li.create{background:url(../images/nav_line.jpg) right top no-repeat; left:0px; top:0px;}
.nav li.create a{ font-family: 'MyriadWebProRegular'; color:#01d1fb; text-decoration:none;}
.nav li.create a:hover, .nav li:hover{color:#ffffff; text-decoration:none; background-color:#000000;  display:block; font-weight:bold; font-size:15px; color:#FFFFFF;}
.nav li.create a.current{color:#01d1fb; text-decoration:none; display:block; background: url(../images/current_main.png) no-repeat 0 0;}

.nav li.publish{background:url(../images/nav_line.jpg) right top no-repeat; left:0px; top:0px;}
.nav li.publish a { font-family: 'MyriadWebProRegular'; color:#ff64c8; text-decoration:none;}
.nav li.publish a:hover, .nav li:hover    {color:#ffffff; text-decoration:none; background: url(../images/current_main.png) 0 0 no-repeat; display:block; font-weight:bold; font-size:15px; color:#FFFFFF;}

.nav li.display{background:url(../images/nav_line.jpg) right top no-repeat; left:0px; top:0px;}
.nav li.display a{ font-family: 'MyriadWebProRegular'; color:#ffcb00; text-decoration:none;}
.nav li.display a:hover, .nav li:hover {color:#ffffff; text-decoration:none; background: url(../images/current_main.png) 0 0 no-repeat; display:block; font-weight:bold; font-size:15px; color:#FFFFFF;}

.nav li.communicate{background:url(../images/nav_line.jpg) right top no-repeat; left:0px; top:0px;}
.nav li.communicate a{ font-family: 'MyriadWebProRegular'; color:#6666ff; text-decoration:none;}
.nav li.communicate a:hover, .nav li:hover {color:#ffffff; text-decoration:none; background: url(../images/current_main.png) 0 0 no-repeat;  display:block; font-weight:bold; font-size:15px; color:#FFFFFF;}

.nav li.about{background:url(../images/nav_line.jpg) right top no-repeat; left:0px; top:0px;}

.nav li.contact{ background:none; left:0px; top:0px; width:136px;}
.nav li.contact a{ font-family: 'MyriadWebProRegular'; color:#999999; text-decoration:none; display:block;}
.nav li.contact a:hover, .nav li:hover {color:#ffffff; text-decoration:none; display:block; background: url(../images/current_main.png) no-repeat right top;}
.nav li.contact a.current{color:#ffffff; text-decoration:none; display:block; background: url(../images/contact_h.png) no-repeat right top;}

/****************************/

.nav li.create:hover > ul{visibility:visible;}

.nav li.create ul{position:absolute; visibility:hidden; left:0px; top:45px; margin:0px; padding:0px; width:190px; z-index:5;}
.nav li.create li{margin:0px; line-height:22px; width:190px; display:block; background:url(../images/hover.png) repeat-y 0 0; font-weight: normal; clear:both; font-size:15px; color:#999999; text-align:left;}
.nav li.create li a{ font-family: 'MyriadWebProRegular'; margin:0px; padding:0 0 0 10px; line-height:22px; width:180px; display:block; color:#999999; font-weight:normal;}
.nav li.create li a:hover{width:180px; display:block;  line-height:22px; font-size:15px; color:#FFFFFF; font-weight:normal; background:none; }

/****************************/


.nav li.publish:hover > ul{visibility:visible;}
.nav li.publish ul{position:absolute; visibility:hidden; left:0px; top:45px; margin:0px; padding:0px; width:190px; z-index:5;}
.nav li.publish li{margin:0px; line-height:22px; width:190px; display:block; background:url(../images/hover.png) repeat-y 0 0; font-weight: normal; clear:both; font-size:15px; color:#999999; text-align:left;}
.nav li.publish li a{ font-family: 'MyriadWebProRegular'; margin:0px; padding:0 0 0 10px; line-height:22px; width:180px; display:block; color:#999999; font-weight:normal;}
.nav li.publish li a:hover{width:180px; display:block;  line-height:22px; font-size:15px; color:#FFFFFF; font-weight:normal; background:none; }


/****************************/

.nav li.display:hover > ul{visibility:visible;}

.nav li.display ul{position:absolute; visibility:hidden; left:0px; top:45px; margin:0px; padding:0px; width:200px; z-index:5;}
.nav li.display li{margin:0px; line-height:22px; width:190px; display:block; background:url(../images/hover.png) repeat-y 0 0; font-weight: normal; clear:both; font-size:15px; color:#999999; text-align:left;}
.nav li.display li a{ font-family: 'MyriadWebProRegular'; margin:0px; padding:0 0 0 10px; line-height:22px; width:200px; display:block; color:#999999; font-weight:normal;}
.nav li.display li a:hover{width:185px; display:block;  line-height:22px; font-size:15px; color:#FFFFFF; font-weight:normal; background:none; }


/****************************/

.nav li.communicate:hover > ul{visibility:visible;}

.nav li.communicate ul{position:absolute; visibility:hidden; left:0px; top:45px; margin:0px; padding:0px; width:190px; z-index:5;}
.nav li.communicate li{margin:0px; line-height:22px; width:190px; display:block; background:url(../images/hover.png) repeat-y 0 0; font-weight: normal; clear:both; font-size:15px; color:#999999; text-align:left;}
.nav li.communicate li a{ font-family: 'MyriadWebProRegular'; margin:0px; padding:0 0 0 10px; line-height:22px; width:180px; display:block; color:#999999; font-weight:normal;}
.nav li.communicate li a:hover{width:180px; display:block;  line-height:22px; font-size:15px; color:#FFFFFF; font-weight:normal; background:none; }

/****************************/

.nav li.about:hover > ul{visibility:visible;}

.nav li.about ul{position:absolute; visibility:hidden; left:0px; top:45px; margin:0px; padding:0px; width:190px; z-index:5;}
.nav li.about li{margin:0px; line-height:22px; width:190px; display:block; background:url(../images/hover.png) repeat-y 0 0; font-weight: normal; clear:both; font-size:15px; color:#999999; text-align:left;}
.nav li.about li a{ font-family: 'MyriadWebProRegular'; margin:0px; padding:0 0 0 10px; line-height:22px; width:180px; display:block; color:#999999; font-weight:normal;}
.nav li.about li a:hover{width:180px; display:block;  line-height:22px; font-size:15px; color:#FFFFFF; font-weight:normal; background:none; }


/****************************/

.banner_sec{ width:982px; float:left; margin:10px 0 0 0;}

.middle_sec{ width:982px; float:left; margin:10px 0 0 0;}
.middle_box_sec{ width:982px; float:left;}
.blue_box_sec{ width:238px; float:left; margin-right:10px;}
.blue_box_cor{ width:238px; float:left;}
.blue_box_bg{ width:238px; float:left; background:url(../images/blue_bg.png) repeat-x 0 0; height:310px; padding:4px 0 0px 0;}
.blue_box_bg h2{ margin:0 0 0 0;}
.blue_box_bg h3{ margin:0 0 3px 15px; height:26px;     font-family: 'KlavikaBold'; font-size:23px; color:#FFFFFF;  text-transform:uppercase; text-align:left; font-weight:normal;}
.blue_box_bg p{   font-family:'MyriadWebProRegular'; font-size:14px; color:#FFFFFF; text-align:left; line-height:18px; padding:10px 12px 0 14px;}
.blue_box_bg p.read{   font-family: 'KlavikaBold'; font-size:13px; font-weight:bold; color:#FFFFFF; text-align: right; padding:10px 12px 0 0; text-transform:uppercase;}
.blue_box_bg p.read a{font-family: 'KlavikaBold'; color:#FFFFFF; text-decoration:underline; font-weight:normal;}

.pink_box_sec{ width:238px; float:left; margin-right:10px;}
.pink_box_cor{ width:238px; float:left;}
.pink_box_bg{ width:238px; float:left; background:url(../images/pink_bg.png) repeat-x 0 0; height:310px; padding:4px 0 0px 0;}
.pink_box_bg h2{ margin:0 0 0 0;}
.pink_box_bg h3{ margin:0 0 3px 15px; height:26px;     font-family: 'KlavikaBold'; font-size:23px; color:#FFFFFF;  text-transform:uppercase; text-align:left; font-weight:normal;}
.pink_box_bg p{   font-family:'MyriadWebProRegular'; font-size:14px; color:#FFFFFF; text-align:left; line-height:18px; padding:10px 12px 0 14px;}
.pink_box_bg p.read{   font-family: 'KlavikaBold'; font-size:13px; font-weight:bold; color:#FFFFFF; text-align: right; padding:10px 12px 0 0; text-transform:uppercase;}
.pink_box_bg p.read a{color:#FFFFFF; text-decoration:underline; font-weight:normal;}

.yellow_box_sec{ width:238px; float:left; margin-right:10px;}
.yellow_box_cor{ width:238px; float:left;}
.yellow_box_bg{ width:238px; float:left; background:url(../images/yellow_bg.png) repeat-x 0 0; height:310px; padding:4px 0 0px 0;}
.yellow_box_bg h2{ margin:0 0 0 0;}
.yellow_box_bg h3{ margin:0 0 3px 15px; height:26px;     font-family: 'KlavikaBold'; font-size:23px; color:#FFFFFF;  text-transform:uppercase; text-align:left; font-weight:normal;}
.yellow_box_bg p{  font-family:'MyriadWebProRegular'; font-size:14px; color:#FFFFFF; text-align:left; line-height:18px; padding:10px 12px 0 14px;}
.yellow_box_bg p.read{   font-family: 'KlavikaBold'; font-size:13px; font-weight:bold; color:#FFFFFF; text-align: right; padding:10px 12px 0 0; text-transform:uppercase;}
.yellow_box_bg p.read a{color:#FFFFFF; text-decoration:underline; font-weight:normal;}

.per_box_sec{ width:238px; float:left; }
.per_box_cor{ width:238px; float:left;}
.per_box_bg{ width:238px; float:left; background:url(../images/per_bg.png) repeat-x 0 0; height:310px; padding:4px 0 0px 0;}
.per_box_bg h2{ margin:0 0 0 0;}
.per_box_bg h3{ margin:0 0 3px 15px; height:26px;     font-family: 'KlavikaBold'; font-size:23px; color:#FFFFFF;  text-transform:uppercase; text-align:left; font-weight:normal;}
.per_box_bg p{   font-family:'MyriadWebProRegular'; font-size:14px; color:#FFFFFF; text-align:left; line-height:18px; padding:10px 8px 0 14px;}
.per_box_bg p.read{   font-family: 'KlavikaBold'; font-size:13px; font-weight:bold; color:#FFFFFF; text-align: right; padding:10px 12px 0 0; text-transform:uppercase;}
.per_box_bg p.read a{color:#FFFFFF; text-decoration:underline; font-weight:normal;}

.per_box_bg p.read2{font-family:'MyriadWebProRegular'; position:relative; z-index:100000;   font-family:'MyriadWebProRegular'; font-size:13px; font-weight:bold; color:#FFFFFF; text-align: right; padding:10px 12px 0 0; text-transform:uppercase; margin-top:-18px}
.per_box_bg p.read2 a{color:#FFFFFF; text-decoration:underline;  font-family: 'KlavikaBold'; font-weight:normal;}

.middle_title_sec{ width:982px; float:left; margin:10px 0 0 0;}
.middle_title_left_sec{ width:486px;   float:left; margin:0 10px 0 0;}
.middle_title_right_sec{ width:486px;  float:right;}
.middle_title_right_sec li {margin-left:20px; }
.middle_title_left_cor{ width:486px; float:left;}
.middle_title_left_bg{ height:635px;width:438px; float:left; background:url(../images/bg1.png) repeat-y 0 0; padding:0 24px 10px 24px; line-height:18px;}
.middle_title_left_bg a{ color:#000;}
.middle_title_left_bg h3{ font-family: 'MyriadWebProBold'; font-size:16px; font-weight:normal; color:#1f001f; text-align:left; clear:both; padding-top:15px;}
.middle_title_left_bg p{  font-family:'MyriadWebProRegular'; font-size:14px; color:#1f001f; text-align:left; clear:both; padding:10px 0 0 0;}
.middle_title_left_pic{ width:438px; float:left; height:182px;}
.middle_title_left_bg ul{ margin:0px; padding:0px;}
.middle_title_left_bg li{ margin:0px; padding:5px 0 5px 18px; list-style:none;   font-family:'MyriadWebProRegular'; font-size:14px; text-align:left; line-height:20px; clear:both; color:#1f001f;  display:block; border-bottom:1px dotted #625c62; background:url(../images/bullet.png) no-repeat 2px 12px;}



.footer_sec{width:100%; float:left; margin:44px 0 0 0; border-top:4px solid #000000; background-color:#340135; font-family:"Myriad Pro"; font-size:12px; color:#cc99cc; text-align:left; padding:18px 0 0 0; height:180px;}
.footer_sec a{color:#cc99cc; text-decoration:underline;}
.footer_sec img{ margin:5px 0 0 0;}
.footer_sec span{ padding:0 7px;}
.footerlogo{float:right;display:block;}


.left_nav{ width:232px; float:left; }
.left_nav a{ color:#ffffff; }
.left_nav ul{ margin:0px; padding:0px;}
.left_nav li{ margin:0px; padding:0px; list-style:none;   font-family:'MyriadWebProRegular'; font-size:15px; text-align:left; line-height:28px; clear:both; color:#999999;  display:block; border-bottom:1px solid #030003;}
.left_nav li a{color:#999999; text-decoration:none; display:block; padding:0 0 0 10px;}
.left_nav li a:hover{color:#ffffff; text-decoration:none; display:block; font-size:15px; color:#FFFFFF;}
.left_nav li a.current{color:#ffffff; text-decoration:none; display:block; font-size:15px; color:#FFFFFF;}

.left_nav li.create{ margin:0px; padding:0px; list-style:none;   font-family:'MyriadWebProRegular'; font-size:15px; text-align:left; line-height:28px; clear:both; color:#ffffff;  display:block; border-bottom:0px none;}

.left_nav li.pub a{color:#ff66cc; display:block;}
.left_nav li.pub a:hover{color:#ffffff; display:block;}

.left_nav li.display a{color:#ffcc00;  display:block;}
.left_nav li.display a:hover{color:#ffffff;  display:block;}

.left_nav li.communicate a{color:#6666ff; display:block;}
.left_nav li.communicate a:hover{color:#ffffff; display:block;}


.left_nav li li{ padding:0 0 0 12px; color:#999999;}
.left_nav li li a{color:#999999; text-decoration:none;}
.left_nav li li a:hover{color:#ffffff; text-decoration:none;}
.left_nav li li.digital{ padding:0 0 0 12px; color:#999999; border-top:1px solid #030003;}

.left_nav p{  font-family:'MyriadWebProRegular'; font-size:14px; text-align:left; line-height:18px; color:#FFFFFF; font-style:italic; font-weight:normal; padding:200px 0 5px 0;}
.left_nav p span{font-size:12px; font-style:normal;}

.middle_inner_right_sec{ width:735px; float:right;}
.middle_inner_right_sec a{ color:#000; text-decoration:underline;}
.middle_inner_left_cor{ width:735px; float:left;}
.middle_inner_left_bg{ width:687px; float:left; background:url(../images/bg2.png) repeat-y 0 0; padding:20px 24px 10px 24px;}
.middle_inner_left_bg h3{  font-family:'MyriadWebProRegular'; font-size:30px; font-weight:bold; color:#1f001f; text-align:left; clear:both; padding:0 0 10px 0;}
.middle_inner_cont{ width:332px; float:left;   font-family:'MyriadWebProRegular'; font-size:14px; line-height:18px; color:#1f001f; padding:0 0 60px 0;}
.middle_no_col{  float:left;   font-family:'MyriadWebProRegular'; font-size:14px; line-height:18px; color:#1f001f; padding:0 0 60px 0;}
.middle_inner_right{ width:332px; float:right;  font-family:'MyriadWebProRegular'; font-size:14px; line-height:18px; color:#1f001f; padding:10px 0 0 0;}
.technical_heading_sec{ width:338px; float:right;font-family:'MyriadWebProRegular'; font-size:14px; line-height:18px;}
.technical_heading_sec h3{font-size:16px; font-weight:bold; font-family:'MyriadWebProRegular';  color:#1f001f; text-align:left; clear:both; padding:10px 0 0 0;}
.technical_heading_sec ul{ margin:0px; padding:0px;}
.technical_heading_sec li{ margin:0px; padding:5px 0 5px 18px; list-style:none;   font-family:'MyriadWebProRegular'; font-size:14px; text-align:left; line-height:18px; clear:both; color:#1f001f;  display:block; border-bottom:1px dotted #625c62; background:url(../images/bullet.png) no-repeat 2px 12px;}


/*********************************.

/******************************** Left navigation ****************/




.glossymenu{
margin: 5px 0;
padding: 0;
width: 232px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
font-family: 'MyriadWebProRegular';
font-size:15px;
color: #ffffff;
line-height:28px;
display: block;
text-transform:uppercase;
width: auto;
padding-left: 10px;
text-decoration: none;
font-weight:bold;
font-weight:normal;

border-bottom:1px solid #000000;
}
.menuitem a:hover { color:#FFFFFF !important; }

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#ffffff;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{  color:#ffffff !important;

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:none;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}



.glossymenu div.submenu ul li a{
display: block;
font-family: 'MyriadWebProRegular';
font-size:15px; 
color:#999999; 
text-decoration: none;
padding: 0px 0 0px  20px;
line-height:28px;

}

.glossymenu div.submenu ul li a:hover{

color:#ffffff;
}

.glossymenu div.submenu ul li a.active_content{
color:#999999;
text-decoration:underline;
font-size:15px;
}

/****************************/