/*
CSS Credit: REEN SINGH/
DATE DESIGNED December 09 2009
Unified-Global: Version:1
*/


body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#777777;
    font-family:Arial,Helvetica,Geneva,sans-serif;
    font-size:12px;
    line-height:1.8em;
	background-image:url(../images/body-bg_ne.png);
	background-repeat:no-repeat;
	background-position:center;
}

h1 { 
    font-size: 27px;; 
	margin-bottom: 0; 
	padding-bottom: 0; 
}
.h1subtitle { 
    font-size: 9pt; 
	font-weight: normal; 
	margin-bottom: 25px; 
	border-bottom: 1px solid #ccc; 
	padding-bottom: 10px; 
	text-decoration: none; 
}
h2{
	font-size:12px;
}
/* Icon heading */
h2 img{
	float:left;
    margin:4px 6px 0 0;
}
img {
    border:medium none;
}
span img{
	float:left;
    margin:1px 6px 0 0;
}
/* Icon heading */
h3{
	font-size:14px;
	margin:0px 0px 0px 0px;
}
h3 img{
	float:left;
    margin:0px 8px 0px 0px;
}
.h4{
	font-family:Arial,Helvetica,Geneva,sans-serif; 
    font-size:11px;
	color: #666699;
	font-weight:bold;
}

	
a:link { color: #777777; background: transparent; font-weight: normal; text-decoration: none; outline:none; }
a:hover { color: #666699; background: transparent; font-weight: normal; text-decoration: none; outline:none; }
a:visited { color: #666699; background: transparent; font-weight: normal; text-decoration: none; outline:none; }

strong { color: #666699; }

#siteTitle a:link, #siteTitle a:visited { color: black; background: transparent; font-weight: bold; text-decoration: none; }


.textfield{ 
width: 130px;
height: 19px;
/*we will first set the border styles.*/
border: 0 none;
vertical-align:inherit;
/*we are now going to add in the shadow image that we created earlier*/
background-color: transparent;
/*I am going to add some text formatting of my own*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float:left;
}
.textfield, x:-moz-any-link, x:default{ /* For Firefox 3 onwards */
width: 130px;
height: 19px;
/*we will first set the border styles.*/
border: 0 none;
vertical-align:inherit;
/*we are now going to add in the shadow image that we created earlier*/
background-color: transparent;
/*I am going to add some text formatting of my own*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
float:left;
margin-top:2px;
}

.button{
	outline:none;
}


#wrapper1 {
	background: url(../images/wrapper_top.png) top repeat-x;
}

#wrapper2 {
	background: url(../images/wrapper_bottom_new.pn) bottom repeat-x;
}

.container_index {
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 1155px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.container_content {
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}




/* HEADER */
#header {
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:155px;
	background-image:url(../images/header_bg.png);
	background-repeat: no-repeat;
}

#headermenu{
    float:right;
    width:1005px;
    height:30px;
	margin: 0px 10px 0px 0px;
}
#header_small_menu_right{
    width:150px;
	height:25px;
	font-size:10px;
	float:right;
	margin:5px 0px 0px 0px;
}
#header_facebook {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/facebook.jpg) no-repeat scroll left center;
    padding-left:15px;
}
#header_twitter {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/twitter.jpg) no-repeat scroll left center;
    padding-left:15px;
}
#header_rss {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/header_rss.png) no-repeat scroll left center;
    padding-left:20px;
	height:20px;
	width:18px;
}
#header_small_menu_vote{
    width:320px;
	height:28px;
	font-size:10px;
	float:right;
	margin:3px 0px 0px 0px;
}


#header_small_menu_left{
    width:300px;
	height:24px;
	font-size:10px;
	float:left;
	margin:6px 0px 0px 15px;
}
#header_home {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/header_home.png) no-repeat scroll left center;
    padding-left:23px;
	padding-top:2px;
}
#header_contact {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/header_contact.png) no-repeat scroll left center;
    padding-left:27px;
	padding-top:0px;
}
#header_login {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/header_login.png) no-repeat scroll left center;
    padding-left:20px;
	padding-top:0px;
}

.header_main{
	width:1005px;
	height:120px;
	margin: 05px 0px 0px 10px;
	float:left;
}
#header_logo{
	width:200px;
	height:120px;
	margin: 0px 0px 0px 30px;
	float:left;
}
.main_menu{
	width:750px;
	height:55px;
	margin: 30px 0px 0px 0px;
	display:block;
	float:right;
}
/* HEADER */







/* MAINCONTENT */
.mainContent {
	height:290px;
	width:624px;
	float: none;
	padding:180px 0px 0px 400px;
}
/* mainContent Index page */
.mainContent_index{
	height:750px;
	width:1024px;
	float: left;
}
.maincontent_inside {
    width:250px; 
	height:100px;
	padding:20px 0px 0px 20px;
}
#maincontent_container{
    float:left;
    width:1024px;
    height:700px;
	margin-top:12px;
}
#maincontent_slideshow{
    float:left;
    width:1014px;
    height:430px;
	margin-top:20px;
	padding:0px 0px 0px 10px;
}

/*===== slider =====*/
		/*
		 * Required 
		*/
		#loopedSlider .container1 { width:1000px; height:350px; overflow:hidden; position:relative; cursor:pointer; float:left; }
		#loopedSlider .slides { position:absolute; top:0; left:0; }
		#loopedSlider .slides div {
			width:1000px;
			height:350px;
			display:none;
			margin:0px 0px 0px 30px;
			font-family:Tahoma, Geneva, sans-serif;
		}
		/*
		 * Required
		*/
		
		ul.pagination { list-style:none; margin:0px 0px 0px 0px; float:left;}
		ul.pagination li  { float:left; display:inline;}
		
		ul.pagination li a { 
			width:100px;
			height:70px;
			float:left;
			margin-left:28px;
			margin-right:40px;
		}
		
		ul.pagination li a:hover {
			border: px solid #ffe100;
			background:url(../images/slide_show/tabs/tab_bg.png) no-repeat;
		}
		
		ul.pagination li.active a {
			border: px solid #ffe100;
			background:url(../images/slide_show/tabs/tab_bg.png) no-repeat;
		}
/*===== slider =====*/
/* mainContent Index page */

#main_box{
	width:1024px;
	height:220px;
    float:left;
	padding-top:30px;
	margin-left:0px;
	background: url(../images/main_box.png) no-repeat;
}
#maincontent_box1{
    float:left;
    width:300px;
    height:210px;
	margin-top:3px;
	margin-left:10px;
	background-image:url(../images/content_box.png);
	background-repeat:no-repeat;
}
#maincontent_box2{
    float:left;
    width:300px;
    height:210px;
	margin-top:3px;
	margin-left:52px;
	background-image:url(../images/content_box.png);
	background-repeat:no-repeat;
}
#maincontent_box3{
    float:right;
    width:300px;
    height:210px;
	margin-top:3px;
	margin-right: 10px;
	background-image:url(../images/content_box.png);
	background-repeat:no-repeat;
}
#maincontent_content_box{
    float:right;
    width:930px;
    height:210px;
	margin-top:3px;
	margin-right: 50px;
	background-image:url(../images/content_bo.png);
	background-repeat:no-repea;
}


/* mainContent Content pages */
.mainContent_content{
	height:auto;
	width:1024px;
	float: left;
}
#maincontent_containing_div{
    float:left;
    width:1024px;
    height:auto;
	margin-top:0px;
}
/* maincontent Text */
#maincontent_text{
    float:left;
    width:1014px;
    height:auto;
	margin-top:0px;
	padding:0px 0px 0px 10px;
}
/* maincontent_submenu */
#maincontent_submenu{
	width:1010px;
	height:50px;
	float:left;
	padding:30px 0px 0px 0px;
	background:url(../images/maincontent_submenu.png) no-repeat;
}
#maincontent_submenu_heading{
	width:250px;
	height:50px;
	float:left;
	padding:0px 0px 0px 0px;
}
#maincontent_submenu_heading_adoption_process{
	width:280px;
	height:50px;
	float:left;
	margin:0px 0px 0px 20px;
}
#maincontent_submenu_list{
	width:700px;
	height:45px;
	float:left;
	margin:0px 0px 0px 30px;
}
/* maincontent_submenu */

/* scrollable */
#maincontent_scrollable_list{
	float:left;
	width:700px;
	height:45px;
	margin:0px 0px 0px 10px;
	background-repeat:no-repeat;
}
/* `navigation tabs list type */
#navigation_tabs_div {
	color:#5A889E;
	width:680px; 
	height:35px; 
	margin:5px 0px 0px 10px;
}
/* `list starts */
#navigation_tabs ul {
    list-style:none;
	display: block;
}
#navigation_tabs li {
	margin: 0px 0px 0px 0px;
	list-style:none;
	font-size:10px;
	font-weight:normal;
	color:#5A889E;
}
#navigation_tabs li.active {
	margin: 0px 0px 0px 0px;
	list-style:none;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
}
#navigation_tabs li:hover{
}
#navigation_tabs li a:link{
	color:#5A889E;
}
#navigation_tabs li a:hover{
	color:#ffffff;
}
/* `list ends */

/* `scrollable_content */
#maincontent_scrollable_content{
    float:right;
    width:1010px;
    height:auto;
	padding-top:20px;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	position: relative;
}
/* `scrollable_content left */
#scrollable_left{
    float:left;
    width:430px;
    height:auto;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:0px 0px 0px 20px;
}
/* `scrollable_content left */

/* `scrollable_left  For under construction pages */
#scrollable_left_underconst{
    height:220px;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:0px 0px 0px 0px;
	float:right;
    width:930px;
	background:url(../images/under_construction_bg.png) no-repeat;
}
/* `scrollable_left For under construction pages */

/* `scrollable_content right */
#scrollable_right{
    float:right;
    width:480px;
    height:auto;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:0px 0px 0px 20px;
}
#scrollable_right_image{
    float:right;
    width:470px;
    height:210px;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:0px 0px 0px 0px;
}
#list_div{
    float:right;
    width:280px;
    height:160px;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:30px 115px 0px 0px;
}
.bullet{
	list-style-image:url(../images/list_bullet.png);
}
#list_style{
    float:right;
    width:237px;
    height:110px;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:5px 0px 0px 0px;
}
/* `list starts */
#list ul {
    list-style:  url(../images/list_bullet.png);
	display: block;
	width:400px;
	height:100px;
}
#list li {
	margin: 0px 0px 0px 0px;
	list-style: url(../images/list_bullet.png) inside;
	font-size:12px;
	font-weight:normal;
	color:#5A889E;
	line-height:30px;
	border-bottom: 1px solid #cccccc;
}
#list li.active {
	margin: 0px 0px 0px 0px;
	list-style: url(../images/list_bullet.png);
	font-size:12px;
	font-weight:normal;
	color:#5A889E;
}
#list li:hover{
}
#list li a:link{
	color:#5A889E;
}
#list li a:hover{
	color:#5A889E;
}
/* `list ends */
#scrollable_right_div{
    float:right;
    width:480px;
    height:210px;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
}
/* `scrollable_content right */
/* `scrollable_content */

/* small images for headings*/
h5 img{
	float:left;
    margin:4px 6px 0 0;
}
img {
    border:medium none;
}
span img{
	float:left;
    margin:1px 6px 0 0;
}
/* scrollable */

/* Donate */
#donate{
    float:right;
    width:230px;
    height:160px;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:30px 130px 0px 0px;
}

#donate_content{
    float:right;
    width:200px;
    height:120px;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:5px 10px 0px 0px;
}
/* Donate */

/* Contact us */
#contact_form_div{
    float:right;
    width:450px;
    height:330px;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:0px 70px 0px 0px;
}
#contact_form_div_newsletter{
    float:right;
    width:450px;
    height:200px;
	background-repeat:no-repeat;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:0px 70px 0px 0px;
}
/* `contact us div */
#contact_us{
    height:auto;
	font-size:12px; 
	line-height:22px; 
	text-align:justify;
	margin:0px 30px 0px 0px;
	float:right;
    width:950px;
}
/* `contact us div */

/* Contact us */

/* MAINCONTENT */    
	 
	 
	 
	 
	 
	 
	 
/* FOOTER */
#footer {
	padding: 10px 10px 0px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	height:270px;
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;
	float:left;
}

#footer_small_menu {
	height:35px;
	width:1000px;
	margin:0px 0px 0px 0px;
}

#footer_content {
	height:240px;
	margin:15px 0px 0px 0px;
}

.footer_navigation { 
    float: left; 
    width: 1000px; 
	font-size:11px;
	height:100px;
	padding: 0px 0px 0px 5px;
	margin:20px 0px 0px 0px;
}

.div1_footer { 
    float: left;
    width: 150px;
    margin-right: 40px;
	margin-left:30px;
}
.div2_footer { 
    float: left; 
    width: 170px; 
    margin-right: 60px; 
}
.div3_footer { 
    float: left; 
    width: 150px; 
	margin-right: 40px; 
}
.div4_footer  { 
    float: left; 
    width: 150px;
	margin-right: 0px;
} 
.div5_footer  { 
    float: left; 
    width: 130px;
	margin-left: 40px;
}

.footerNav ul {
	color:#777777;
}
.footerNav li {
	margin: 2px 0px 0px 26px;
    height: 22px;
	list-style:none;
}
.footerNav li:hover{
	list-style:none;
}
.footerNav li a:link{
	color:#777777;
}
.footerNav li a:hover{
	color:#333399;
}
*,body {
    margin:0;
    padding:0;
}

#footer_flash_new{
	margin:30px 0px 0px 0px;
	width:200px; 
	height:86px; 
	float:right;
}

#footer2{
    width:1000px;
	height:120px;
    margin:0px 0px 0px 05px;
	font-size:10px;
	float:left;
	clear: both;
}

#footer_left_navi{
    width:410px;
	height:30px;
    margin:0px 0px 0px 5px;
	font-size:10px;
	float:left;
}
.footernav2 ul {
color:#777777;
}
.footernav2 li {
	margin: 0px 20px 0px 0px;
    height: 25px;
	list-style:none;
	display: inline;
}
.footernav2 li:hover{
	list-style:none;
	display: inline;
}
.footernav2 li a:link{
	color:#777777;
}
.footernav2 li a:hover{
	color:#333399;
}

#footer_left_navi2{
    width:350px;
	height:30px;
    margin:0px 0px 0px 5px;
	font-size:10px;
	float:left;
}
#foot_facebook {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/facebook.jpg) no-repeat scroll left center;
    padding-left:15px;
}
#foot_twitter {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/twitter.jpg) no-repeat scroll left center;
    padding-left:15px;
}

#footer_rght_navi{
    width:130px;
	height:90px;
	color: #ffffff;
    margin:30px 0px 0px 20px;
	font-size:10px;
	float:left;
	background-image: url(../images/green_logo.png);
	background-repeat:no-repeat;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}