@charset "UTF-8";
/* CSS Document */

body {
	font: 16px/19px Optima, Times New Roman, Arial, Verdana,  Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

#bodyContainer {
	width: 910px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 !important; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:28em;
}


h1 {
	color: #4567a9;
	margin:0px;
	padding:0px;
	padding-top:30px;
	font-size:22px
}

h2 {
	font-size:16px;
	margin-bottom:0px;
	color: #484848;
}

h3 {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#666666;
}

h4 {
	font: normal Optima;
	color: #4567a9;
	margin:0px;
	padding:0px;
	padding-top:30px;
	font-size:27px
}

p {
	color:#666666;
	margin:0px;
	margin-bottom:10px;

}

hr {
	border:1px solid #efefef;

}

div.quote {
	margin-bottom:110px;

}

img, #noborder { border:none;}

.rightCol2 img { border:0px solid #000;}


ul {
	padding-left:0px;
	margin:0px 0 20px 0;
	color: #666666;
	font-size:95%;

}

li {
	line-height:1.8em;
	list-style:none;

}

a {
	color: #4567a9;

}

table {
	width:100%;
	border:0px;
	border-collapse:collapse;
	font-size:100%;
}

td {
	vertical-align:top;
	padding: 0px 0px 20px 0px;
	color:#666666;
}

th {
	color:#666666;
	text-align:left;
}

.pdfIcon {
	background-image: url(../images/pdfIcon.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height:18px;
	width:18px;
}



.ieIcon {
	background-image:url(../images/ie-icon.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height:18px;
	width:18px;

}

.news span{
	display:block;
	text-align:right;
	color:#666666;
}

/**********************************************   GLOBAL TEMPLATE   ******************************************************/


#yellowTemplate1 #nav-menu li a, #blueTemplate1 #nav-menu li a, #redTemplate1 #nav-menu li a, #greenTemplate1 #nav-menu li a, #greenTemplate2 #nav-menu li a, #greenTemplate3 #nav-menu li a, #greenTemplate4 #nav-menu li a {
	font-size:13px;
	*font-size:12px;
	padding:0 15px;
	display: block;
	text-decoration: none;
	font-weight:bold;
	height:24px;
}


#yellowTemplate1 #nav-menu li a:hover, #blueTemplate1 #nav-menu li a:hover, #redTemplate1 #nav-menu li a:hover, #greenTemplate1 #nav-menu li a:hover, #greenTemplate2 #nav-menu li a:hover, #greenTemplate3 #nav-menu li a:hover, #greenTemplate4 #nav-menu li a:hover {
	font-size:13px;
	*font-size:12px;
	display: block;
	height:24px;
}




/**********************************************   YELLOW TEMPLATE   ******************************************************/
body#yellowTemplate1 {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background: url(../images/yellowBgSlice.gif) repeat-x;
}


#yellowTemplate1 #bannerContainer {
	height:152px;
}

#yellowTemplate1 #banner {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	background:url(../images/yellowTop.jpg) no-repeat;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:152px;
}

#yellowTemplate1 #bannerContent {
	

}

#yellowTemplate1 #navContainer {
	height:24px;
}

#yellowTemplate1 #nav {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	 /* this overrides the text-align: center on the body element. */
	
}

#yellowTemplate1 #navContent {
	padding-left:40px;
	background:url(../images/navbg.jpg) no-repeat;
	height:24px;
	
}

#yellowTemplate1 #bodyContainer {
	background:url(../images/yellowHandsBg.jpg) no-repeat;
	
}


#yellowTemplate1 #nav-menu li a {

	color: #4567a9;
	*background:none;
}

#yellowTemplate1 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	background-color:#fefb21;
	left: auto;
}



#yellowTemplate1 #nav-menu li a:hover {
	color: #4567a9;
	background:url(../images/yellownavbutton.png);
}

#yellowTemplate1 #bodyContent div.leftCol {
	width:269px;
	padding-top:200px;
	float:left;
}

#yellowTemplate1 #bodyContent div.middleCol, #yellowTemplate1 #bodyContent div.rightCol  {
	width:260px;
	float:left;
}

/**********************************************   YELLOW TEMPLATE Ends   ******************************************************/













/**********************************************   BLUE TEMPLATE   ******************************************************/
body#blueTemplate1 {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background: url(../images/blueBgSlice.gif) repeat-x;
}


#blueTemplate1 #bannerContainer {
	height:152px;
}

#blueTemplate1 #banner {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	background:url(../images/blueTop.jpg) no-repeat;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:152px;
}

#blueTemplate1 #bannerContent {

}

#blueTemplate1 #navContainer { 
	height:24px;
}

#blueTemplate1 #nav {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
}

#blueTemplate1 #navContent {
	padding-left:40px;

}

#blueTemplate1 #bodyContainer {
	background:url(../images/blueHandsBg.jpg) no-repeat;
}


#blueTemplate1 #nav-menu li a:hover {

	color: #fff;
	background-color:#4467a9;

}

#blueTemplate1 #nav-menu li a {
	color: #fff;

}

#blueTemplate1 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	background-color:#4bb8ef;
	left: auto;
}


#blueTemplate1 #bodyContent div.middleCol, #blueTemplate1 #bodyContent div.rightCol  {
	width:260px;
	float:left;
}



/**********************************************   BLUE TEMPLATE Ends   ******************************************************/






/**********************************************   RED TEMPLATE   ******************************************************/
body#redTemplate1 {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background: url(../images/redBgSlice.gif) repeat-x;
}


#redTemplate1 #bannerContainer {
	height:152px;
}

#redTemplate1 #banner {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	background:url(../images/redTop.jpg) no-repeat;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:152px;
}

#redTemplate1 #bannerContent {

}

#redTemplate1 #navContainer { 
	height:24px;
}

#redTemplate1 #nav {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
}

#redTemplate1 #navContent {
	padding-left:40px;

}

#redTemplate1 #bodyContainer {
	background:url(../images/redHandsBg.jpg) no-repeat;
}


#redTemplate1 #nav-menu li a:hover {
	color: #fff;
	background-color:#995a51;
}

#redTemplate1 #nav-menu li a {
	color: #fff;
}

#redTemplate1 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	background-color:#e67059;
	left: auto;
}


#redTemplate1 #bodyContent div.middleCol, #redTemplate1 #bodyContent div.rightCol  {
	width:260px;
	float:left;
}

/**********************************************   RED TEMPLATE Ends   ******************************************************/








/**********************************************  GREEN 1 TEMPLATE   ******************************************************/
body#greenTemplate1, body#greenTemplate2, body#greenTemplate3, body#greenTemplate4 {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background: url(../images/greenBgSlice.gif) repeat-x;
}


#greenTemplate1 #bannerContainer, #greenTemplate2 #bannerContainer, #greenTemplate3 #bannerContainer, #greenTemplate4 #bannerContainer {
	height:152px;
}

#greenTemplate1 #banner, #greenTemplate2 #banner, #greenTemplate3 #banner, #greenTemplate4 #banner {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:152px;
}

#greenTemplate1 #banner {
	background:url(../images/greenTop1.jpg) no-repeat;
}

#greenTemplate2 #banner {
	background:url(../images/greenTop2.jpg) no-repeat;
}

#greenTemplate3 #banner {
	background:url(../images/greenTop3.jpg) no-repeat;
}

#greenTemplate4 #banner {
	background:url(../images/greenTop4.jpg) no-repeat;
}



#greenTemplate1 #bannerContent, #greenTemplate2 #bannerContent, #greenTemplate3 #bannerContent, #greenTemplate4 #bannerContent {

}

#greenTemplate1 #navContainer, #greenTemplate2 #navContainer, #greenTemplate3 #navContainer, #greenTemplate4 #navContainer { 
	height:24px;
}

#greenTemplate1 #nav, #greenTemplate2 #nav, #greenTemplate3 #nav, #greenTemplate4 #nav {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
}

#greenTemplate1 #navContent, #greenTemplate2 #navContent, #greenTemplate3 #navContent, #greenTemplate4 #navContent {
	padding-left:40px;

}

#greenTemplate1 #bodyContainer {
	background:url(../images/greenHandsBg1.jpg) no-repeat;
}

#greenTemplate2 #bodyContainer {
	background:url(../images/greenHandsBg2.jpg) no-repeat;
}

#greenTemplate3 #bodyContainer {
	background:url(../images/greenHandsBg3.jpg) no-repeat;
}

#greenTemplate4 #bodyContainer {
	background:url(../images/greenHandsBg4.jpg) no-repeat;
}


#greenTemplate1 #nav-menu li a:hover, #greenTemplate2 #nav-menu li a:hover, #greenTemplate3 #nav-menu li a:hover, #greenTemplate4 #nav-menu li a:hover {
	color: #fff;
	background-color:#98c75d;
}

#greenTemplate1 #nav-menu li a, #greenTemplate2 #nav-menu li a, #greenTemplate3 #nav-menu li a, #greenTemplate4 #nav-menu li a  {
	color: #fff;
}


#greenTemplate1 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible, #greenTemplate2 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible, #greenTemplate3 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible, #greenTemplate4 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	background-color:#5a9e06;
	left: auto;
}



/**********************************************   GREEN TEMPLATE 1 Ends   ******************************************************/

div.leftCol {
	width:269px;
	padding-top:200px;
	text-align:center;
	float:left;
}

div.leftColMenu {
	width:269px;
	padding-top:200px;
	padding-left:30px;
	text-align:center;
	float:left;
}

div.leftCol a {
	
}

div.middleCol, div.rightCol {
	width:250px;
	float:left;
	padding-left:10px;
}

div.rightCol2 {
	width:600px;
	float:left;
	padding-left:10px;
}

#pageTitleNews {
	clear:both;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

#pageTitleNews h1 {
	padding:0px;
	margin:0px;
}


#pageTitle {
	clear:both;
	margin-left:275px;
	font-weight:bold;
}

#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li {
	float: left;
	margin: 0 .2em;
}


#bodyContent div {
	padding:10px;
	padding-left:0px;
	
}

#footerContent {
	font-size:90%;
	color: #4567a9;
	padding:0px 0 10px 0;

}

#footerContainer {
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
	 /* this overrides the text-align: center on the body element. */
	clear:both;
}


#nav-menu {
	width:900px;
}


#leftNavStatic {
	text-align:right;
	margin-left:10px;
	margin-right:20px;
}

ul#leftNavStatic  li {
	font-weight:bold;
	border-top:1px solid #ccc;
	font-size:.9em;
	*font-size:1em;
	color:#484848;
}

#leftNavStatic .lastitem {
	border-bottom:1px solid #ccc;
}


#leftNavStatic #submenuItem {
	padding:2px 0;
	border:none;
	font-weight:normal;
}

#leftNavStatic a {
	text-decoration:none;
	display:block;
	padding:0px 5px;
	
}

#leftNavStatic a:hover, #leftNavStatic a.active {
	background-color: #E0E0E0;
	
}


.featuredcontainer {
	min-height:200px;
	*height:1%;
}

.featuredcontainer div.projectOff, .featuredcontainer div.projectOn {
	width:200px;
	height:200px;
	float:left;
}

.featuredcontainer div h3{
	font-size:1em;
	margin:.5em 0 .3em 0;
}

.featuredcontainer div h4{
	font-weight:normal;
	font-size:1em;
}

.projectOff, .projectOn{
	min-height:200px;
	height:1%;
	margin-bottom:20px;
}
	
.featuredcontainer div.projectOff #projectscreen {
	border:1px solid #414141;
	
}

.featuredcontainer div.projectOn #projectscreen {
	border:1px solid #e5904d;
	
}

.featuredcontainer div.projectOff h3, .featuredcontainer div.projectOff h4{
	color:#414141;
}

.featuredcontainer div.projectOn h3, .featuredcontainer div.projectOn h4{
	color:#e5904d;
}


.featuredcontainer div#projectscreen {
	width:170px;
	height:140px;
}

#dhtmltooltip
{
	position: absolute;
	left: -300px;
	min-width:258px;
	width: 150px;
	
	padding: 4px;
	visibility: hidden;
	z-index: 100;
	text-shadow: #000000 3px 3px 3px;
	*text-shadow: none;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	*filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, Strength=3);
	border: 1px solid black;
	background-color:#fff;
}

#dhtmlpointer
{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

#magnify {
	height:25px; 
	text-align:right; 
	width:170px;
}

.required
{
	color:red;
	float:none;
	font-weight:700;
}


a.donorbutton  {
	background:url(../images/donor_button.png) no-repeat 0 0;
	width:200px;
	height:29px;
	display:block;
	text-decoration:none;
	padding-top:9px;
	font-weight:bold;
	font-size:14px;
    text-align:center;
}

a:hover.donorbutton  {
	background:url(../images/donor_button.png) no-repeat 0 -38px ;
}

a.donorbutton2  {
	background:url(../images/home-buttons.png) no-repeat 0 0;
	width:254px;
	height:102px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	text-indent:-9999px
}

a:hover.donorbutton2  {
	background:url(../images/home-buttons.png) no-repeat 0 -100px ;
}

a.donorbutton3  {
	background:url(../images/home-buttons.png) no-repeat -262px 0;
	width:254px;
	height:102px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	text-indent:-9999px
}

a:hover.donorbutton3  {
	background:url(../images/home-buttons.png) no-repeat -262px -100px ;
}


a.donorbutton4  {
	background:url(../images/donor_button3.png) no-repeat 0 0;
	width:200px;
	height:43px;
	display:block;
	padding-top:17px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
    text-align:center;
}

a:hover.donorbutton4  {
	background:url(../images/donor_button3.png) no-repeat 0 -61px ;
}

a.profedu_button  {
	background:url(../images/prof_edu.png) no-repeat 0 0;
	width:195px;
	height:33px;
	display:block;
	text-shadow:#CCCCCC;
	padding-top:15px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
    text-align:center;
}

a:hover.profedu_button  {
	background:url(../images/prof_edu.png) no-repeat 0 -50px ;
}

a.avante {
	color:#999999;
	text-decoration:none;
	font-size:11px;
}

a:hover.avante {
	color:#999999;
	text-decoration:underline;
}

.bulletcol div.bullets {
	width:280px;
	float:left;
}


.bullets ul strong {
	font-weight:bold;
	font-size:16px;

}

.bullets ul li {
	list-style:disc;
	margin-bottom:10px;
	color:#666666;
	margin-left:20px;
	line-height:normal
}

.bullets ol li {
	list-style:inherit;
	margin-bottom:10px;
	color:#666666;
	margin-left:20px;
	line-height:normal
}


.clear {
	clear:both;

}

.quotes p {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:20px;
}


.picleft {
	float:left;
	margin:0 10px 10px 0;

}

.picright {
	float:right;
	margin:0 0 10px 10px;

}


.footerleft {float:left; width:400px; padding:0 0 0 20px; font-size:12px}

.footerright {float:right; width:220px; text-align:right}

.footerright img {
	margin-right:20px;

}


.back {
	font-size:12px;
	text-align:right;
	padding-right:22px;

}

#landing {
	padding:20px 0 0 0px;
	margin-left:20px;

}

#landing .col {
	float:left;
	width:450px;
	padding:10px;

}

#landing h1 {
	font-size:30px;
	padding:10px 0;
}

.packcols {
	*height:1%;
}

.packcol  {
	width:200px;
	float:left;
	padding:10px 10px 0 10px;
}

.packcol li {
	font-size:18px;

}

.packcol li span {
	font-size:11px;

}

.packcol h1  {
	font-size:47px !important;
	line-height:50px;
	margin-top:0px;
	padding-top:0px;
	margin-left:10px;
	color:#4bb8ef
}

.col h2  {
	font-size:17px !important;
	margin-top:0px;
	padding-top:0px;
	font-weight:bold;
}

.col h3  {
	font-size:20px !important;
	margin-top:0px;
	padding-top:0px;
	color:#4567a9;
	font-weight:normal;
}


#first {
	text-align:right;
	border-right:1px solid #999999;

}


.bios div {
	float:left;
	width:120px;
	height:300px;

}

.biosclients div {
	float:left;
	width:180px;
	height:300px;

}

#sccal {
	padding:0px !important;
	}

#sccal h2 { font-size:20px; margin:0px;}

#sccal h3 { margin-bottom:10px;}

#sccal ul {
	padding-left:10px !important;
	}

#sccal li {
	list-style:disc;
	margin:0 0 5px 15px;
	line-height:normal;
}

#socal .calentry {
	margin:0 0 20px 0;
	
	}
	
.mission strong {
	color: #4567a9;
	}
	
	
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;	
  width: 700px;
}

ul.menu li {
  margin-top: 1px;
    width: 700px;
}

ul.menu li a, ul.menu ul.menu li a {
  background: #ccccc0;
  color: #fff;	
  padding: 0.5em;
}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
  background: #000;
}

ul.menu li ul li a, ul.menu ul.menu li ul li a {
  background: #d0d;
  color: #f00;
  padding-left: 0px;
  clear:both;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
  background: #fff;
  padding-left: 0px;
}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}
ul.menu ul.menu {
    border-left: 5px #f00 solid;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
    text-decoration: underline;
    background: #000;
}
div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }

h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 500px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color: #0cf;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #000;
}
h2.active {background-position: left bottom;

}

.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.acc_container .block {
	padding: 20px;
}

#slider {
    position:relative;
    width:269px; /* Change this to your images width */
    height:64px; /* Change this to your images height */
    background:url(images/images_quotes/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}