* { margin:0; padding:0;}
body { 
	background:url(images/top_bg.gif) repeat-x top #f5f5f3; 
	/*background:url(images/top_bg.gif) repeat-x top orange;*/ 
	font-size:100%; 
	line-height:1em; 
	font-family:"Trebuchet MS",Verdana,serif;
	color:#333; 
	text-align:justify
}

/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#8c8c8c; font-size:1em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul.list_1 {margin:0 0 -11px 0; padding:0px; list-style:none}
ul.list_1 li { line-height:1.27em; margin-bottom:11px; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:9px}
ul.list_1 li a{text-decoration:none; color:#0d5978; font-weight:bold}
ul.list_1 li a:hover{ text-decoration:underline}

ul.list_2 {margin:0 0 -5px 0; padding:0px; list-style:none}
ul.list_2 li { line-height:1.27em; margin-bottom:11px; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:9px}
ul.list_2 li a{text-decoration:none; color:#0d5978; font-weight:bold}
ul.list_2 li a:hover{ text-decoration:underline}

/*==========================================*/

a {text-decoration:underline; color:#6d6d63}
a:hover {text-decoration:none}

.link {background:url(images/link_bg.gif) repeat-x top; padding:0 6px 4px 8px; float:left; margin:17px 0 0 0}
.link a {text-decoration:none; color:#fefefe; background:url(images/marker_link.gif) no-repeat right 4px; padding-right:10px}
.link a:hover {text-decoration:none; background:none}

h5.date {font-size:1em; color:#0099ff; font-weight:normal; margin:30px 0 11px 0}
h5.date span {height:17px; width:20px; background:#474747; color:#fff; float:left; margin-right:8px; font-weight:bold; text-align:center; font-size:1.09em}

h5.font_1 {color:#FC8D1C; font-size:1em; text-transform:uppercase; margin:0 0 5px 0; line-height:1.45em}
h5.font_2 {color:#1b1b1b; font-size:1em; margin:0 0 5px 0; line-height:1.45em}
hr{margin:-30px 15px 5px 15px}
.div_title1 {background:#0099ff; padding:8px 0 5px 51px; margin:0 0 -14px -16px}
.section h2 {background:#0099ff; padding:8px 0 5px 10px; margin-left:-23px;color:#fff }
.indent h2 {margin-bottom:13px;}
h3{color:#fff}
.div_title2 {background:url(images/title_bg2.gif) no-repeat 0 0; padding:7px 0 37px 50px; margin:0 0 -14px -16px}
.div_title_adv {background:url(images/advocacy.jpg) no-repeat 0 0;height:20px; padding:15px 0 29px 19px; margin:0 -40px 15px -16px}
.div_title_cap {background:url(images/capacity.jpg) no-repeat 0 0;height:20px; padding:15px 0 29px 19px; margin:-7px -40px 15px -16px}
.div_title_doc {background:url(images/documentation.jpg) no-repeat 0 0;height:20px; padding:15px 0 29px 19px; margin:0 -40px 15px -16px}
.div_title_tech {background:url(images/technical.jpg) no-repeat 0 0;height:20px; padding:15px 0 29px 19px; margin:-1px -40px 15px -16px}
.div_title3 {background:url(images/title_bg3.jpg) no-repeat 0 0; padding:15px 0 29px 19px; margin:0 -40px 15px -16px}
.div_title4 {background:url(images/title_bg4.gif) no-repeat 0 0; padding:13px 0 37px 52px; margin:0 0 -14px -18px}
.div_title5 {background:url(images/title_bg5.gif) no-repeat 0 0; padding:10px 0 37px 48px; margin:0 -10px -14px -16px}
.div_title6 {background:url(images/title_bg6.gif) no-repeat 0 0; padding:13px 0 38px 50px; margin:0 -10px -17px -16px}
.div_title7 {background:url(images/title_bg7.gif) no-repeat 0 0; padding:7px 0 37px 51px; margin:0 0 -14px -16px}
.div_title8 {background:url(images/title_bg8.gif) no-repeat 0 0; padding:10px 0 32px 51px; margin:0 0 -10px -16px}
.div_title9 {background:url(images/title_bg9.gif) no-repeat 0 0; padding:7px 0 37px 51px; margin:0 0 -13px -18px}

a.link2 {background:url(images/marker_link2.gif) no-repeat 0 4px; padding-left:10px; font-weight:bold; text-decoration:underline; color:#004b6a; font-family:Georgia}
a.link2:hover {text-decoration:none}

.caption{margin:15px 15px 2px 15px;text-align:center}
.caption a{color:#222; margin-right:-100px;text-align:right;font-size:1.2em;}
.orangecap{color:#fc8d1c;font-size:2.4em;font-weight:bold;font-family:calibri;}
.bluecap{color:#1f9aff;font-size:2.2em;font-weight:bold;font-family:calibri;}

.clear { clear:both;}

p {margin:0 0 15px 0}
.p1 {margin:0 0 10px 0}

.font_1 {color:#1b1b1b; font-size:1em; text-transform:uppercase}
.font_2 {color:#383835; font-weight:bold}
.font_3 {color:#383835}
.main_indent {
	padding:0 55px 0 54px; 
	background:url(images/left_bg.gif) no-repeat 0 0;
}


/*header*/
.header { height:311px; background:url(images/header_home_wit_bg.jpg) no-repeat 0 50px;}
.advocacy_header { height:311px; background:url(images/intro/advocacy_head.jpg) no-repeat 0 50px;}
.technical_header { height:311px; background:url(images/intro/technical_head.jpg) no-repeat 0 50px;}
.documentation_header { height:311px; background:url(images/intro/documentation_head.jpg) no-repeat 0 50px;}
.capacity_header { height:311px; background:url(images/intro/capacity_head.jpg) no-repeat 0 50px;}
.contact_header { height:311px; background:url(images/contactHtext_bg.jpg) no-repeat 0 50px;}
.about_header { height:311px; background:url(images/aboutH_bg.jpg) no-repeat 0 50px;}
.network_header { height:311px; background:url(images/header_orange.jpg) no-repeat 0 50px;}
.pub_header { height:311px; background:url(images/header_purple.jpg) no-repeat 0 50px;}
.media_header { height:311px; background:url(images/mediaH_bg.jpg) no-repeat 0 50px;}
.news_header { height:311px; background:url(images/newsH_bg.jpg) no-repeat 0 50px;}
.resources_header { height:311px; background:url(images/resources_bg.jpg) no-repeat 0 50px;}

.m6 {position:relative; margin-right:-1px}

.logoHome {
	position:absolute; 
	margin:53px 0 0 3px;
}
.logo {
	position:absolute; 
	margin:55px 0 0 3px;
	/*border: solid 2px #C0C0C0;*/
}
.slogan {
	position:absolute; 
	margin:171px 0 0 174px;
	color: #c0c0c0;
	font-size:1.3em; 
	font-weight:normal;
}

/*content*/
#contentscroll {
	overflow:hidden;
	position:relative;
	height:615px;
} 
#contentHome { 
	background:url(images/content_bg.jpg) no-repeat 0 0; 
	font-size:0.6875em; 
	line-height:1.36em;
	
	float:left;
	height:615px;
	overflow:hidden;
	position:relative;
	width:630px;
}
#content{ 
	background:url(images/content_bg.jpg) no-repeat 0 0; 
	/*background:#F5F5F3 url(images/content_bg.jpg) no-repeat 0 0; */
	font-size:12px; 
	line-height:18px;
	
}
#contentarea{ 
	height:970px;
	overflow:auto;
	
}
#network_contentarea{ 
	height:800px;
	overflow:auto;
	
}
.img_left {float:left; margin:0 11px 10px 0}
.img_left2 {float:left; margin:0 8px 12px -10px}
.img {margin-bottom:10px}

.form {background:url(images/form.jpg) no-repeat 0 0; padding:23px 24px 23px 0; text-align:right}
.form .input_1 {width:115px; height:18px; font-size:1em}
.form .div_input {height:38px}

/*footer*/
#footer{ font-family:tahoma; font-size:0.75em; line-height:1.33em; color:orange; text-align:center; padding:26px 0 0 0}
#footer .line_footer {background:url(images/line_footer_bg.gif) repeat-x top; margin:0 0 -13px 0; height:20px}
#footer a {text-decoration:underline; color:#21556a}
#footer a:hover {text-decoration:none}

.footer_menu { overflow:hidden; width:100%; padding-bottom:6px; padding-top:4px; font-size:0.9em;border-top:1px dashed #c0c0c0}
.footer_menu li { display:inline;  }
.footer_menu li a { color:#21556a; border-left:1px solid #21556a; padding:0 6px 0 8px; text-decoration:none !important; font-weight:bold}
.footer_menu li a:hover { text-decoration:underline;}
.footer_menu li a.none {border:none; padding-left:0}

.bottomspace{
	height:10px;
}

/*================== index.phpl ==================*/
#page1 #content .col_1 .indent { padding:25px 20px 28px 32px}
#page1 #content .col_2 .indent { padding:17px 40px 25px 32px}
#page1 #content .col_3 .indent { padding:25px 20px 28px 32px}
#page1 #content .width2 {padding-top:8px;}

/*================== index-1.html ==================*/
#page2 #content .col_1 .indent { padding:19px 30px 27px 32px}
#page2 #content .col_2 .indent { padding:22px 30px 23px 32px}
#page2 #content .col_3 .indent { padding:17px 40px 23px 32px}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:19px 20px 28px 32px}
#page3 #content .col_2 .indent { padding:17px 30px 25px 32px}
#page3 #content .col_3 .indent { padding:25px 20px 28px 32px}
#page3 #content .width2 {padding-top:8px}


/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:22px 28px 24px 32px;}
#page4 #content .col_2 .indent { padding:17px 30px 23px 32px}
#page4 #content .col_3 .indent { padding:25px 20px 25px 32px}

/*================== index-4.html ==================*/
#page5 #content .indent { padding:25px 20px 29px 32px;}
#page5 #content .col_1 .indent { padding:19px 28px 27px 32px;}
#page5 #content .col_2 .indent { padding:25px 20px 27px 32px}

/*================== index-5.html ==================*/
#page6 #content .col_1 .indent { padding:22px 28px 24px 32px}
#page6 #content .col_1 .phones {float:right; margin-right:35px}
#page6 #content .col_2 .indent { padding:17px 30px 23px 32px}
#page6 #content .col_3 .indent { padding:25px 35px 25px 32px}

input {width:171px; height:20px}
.div_input {height:26px}
textarea {width:173px; height:113px; overflow:auto; margin-bottom:4px; display:block}

/*================== index-6.html ==================*/
#page7 #content .indent { padding:25px 20px 29px 32px}


/*==================block====================*/
.block_1 {background:url(images/block_bg.gif) repeat-y left top; width:249px}
.block_1 .top {background:url(images/top_1.gif) no-repeat 0 0}
.block_1 .bot {background:url(images/bot_bg.gif) repeat-x left bottom; width:100%}

.block_2 {background:url(images/block2_bg.gif) repeat-y left top; width:249px}
.block_2 .top {background:url(images/top_2.gif) no-repeat 0 0}
.block_2 .bot {background:url(images/bot_bg.gif) repeat-x left bottom; width:100%}

.block_1m { background:#ececeb;width:249px}
.block_2m { background:#ececeb;width:249px}

.block_3 { background:#fff}
.block_3 .left_top { background:url(images/left_top_3.gif) left top no-repeat; width:100%}
.block_3 .right_top { background:url(images/right_top_3.gif) right top no-repeat;}
.block_3 .right_bot { background:url(images/right_bot_3.gif) right bottom no-repeat;}
.block_3 .left_bot{ background:url(images/left_bot_3.gif) left bottom no-repeat;}
.block_3 .left {background:url(images/left_3.gif) repeat-y left}
.block_3 .top {background:url(images/top_5.gif) repeat-x top}
.block_3 .right {background:url(images/right_3.gif) repeat-y right}
.block_3 .bot {background:url(images/bot_3.gif) repeat-x bottom}

.block_4 {background:url(images/block4_bg.gif) repeat-y left top; width:249px}
.block_4 .top {background:url(images/top_4.gif) no-repeat 0 0}
.block_4 .bot {background:url(images/bot_4.gif) repeat-x left bottom; width:100%}


.block_5 .left_top { background:url(images/left_top_5.gif) left top no-repeat; width:100%}
.block_5 .right_top { background:url(images/right_top_5.gif) right top no-repeat;}
.block_5 .right_bot { background:url(images/right_bot_5.gif) right bottom no-repeat;}
.block_5 .left_bot { background:url(images/left_bot_5.gif) left bottom no-repeat;}
.block_5 .left {background:url(images/left_5.gif) repeat-y left}
.block_5 .top {background:url(images/top_5.gif) repeat-x top}
.block_5 .right {background:url(images/right_5.gif) repeat-y right}
.block_5 .bot {background:url(images/bot_5.gif) repeat-x bottom}

.block_6 { background:#ececeb}
.block_6 .left_top { background:url(images/left_top_6.gif) left top no-repeat; width:100%}
.block_6 .right_top { background:url(images/right_top_3.gif) right top no-repeat;}
.block_6 .right_bot { background:url(images/right_bot_3.gif) right bottom no-repeat;}
.block_6 .left_bot { background:url(images/left_bot_3.gif) left bottom no-repeat;}
.block_6 .left {background:url(images/left_3.gif) repeat-y left}
.block_6 .top {background:url(images/top_3.gif) repeat-x top}
.block_6 .right {background:url(images/right_3.gif) repeat-y right}
.block_6 .bot {background:url(images/bot_3.gif) repeat-x bottom}
/*==========================================*/

/*=========SCROLLING STARTS============*/
.section {
position:relative;
width:3500px;
}
.section .sub {
float:left;
height:352px;
padding:9px 15px 42px 45px;
position:relative;
width:720px;
}
.section .sub p {
font-size:85%;
line-height:1.4em;
margin:16px -23px;
width:720px;
}


.section .next, .section .prev {
bottom:15px;
font-size:18px;
letter-spacing:-2px;
position:absolute;

}
.section .next {
right:30px;
}
.section .prev {
left:30px;
}


#who,#team{ 
	height:400px;
	overflow:hidden;
	position:relative;
	/*width:630px;*/
	margin:10px 0 0 10px
}
/*=========SLIDESHOW STARTS============*/
#photoShow,#photoShow2{
	position: relative;
	height:249px;
	width:114px;
	margin-left:auto;
}
#photoShow div,#photoShow2 div {
	position: absolute;
	z-index:0;
}
#photoShow div.previous,#photoShow2 div.previous {
	z-index:1;
}
#photoShow div.current,#photoShow2 div.current {
	z-index:2;
}

/*=========SCROLLING ENDS============*/
#sum_btn{
	margin-top:-12px;
}


/* -LIFESTYLE SUBNAV STYLES -*/
#nav ul#SubNav {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-bottom: 40px;
	width: 720px;
	
	 padding-left:10px; font-weight:bold;  color:#004b6a;
	
}
#nav ul#SubNav li {
	margin: 0;
	padding: 0;
	float: right;
}
#nav ul#SubNav a {
		color: #004b6a;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 0 20px;
		border-bottom: none;
		border-right: 1px dashed #666;
		text-decoration:none;
		border-bottom: 1px dashed #666;
}
#nav ul#SubNav a.last {
	border: none;
	border-bottom: 1px dashed #666;
}
#nav ul#SubNav a.last_link {
	border: none;
	border-bottom: 1px dashed #666;
	color: orange;
}
#nav ul#SubNav a.current {
	color: orange;
}
#nav ul#SubNav a.current:hover {
	/*color: #B36B00;*/
	color: orange;
	cursor: default;
}
#nav ul#SubNav a:hover {
		color: orange;
}