/* DEFAULT */
*{position:relative; font-size:12px; font-family: verdana, sans-serif; color: #2D2D2D;}
body{margin:34px 0 0 0; padding:0 0 0 10px; text-align: center;}
#default_page{top:0px; margin:0 auto; width:771px; text-align: left;}

/* TEXT */
p, li {margin: 12px 0px 18px 0px; line-height:18px; font-size:12px;}
p.highlight {color:#38794E; font-size:11px;}
p.highlight a {font-size:11px;}
h1{}
h2{font-family: arial, sans-serif; font-weight:bold; font-size:17px; color:#0679B9; line-height:23px; margin: -5px 0px -8px 0px;}
h3{font-family: verdana, sans-serif; font-weight:bold; font-size:12px; line-height:23px; margin: -5px 0px -13px 0px;}
h3 img {vertical-align:middle; padding:0; top:-13px;}
img.icon{top:0; margin-right:10px;}
h4{font-family: verdana, sans-serif; font-weight:bold; font-size:11px; line-height:18px; margin: -1px 0 -3px 0;}
h5{color:#767676; font-family: verdana, sans-serif; font-weight:normal; font-size:10px; line-height:23px; margin: -8px 0px 6px 0px;}
acronym,abbr{color:black; text-decoration:none; border-bottom:1px dotted #303030;}
.date{color:#767676; font-family: verdana, sans-serif; font-weight:normal; font-size:10px;}
p.pre-text {color:#767676; font-weight:normal; font-size:4em; line-height:23px; margin: -8px 0px 6px 0px;}

/* LISTS */
ul{margin: 0 0 15px 0; padding-left: 0; padding-bottom: 0; list-style: none;}
ul li{margin: 10px 0 0 0; padding-left: 17px; background-position: 0 .7em; background-repeat: no-repeat; background-image: url(../images/bullet_block.gif);}
ul.spaced_no_bullet{top:-9px; list-style-type: none; padding: 0; margin: 0 0 0 0;}
ul.spaced_no_bullet li{line-height:15px; font-size: 11px; font-weight:normal; color:#4f5bd5;}
ul.spaced_no_bullet li a{font-size: 11px; margin-left:4px;}
ul li img{vertical-align:top; padding:0; top:-13px;}

ol{margin: 0 0 15px 20px; padding-left: 0; padding-bottom: 0;}
ol li{margin: 10px 0 0 0; padding-left: 0px; ;}

div.nav ul{list-style-type: none; display:inline; margin:0; padding:0; top:0; list-style: none;}
div.nav ul li{display:inline; margin: 0; padding: 0; top:0; background:none;line-height:18px;}

/* LINKS */
a{color:#2234AC; text-decoration:none; border-bottom:0px solid #C4C4C4; border-right:1px solid #fff;}
a:hover{color:#8F9FA7}
span.right_arrow{background:url(../images/bullet_right_arrow.gif) no-repeat right; padding:0 13px 0px 0;}
span.left_arrow_blog{background:url(../images/bullet_right_arrow.gif) no-repeat left; padding:0 0px 0px 13px; line-height:18px;}
a.top{margin:0; padding:0; display:inline; line-height:0;}

/* CUSTOM MODULES*/
/* Standard Content Block */
div.CB_standard{border:0px solid #cccccc;background-color: #fff; margin: 0 0 20px 0;}
div.CB_standard h2{margin-top: -9px;}
div.CB_standard h2 a{}
div.CB_standard h3 a{font-weight:bold;}
div.CB_standard img{margin: 18px 0 -8px 0;}
div.CB_standard p{}
div.CB_standard a{font-weight:normal;}

div.CB_standard div.footer_link{margin:-15px 0 0 0;}
div.CB_standard div.footer_link a{}

/* Highlight Content block */
div.CB_highlight{background:url(../images/dotted_bg.gif) repeat-x bottom; background-color:#fff; padding:0 0 3px 0; margin: 0 0 14px 0 }
div.CB_highlight h2{}
div.CB_highlight h2 a{font-family: arial, sans-serif; font-weight:bold; font-size:17px; color:#0679B9; line-height:23px; margin: -5px 0px -8px 0px; border:0;}
div.CB_highlight h3 a{font-weight:bold;}
div.CB_highlight img{margin: 18px 0 -8px 0;}
div.CB_highlight p{}
div.CB_highlight a{font-weight:normal; font-size:12px;}
div.CB_highlight div.footer_link{margin:-16px 0 18px 0;}
div.CB_highlight div.footer_link a{}


/* News List Block*/

div.news_list_latest img, div.news_list_previous img{display:block; margin:15px 0 0px 0; border:1px solid #8B8B8B;}

div.news_list_previous p, div.news_list_previous a, div.news_list_previous b {font-size:11px;}

#news_item {width:100%; clear:both;}
#news_item img {width:231px; float:right; margin:22px 0 10px 10px; border:1px solid #8B8B8B;}
#news_item p {display:block;}

/* Blog List Block*/

div.blog_list_previous p {margin: 0px 0 0 0;}


/* Link list content block */
div.CB_linklist{margin: 0 0 22px 0;}
div.CB_linklist p {margin: 11px 0 0 0;}

/* image-text blocks */
img{border:0;}
img.border{border:1px solid #8B8B8B;}

div.highlight_text_image *, div.highlight_image_text *{font-size:11px;}
div.highlight_text_image, div.highlight_image_text {background-color:#fff; width:100%; height:auto; clear:both; margin: 10px 0 25px 0;}

div.highlight_text_image_blog *, div.highlight_image_text_blog *{font-size:11px;}
div.highlight_text_image_blog, div.highlight_image_text_blog {background-color:#fff; width:100%; clear:both; margin: 0px 0 0px 0;}

div.highlight_text_image img {width:231px; float:right; margin:0px 10px 0px 10px;}
div.highlight_text_image p {display:block; margin:0;}

div.highlight_image_text img {width:231px; float:left; margin:0px 10px 0 0;}
div.highlight_image_text p {display:block; margin:-5px 0 0 0 ;}

div.highlight_image_text_blog img {float:left; margin:0px 10px 0 0;}
div.highlight_image_text_blog img.inline {float:none; margin:0px 0px 0 0;}
div.highlight_image_text_blog img.inline2 {float:right; margin:0px 0px 0 0; border:1px solid #8B8B8B;}
div.highlight_image_text_blog p {display:block; font-size:11px; margin:-2px 0 0 0 ;}
div.highlight_image_text_blog p.blog_callout {display: block; width:215px; float:right; margin: 0 0 10px 5px ; border: solid gray 1px; background-color: #cccccc; font-size: 11px;  padding: 5px; font-weight: bold; }
div.highlight_image_text_blog h3.blog_main {display:block; margin: 0 0 10px 0 ;}
div.highlight_image_text_blog p.blog_main {display:block; margin: 0 0 10px 0 ;}

div.highlight_image_text_body img {float:left; margin:10px 10px 0 0;}
div.highlight_image_text_body p {display:block; margin: 10px 0 0 0 ;}



/* Dividers */
div.divider_hoz_line{border:0px solid #cccccc; background:url(../images/dotted_bg.gif) repeat-x; height:1px; width:100%; margin: 30px 0 16px 0; overflow:hidden; clear:both;}
div.divider_hoz_line_2{border:0px solid #cccccc; background:url(../images/dotted_bg.gif) repeat-x; height:1px; width:100%; margin: 0 0 16px 0; overflow:hidden; clear:both;}
#process_flow_arrows {border:0px solid #cccccc; background:url(../images/process_flow_arrows.gif) no-repeat; height:22px; width:100%; margin: 20px 0 0 0; overflow:hidden;}
hr {display: none;}

div.divider_hoz_space{border:0px solid #cccccc; height:1px; width:100%; margin: 0 0 25px 0; clear:both;}
div.divider_vert_line{border-top:1px solid #cccccc; height:100%; width:300px; margin: 0 5px 0 5px;}
div.divider_vert_space{border:1px solid black; height:300px; width:300px; margin: 0 5px 0 5px;}

/* Header navigation */
#header_nav{border:0px solid black; width:771px;}
#header_nav img{border:0px solid black; width:145px; height:17px;left:0px;}
#header_nav div.nav{border:0px solid black; position:absolute; width:600px; top:3px; right:-5px; text-align:right;}
#header_nav #cham_logo {border:0px solid black;} /* to get rid of link underline from Chameleon Net logo */
#header_nav div.nav a{color:#2F2F2F; font-weight:bold; margin: 0px 0px 0px 17px;}
#header_nav div.nav a.current{color:#5B9C71; font-weight:bold; margin: 0px 0px 0px 17px;}
#header_nav div.nav a:hover{color:#8F9FA7;}
#header_highlight{width:771px; height:53px; background:url(../images/header_highlight_bg_generic.jpg) no-repeat}

/* Header branding bar */
#header_branding{border:0px solid black; margin:25px 0 0 0; width:771px; height:170px; background:url(../images/header_branding_home3.jpg) no-repeat}
#header_branding h1{position:absolute; z-index:2; top:43px; left:20px;}
#header_branding p{z-index:1; top:75px; left:20px;}
#header_branding img{position:absolute;left:40px; top:40px; z-index:100}
.home_text_image {margin-top:20px;}

/* Header branding small bar */
#header_branding_small{border:0px solid black; margin:25px 0 0 0; width:771px; height:140px;}
#header_branding_small h1{position:absolute; z-index:2; top:43px; left:20px;}
#header_branding_small p{z-index:1; top:75px; left:20px;}
#header_branding_small img{position:absolute;left:40px; top:35px; width:518px; height:69px; z-index:100}


/* header_text_about.gif */


/* Header highlight bar */
#header_highlight{border:0px solid black; margin:10px 0 0 0; width:771px; height:50px;}
#header_highlight a{border-bottom:1px solid white;}

/* Sub navigation bar */
#header_sub_nav *{font-size:11px}
#header_sub_nav{border:0px solid black; margin:7px 0 0px 0; width:771px; height:27px; background:url(../images/header_subnav_bg.gif) no-repeat}
#header_sub_nav div.nav{border:0px solid black; position:absolute; width:750px; top:5px; left:11px;}
#header_sub_nav a{color:#2234AC; margin: 0px 0px 0px 15px; line-height:15px}
#header_sub_nav div.nav a.current{font-weight: bold;}
#header_sub_nav div.nav a:hover{color:#8F9FA7;}

/* side navigation bar */
#page_side_nav *{}

#page_side_nav{border:0px solid black; margin:7px 0 0px 0;}
#page_side_nav a{color:#2234AC; margin: 0px 0px 0px 0px;}

#page_side_nav a.current{font-weight: bold;}
#page_side_nav a:hover{color:#8F9FA7;}

#page_side_nav div.nav p{padding: 0;background-image:none; line-height:10px; font-size: 10px; color:#626262;}
#page_side_nav div.nav p a{font-size: 11px; margin-left:0px;}

/* Footer navigation bar */
#footer_nav{border:0px solid black; margin:10px 0 50px 0; width:771px; height:53px; background:url(../images/header_highlight_bg_generic.jpg) no-repeat}
#footer_nav div.nav{border:0px solid black; position:absolute; width:295px; top:18px; right:30px; text-align:right;}
#footer_nav p{border:0px solid black; position:absolute; font-size:10px; color:#5E5E5E; width:320px; top:5px; left:30px; text-align:left;}
#w3c_logo {border:0px solid black; position:absolute; width:88px; height:32px; top:11px; left:375px;}
#ukwda_logo {border:0px solid black; position:absolute; width:88px; height:32px; top:11px; left:270px;}
/* to get rid of link underline from W3C logo */
#footer_nav div.nav a{color:#35429A; font-size:10px; font-weight:normal; margin: 0px 0px 0px 12px;}
#footer_nav div.nav a:hover{color:#5B9C71;}
#footer_highlight{width:771px; height:53px; background:url(../images/footer_highlight_bg_generic.jpg) no-repeat}

/* STANDARD ROWS & COLUMNS*/
/* 1 Column */
div.row_cols_1{top:0px; width:100%; clear:both;}

/* 2 Column grid */
div.row_cols_1_1{top:0px; width:100%; clear:both;}
	div.row_cols_1_1 div.col_1{width:367px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_1_1 div.col_2{width:367px; margin-right:0px; float:left; background-color:#FFF;}
	
/* 3 Column grid */
div.row_cols_1_1_1{top:0px; width:100%; clear:both;}
	div.row_cols_1_1_1 div.col_1{width:233px; margin-right:36px; float:left; background-color:#FFF;}
	div.row_cols_1_1_1 div.col_2{width:233px; margin-right:36px; float:left; background-color:#FFF;}
	div.row_cols_1_1_1 div.col_3{width:233px; margin-right:0px; float:left; background-color:#FFF;}
	
	div.row_cols_1_1_1 div.col_3 p, div.row_cols_1_1_1 div.col_3 a{font-size:11px;}
	div.row_cols_1_1_1 div.col_2 p, div.row_cols_1_1_1 div.col_2 a{font-size:11px;}
	div.row_cols_1_1_1 div.col_1 p, div.row_cols_1_1_1 div.col_1 a{font-size:11px;}

div.row_cols_1_2{top:0px; width:100%; clear:both;}
	div.row_cols_1_2 div.col_1{width:143px; margin-right:36px; float:left; background-color:#FFF;}
	div.row_cols_1_2 div.col_2{width:562px; margin-right:0px; float:left; background-color:#FFF;}

/*
div.row_cols_1_2{top:0px; width:100%; clear:both;}
	div.row_cols_1_2 div.col_1{width:233px; margin-right:36px; float:left; background-color:#FFF;}
	div.row_cols_1_2 div.col_2{width:502px; margin-right:0px; float:left; background-color:#FFF;}
*/
div.row_cols_2_1 {top:0px; width:100%; clear:both;}
	
	div.row_cols_2_1 div.col_1{width:502px; margin-right:36px; float:left; background-color:#FFF;}
	
	div.row_cols_2_1 div.col_2{width:233px; margin-right:0px; float:left; background-color:#FFF;}
		div.row_cols_2_1 div.col_2 p, div.row_cols_2_1 div.col_2 a, div.row_cols_2_1 div.col_2 li, div.row_cols_2_1 div.col_2 h3, div.row_cols_2_1 div.col_2 acronym, div.row_cols_2_1 div.col_2 abbr, div.row_cols_2_1 div.col_2 em, #process_flow p, div.row_cols_2_1 div.col_2 strong, div.row_cols_2_1 div.col_2 q, div.row_cols_2_1 div.col_2 cite {font-size:11px;}

/* 4 Column grid */
div.row_cols_1_1_1_1{top:0px; width:100%; clear:both;}
	div.row_cols_1_1_1_1 div.col_1{width:165px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_1_1_1_1 div.col_2{width:165px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_1_1_1_1 div.col_3{width:165px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_1_1_1_1 div.col_4{width:165px; margin-right:0px; float:left; background-color:#FFF;}

div.row_cols_2_1_1{top:0px; width:100%; clear:both;}
	div.row_cols_2_1_1 div.col_1{width:367px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_2_1_1 div.col_2{width:165px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_2_1_1 div.col_3{width:165px; margin-right:0px; float:left; background-color:#FFF;}

div.row_cols_1_1_2{top:0px; width:100%; clear:both;}
	div.row_cols_1_1_2 div.col_1{width:165px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_1_1_2 div.col_2{width:165px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_1_1_2 div.col_3{width:367px; margin-right:0px; float:left; background-color:#FFF;}

div.row_cols_1_2_1{top:0px; width:100%; clear:both;}
	div.row_cols_1_2_1 div.col_1{width:165px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_1_2_1 div.col_2{width:367px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_1_2_1 div.col_3{width:165px; margin-right:0px; float:left; background-color:#FFF;}

div.row_cols_2_2{top:0px; width:100%; clear:both;}
	div.row_cols_2_2 div.col_1{width:367px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_2_2 div.col_2{width:367px; margin-right:0px; float:left; background-color:#FFF;}

div.row_cols_3_1{top:0px; width:100%; clear:both;}
	div.row_cols_3_1 div.col_1{width:165px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_3_1 div.col_2{width:569px; margin-right:0px; float:left; background-color:#FFF;}

div.row_cols_1_3{top:0px; width:100%; clear:both;}
	div.row_cols_1_3 div.col_1{width:569px; margin-right:37px; float:left; background-color:#FFF;}
	div.row_cols_1_3 div.col_2{width:165px; margin-right:0px; float:left; background-color:#FFF;}

	/* ACCESS KEYS */

	#access {display: none;}