/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.4em;
	behavior:url("../htc/csshover.htc");
}

img {border:0;}

img.maincontent {
	padding:5px;
	margin: 5px;
	border: 1px dashed #ef2173;
	}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General */

html
{
height: 100%;
width:100%;
}

body 
{
	font-family: arial, verdana, sans-serif;
	font-size:80%;
	color: #333333;
	background: #ffffff;
	text-align:left;
	height: 100%;
	width:100%;
}

h1
{
	font-family: "Lucida Grande", Arial, Helvetica;
	font-size:1.8em;
	margin:5px 0 -15px 0;
	padding-bottom: 5px;
	color:#666666;
	border-bottom:1px dashed #cccccc;
}

h2
{
	font-family: "Lucida Grande", Arial, Helvetica;
	font-size:1.4em;
	margin:0 0 10px 0;
	color:#ee2476;
}

h3
{
	font-family: "Lucida Grande", Arial, Helvetica;
	font-size:1.8em;
	margin:0 0 10px 0;
	color:#0083c9;
	line-height:1.4em;
}

h4
{
	font-family: "Lucida Grande", Arial, Helvetica;
	font-size:1.4em;
	margin:0 0 10px 0px;
	color:#0000000;
}

h5
{
	font-family: "Lucida Grande", Arial, Helvetica;
	font-size:1.8em;
	margin:0 0 10px 20px;
	color:#ee2476;
}

a {
color:#0082c8;
text-decoration:none;
}

a:hover {
color:#0082c8;
text-decoration:underline;
}

#content
{
padding-bottom: 0.5em;
margin-top:20px;
}

#content-inner
{
padding-bottom: 0.5em;
margin-top:330px;
}


#wrapper
{
	position: relative;
	width:930px;

	margin-left: 90px;
}

#header-show
	{
	width:100%;
	background: url("../images/bg-head.gif") repeat-x;
	height:315px;
	}
	
	#header-show-wrapper
{

	width:930px;
	height: 315px;
	margin-left: 90px;
}

#sub-header-show
	{
	width:100%;
	background: url("../images/bg-sub-head.gif") repeat-x;
	height:204px;
	}
	
	#sub-header-show-wrapper
{

	width:930px;
	height: 205px;
	margin-left: 90px;

}

/* Primary Navigation */
#primary-navigation {
	clear: left;
	background:transparent url("../images/menu1-bg.gif") repeat-x;
	margin: -36px 20px 10px 0px;
	height: 34px;
	padding: 0px 0px 0px 0px;
	position: relative;
	text-align: left;
	z-index: 1000;
	display: inline;
    float: right;
}

#primary-navigation ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	display: inline;
    float: right;
}

#primary-navigation li {
	display: inline;
    float: right;
	padding: 5px 10px 5px 10px;
	height: 34px;
	position: relative;
	z-index: 5;
}

#primary-navigation li.leftedge {
	border-left: none;
}

#primary-navigation li.edge {
	padding: 5px 15px 5px 15px;
}

#primary-navigation li a {

	font-size: 20px;
	color: #ffffff;
	text-transform: lowercase;
	height: 18px;
	padding-left:22px;
}

#primary-navigation li div, 
#primary-navigation li ul, 
#primary-navigation li li {
	width: 185px;
	display: inline;
    float: right;


}

#primary-navigation li div {
	position: absolute;
	left: 0px;
	top: 34px;
	padding: 0;
	margin-right: 15px;
	display: none;
}

#primary-navigation li.edge div {
	left: auto;
	right: 1px;
	top: 24px;
	border-right: 1px solid #cccccc;
}

#primary-navigation li.edge li {
	text-align: right;

}

#primary-navigation li ul {
	background-color: #ffffff;
	padding: 0px 0px 0 0;
	margin: 10px 0px 0px 0px;
	display: table; /* Mozilla, Opera background fix *//* Mozilla, Opera background fix */
	display: inline;
    float: right;
	
}

.opaque {
	opacity: .95;
	filter: alpha(opacity=95);
}

#primary-navigation li li {
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 26px;

	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#primary-navigation li li a {
	display: block;
	padding: 5px 5px 5px 22px;
	margin:0px;
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
	border-right: 1px solid #cccccc;
	color:#333333;
}

#primary-navigation li li a img {
	vertical-align: middle;
}

#primary-navigation li li:hover {
	background: none transparent;
}

#primary-navigation a:hover {
	text-decoration: none;
	color: #fba905; text-decoration:none;
	background: transparent url('../images/menustar.gif') no-repeat center left;
	padding: 0px 0px 0px 22px;
}

#primary-navigation a.active {
	text-decoration: none;
	color: #fba905; text-decoration:none;
	background: transparent url('../images/menustar.gif') no-repeat center left;
	padding: 0px 0px 0px 22px;
}

#primary-navigation li li a:hover {
	text-decoration: none;
	background: #ffffff;
	padding: 5px 5px 0px 22px;

}

#primary-navigation li:hover div, #primary-navigation li.over div {
	display: block;
}

#primary-navigation li:hover, 
#primary-navigation li.over, 
#primary-navigation li.active {
	background: url("../images/primary_navigation_background_active.gif") repeat-x;
}

/* Code for removing the primary navigation */
.nonav #top-of-page {
	height: 77px;
}

.nonav #content {
	background: url("../images/background_no_nav.gif") no-repeat white;
}
/* END Primary Navigation */

#column1
{
	width: 610px;
	float:left;
	padding-right:50px;
	min-height: 100%;
	background: url("../images/col-sep-vert.gif") no-repeat top right;
}

#column1 p
{
	margin:0 0 20px 0;
}

.home-news-item h4
{
	margin:0px;
	font-size:16px;
	color:#ee2476;
}

#column1 ul{
	list-style: square inside url(../images/a-subnav-arrow.gif);
}

#column1 li a {
color:#333333;
text-decoration:none;
border-bottom:1px dashed #0082c8;
}

#column1 li a:hover {
color:#ee2374;
text-decoration:none;
border-bottom:1px dashed #0082c8;
}

.staff-photo {padding:5px; background-color:#333333;}

#donorcolumn1
{
	width: 190px;
	float:left;
	margin-right:5px;
	min-height: 100%;
}

#donorcolumn1 p
{
	margin:0 0 20px 0;
}

#donorcolumn1 ul{
	list-style: square inside url(../images/a-subnav-arrow.gif);
}

#donorcolumn2
{
	width: 190px;
	float:left;
	margin-right:5px;
	min-height: 100%;
}

#donorcolumn1 p
{
	margin:0 0 20px 0;
}

#donorcolumn1 ul{
	list-style: square inside url(../images/a-subnav-arrow.gif);
}
#donorcolumn3
{
	width: 190px;
	float:left;
	margin-right:5px;
	min-height: 100%;
}

#donorcolumn1 p
{
	margin:0 0 20px 0;
}

#donorcolumn1 ul{
	list-style: square inside url(../images/a-subnav-arrow.gif);
}

#boxmaintop
{
	background:transparent url(../images/orangeboxtop_lg.jpg) top left no-repeat;
	width: 610px;
	height: 16px;
	margin:20px 20px 0 0;
}
#boxmainbottom
{
	background:transparent url(../images/orangeboxbottom_lg.jpg) top left no-repeat;
	width: 610px;
	height: 16px;
	margin-top:-20px;
	margin-bottom:0px;
}

#column2
{
	width: 260px;
	padding-left:10px;
	float:right;
}

#column2 p
{
	margin:0 20px 20px 0px;
}

#column2 ul{
	list-style: square inside url(../images/a-subnav-arrow.gif);

}

#column2 li a {
color:#333333;
text-decoration:none;
border-bottom:1px dashed #0082c8;
}

#column2 li a:hover {
color:#ee2374;
text-decoration:none;
border-bottom:1px dashed #0082c8;
}

#column-milestones
{
	width: 900px;
	float:left;
	padding-right:20px;

}

#box1top
{
	background:transparent url(../images/orangeboxtop.jpg) top left no-repeat;
	width: 280px;
	height: 16px;
}
#box1bottom
{
	background:transparent url(../images/orangeboxbottom.jpg) top left no-repeat;
	width: 280px;
	height: 16px;
	margin:-20px;
}

#boxcontentorange {	background-color:#fee9be; margin:0px;}

#boxcontentorange p
{
	margin:0 20px 20px 20px;
}

#boxcontentorange h2
{
	margin-left:20px;
}

#boxcontentorange h4
{
	margin-left:20px;
}

#box1topblue
{
	width: 240px;
	height: 16px;
}
#box1bottomblue
{
	background:transparent url(../images/col2-box-bottom-border.gif) bottom right no-repeat;
	width: 240px;
	height: 78px;
	margin:0px;
}

#boxcontentblue {	
	background-color:#ffffff; 
	margin:0px 20px -20px 0px;
	color:#333333;
	width:240px;
}

#boxcontentblue a{	
color:#333333;
text-decoration:none;
border-bottom:1px dashed #0082c8;
}

#boxcontentblue a:hover{	
color:#ee2374;
text-decoration:none;
border-bottom:1px dashed #0082c8;
}

#boxcontentblue a.img-link {	
border-bottom:none;
}

#boxcontentblue a:hover.img-link {	
border-bottom:none;
}


.bluelist {	
 height: 18px;
 background: transparent url('../images/blue-list.jpg') no-repeat top left;
 margin: 0;
 padding: 2px 0 0 23px;

}

#boxcontentblue h3 {	
	font-family: "Lucida Grande", Arial, Helvetica;
	font-size:1.6em;
	margin:0 0 10px 20px;
	color:#333333;
}

* html #wrapper
{
height: 100%;
width:100%;
}

#highlightbox
{
	width:910px;
	height:165px;
	margin:280px 0 0 65px;

}

#highlight ul li.services
{
	width:228px;
	height:215px;
	display:block;
	list-style: none;
	float:left;
	padding:15px 30px 30px 30px;
}

#highlight ul li.careers
{
	width:228px;
	height:215px;
	display:block;
	list-style: none;
	float:left;
	padding:15px 30px 30px 30px;
}


#highlight ul li.donate
{
	width:228px;
	height:215px;
	display:block;
	list-style: none;
	float:left;
	padding:15px 30px 30px 30px;
}

#highlight span
{
	display:none;
}

/*--------------------------------------------------------------------------
Header Links
--------------------------------------------------------------------------*/

#headerlinks {
 text-transform: lowercase;
 margin: 250px 45px 0 0;
 display: inline;
 float: right;
}

#headerlinks li {
 height: 20px;
 background: transparent url('../images/bg-header-divider2.gif') no-repeat top right;
 margin: 0;
 padding: 0 20px 0 5px;
 display: inline;
 float: left;
}

#headerlinks li.last { 
 background: none; 
 padding: 0 0 0 5px;
}

#headerlinks a {
 font-size: 20px; 
 color: #333333; 
 background: none;
 white-space: nowrap;
 text-decoration:none;
 padding-left:22px;
}

#headerlinks a:hover {
color: #fba905; text-decoration:none;
background: transparent url('../images/menustar.jpg') no-repeat center left;
}

/* Footer */

#footer
{
	height:132px;
	color:#FFF;
	background: #ffffff url(../images/footer.png) no-repeat;
	text-align:left;
	position: relative;
	margin-left:-225px;
	float:left;
	width:1300px;
}

#carf-logo
{ float:left;
background: transparent url(../images/CARF.gif) no-repeat;
width:63px;
height:62px;
margin:60px 0 0 270px;
}
#footer p
{
	padding:75px 0 10px 350px;
}

#footer a
{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px dashed #FFFFCC;
}

#footer a:hover
{
	color:#FFFFCC;
	text-decoration:none;
	border-bottom:1px solid #FFFFff;
}


#quotestart {background: transparent url(../images/blockquote_start.png) no-repeat top left; height: 60px; width: 48px; }
#quotebody {margin:-40px 40px -60px 55px;}
#quoteend {background: transparent url(../images/blockquote_end.png) no-repeat bottom right;  height: 60px; width: 48px; float:right;}

#map {border:1px solid #333333;height: 350px; width: 350px; float:right; margin-bottom:20px;}
#map2 {border:1px solid #333333;height: 263px; width: 263px; float:right;}

#sub-box
{
float:left;
background: transparent url(../images/sub-box-bg.gif) no-repeat;
width:280px;
height:197px;
margin:20px 10px 20px 5px;
}

#sub-box-content
{
padding:10px;
}

#punjabi-badge
{
margin:-40px 0px -10px 0px;
padding-top:-10px;
height:51px;
width:117px;
position:relative;
z-index:1;
}

#punjabi-badge-sub
{
margin:-8px 0px -20px 0px;
padding-top:0px;
height:51px;
width:117px;
position:relative;
z-index:1;
}

td {
 font: normal 13px arial, verdana, sans-serif;
 color: #333333;
 border-right: 1px solid #cedbc9;
 border-bottom: 1px solid #cedbc9;
 border-left: 1px solid #cedbc9;
 border-top: 1px solid #cedbc9;
 padding: 5px 5px 5px 5px;
}

td.alt {background: #f3f7fa url('imgs/1px.gif') repeat-x top left;}
td.alt2 {background: #f9f8e1 url('imgs/1px.gif') repeat-x top left;}

td.noborders {
 border-top: 1px solid #cedbc9;
 border-left: 1px solid #cedbc9;
 border-right: 1px solid #cedbc9;
 border-bottom: 1px solid #cedbc9;
 background: none;
 }
 
td.store {
 border-right: 1px solid #cedbc9;
 border-bottom: 1px solid #cedbc9;
 border-left: 1px solid #cedbc9;
 border-top: 1px solid #cedbc9;
 padding: 0;
 }
 
 tr.store {
 border:none;
 background: none;
 }

th.spec {
 border-left: 1px solid #cedfeb;
 border-top: 0 none;
 border-bottom: 1px solid #cedfeb;
 font: normal 13px arial, verdana, sans-serif;
 background: #fff;
}

th.specalt {
 border-left: 1px solid #cedfeb;
 border-top: 0 none;
 border-bottom: 1px solid #cedfeb;
 background: #f3f7fa url('imgs/1px.gif') repeat-x top left;
 padding: 6px 6px 7px 12px;
}

/* Image replacement */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

.replace
	{
	outline: none;
	display: block; 
	position:relative; 
	/*\*/ 
	overflow:hidden;
	 /**/
	} 

.replace span
	{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; 
	}
	
	/* home, hosting and work_with_us have larger headers */

body.s_home #wrap, body.s_work_with_us #wrap, body.s_hosting #wrap, body.s_development #wrap
	{
	background: #ffffff url(../images/bg_wrap_large.gif) repeat-x;
	}

body.s_home #header, body.s_work_with_us #header, body.s_hosting #header, body.s_development #header
	{
	height: 94px;
	}
	
	#header
	{
	margin-bottom: 0;
	background: url(images/bg_header.gif) right 7px no-repeat;
	height: 94px;
	}

/* Client links */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
#client-wrapper
{
background-color:#261b0f;
width:100%;
}
#clients
	{
	width: 900px;
	height: 280px;
	margin: 0 auto;
	background-color:#261b0f;
	}
	
#clients h4
	{
	color:#FFFFFF;
	text-align:left;
	padding-top:20px;
	font-size:125%;
	}
	
#clients p
	{
	color:#FFFFFF;
	text-align:left;
	padding:5px;
	}
	
#clients ul
	{
	width: 900px;
	height: 527px;
	margin: 0 auto;
	}

#clients ul li
	{
	border-bottom: none;
	float: left;
	}
	
#clients a {color:#FFFFCC; text-decoration:none;}
#clients a:hover {color:#FFFFCC; text-decoration:none; border-bottom:1px dashed #FFFFCC;}
	
#link_work_with_us
	{
	border-left: 1px #4c392b dotted;
	}
	
#link_work_with_us .replace, #link_work_with_us .replace span
	{
	width: 280px;
	height: 127px;
	background-image: url(images/link_work_with_us.gif);
	padding: 0 0 0 3px;
	}
	
#link_work_with_us .replace:hover, #link_work_with_us .replace span:hover
	{
	background-position: 0 -127px;
	}

#link_collaborate
	{
	border-left: 1px #4c392b dotted;
 	border-right: 1px #4c392b dotted;
 	padding: 0 15px 0 10px;
 	margin: 0 15px 0 10px;
	}
	
#link_collaborate .replace, #link_collaborate .replace span
	{
	width: 280px;
	height: 127px;
	background-image: url(images/link_collaborate.gif);
	}
	
#link_collaborate .replace:hover, #link_collaborate .replace span:hover
	{
	background-position: 0 -127px;
	}

#link_support_hosting
	{
 	border-right: 1px #4c392b dotted;
	}
	
#link_support_hosting .replace, #link_support_hosting .replace span
	{
	width: 280px;
	height: 127px;
	background-image: url("images/link_support_hosting.gif");
	padding: 0 3px 0 0;
	}
	
#link_support_hosting .replace:hover, #link_support_hosting .replace span:hover	
	{
	background-position: 0 -127px;
	}

#client_area
	{
	position: absolute;
	top: 6px;
	right: 0px;
	}
	
#client_area .replace, #client_area .replace span
	{
	width: 400px;
	height: 27px;
	background-image: url("../images/link_client.gif");
	background-position: 0 -409px;
	margin-left:0px;
	}

#client_area.client_down .replace, #client_area.client_down .replace span
	{
	background-position: 0 0px;
	}
	
	/* Extra Divs */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/* Use these divs for extra display elements */

#extradiv_1, #extradiv_2, #extradiv_4,
#extradiv_a, #extradiv_b, #extradiv_c, #extradiv_d
	{
	display: none;
	}

#extradiv_3
	{
	clear: both;
	float: right;
	background: url(images/bg_extradiv_3.gif) no-repeat;
	width: 357px;
	height: 72px;
	position: absolute;
	bottom: -1px;
	right: 0;
	}
	
	/* SIFR / text replacement */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash 
	{
	visibility: visible !important;
	margin: 0;
	}

.sIFR-replaced 
	{
	visibility: visible !important;
	}

span.sIFR-alternate 
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] 
	{
  	display: none !important;
	}

/* the h2s */

.sIFR-hasFlash h2 
	{
	letter-spacing: -7px;
	font-size: 15px;
	line-height: 1.3;
	} 
	
	#wrap
	{
	background: #ffffff url(images/bg_wrap_small.gif) repeat-x;
	height:auto;
	}

#placeholder
	{
	width: 100%;
	margin: 0 0 -30px 0;
	text-align: left;
	position: relative;
	}