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


body {
	/*font-size: 0.8125em;*/
	font-size: 11px;
	font-family:"Lucida Grande", Verdana, sans-serif;
	line-height: 1; 
	background: #CCCC99;
	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: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*color: #333;*/
	/*color: #000000;*/
}

  h1 {
  color:#666699 !important;
  font-family: "Lucida Grande", Verdana, sans-serif; 
  letter-spacing: 1px; 
  font-size:1.5em !important;}

  h2 {
  color:666699 !important;
  
  font-family: "Lucida Grande", Verdana, sans-serif; 
  letter-spacing: 1px; 
  font-size:1.0em !important;}
  
  li {padding-bottom:1em;}
  
  
   .rightColumn {
  padding-top:1.0em;
  border-bottom:solid 1px #999999;
  font-family: "Lucida Grande", Verdana, sans-serif; 
  letter-spacing: 1px; 
  font-size:1.0em !important;
  }
  
  .imageContainer {
  margin-bottom:1.0em;
  }
  
  .imageCaption {
font-size:9px;
color:#999999;
line-height:1.5em;
}
  
  .horizontalDash {border-top: 1px dashed #999999; padding:2px 0px 10px 0px;}


/* The Body Content */


/*Adds padding around the body content*/
#bodyContent 
{
clear:left;
padding:30px;
text-align:left;
margin-top:5px;
margin:0 auto;


}

/*This is for 2 column content*/
.contentLeft 
{
/*margin-right: 25em;*/
padding-right: 2em;
border-right:solid 1px #CCCCCC;
float:left;
width:425px;
}

.contentLeft p, .contentRight p {
line-height:1.5em;
}

.contentRight
{
float:right;
width:250px;
margin-bottom: 4em;
/*display:block;*/
/*float:right;
*/
/*position:absolute;*/
/*position:relative;*/
/*padding-left: 2em;*/
/*right:2.0em;
width:22em;*/
/*top:4.2em*/;
/*margin-right: 0em;*/
/*margin-left: 45em;*/
/*margin-top: 0em;*/

}

html>body .contentRight{

margin-bottom: 2em;
}

/*#contentRight p, #contentRight h2

{
padding:1px 0px 1px 0px;

}*/


#footer {

padding-top: 20px;
padding-bottom: 0px;
color: #666666;
font-size:0.9em;
text-align:center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
}

#footer a:link, #footer a:visited {
	color: #666666;
}

#footer a:hover {
	color: #333333;
}

html>body #footer {
margin-top:20px;
}


/*Content Styles*/
.red {color:#CC3300; }
.redBold {color:#CC3300; font-weight:bold; }

#navContainer 
{
margin: 0px 3px;

}

#headerContainer 
{
/*clear:left;*/
margin: 0px 3px;

}


.logo {
	float: left;
	background: url(../images/121_logo.gif) no-repeat left top;
	height:105px;
	width:250px;
	margin-left: 1.0em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

/*Because IE pisses me off*/
html>body .logo {

margin-left: 2.0em;

}

 .tagline {
float: right;
	background: url(../images/world_hands.jpg) no-repeat right bottom;
	height:105px;
	width:113px;
	margin-top: 3.5em;
	/*margin-right:-0.1.2em;*/
	/*padding-right:0em;*/
	/*margin-right: 3px;*/
	/*margin-left:61.0em;*/
}

/*Because IE pisses me off*/
html>body .tagline {

margin-right:0em;
}




#splashImage {
clear:left;
background: url(../images/splash-insperation.jpeg) no-repeat right;
height:160px;
width:785px;
}