/*** main.css ***/

/* 
 * calculate pixels to em like this:
 *   px = em * 12
 *   em = px / 12
 */

body{
  background-color: #fff;
	color: #000;
	font: 75% normal;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* general typography
------------------------------------------------*/
body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
strong, em, b, i {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
p {
  margin: 0;
	font-size: 1.1em;
}
a img {
  border: 0;
}
a {
  text-decoration: underline; /*none;*/
  color: #000; /*#6c4c6b;*/
}
a:hover{
  text-decoration: none;/*underline;*/
}
h1, h2, h3 {
  color: #A23F46;
  font-weight: bold;
}
h1 {
  font-size: 1.8em;
  /*border-bottom: 1px solid #ccc;*/
  background: url('../images/dashed_underline.gif') repeat-x left bottom;
  padding-bottom: .15em;
}
h2 {
  font-size: 1.4em;
	color: #6c4c6b; /*Darker Purple*/
}
h3 {
  /*color: #8C6E8D; ORIGINAL PURPLE*/
  color: #7F3E3E; /*Burgundy*/
  font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 0px;
}
h4 {
  font-size: 1.4em;
  /*border-bottom: 1px solid #ccc;*/
  background: url('../images/dashed_underline.gif') repeat-x left bottom;
  padding-bottom: .15em;
  color: #453145;
}

/* layout elements
------------------------------------------------*/
.centered {
	width: 63.3em; /*760px;*/
	margin-left:auto;
	margin-right:auto;
	}
.gradientBox {
	position:relative;
	/*min-height: 165px;*/
	height:25em;
	width: 20.3em;
	background: url('../images/gradientBox.gif') repeat-x left bottom;
	background-color:#EAE773;
	border-top: 2px solid #fff;
	margin-top: 10px;
	}
.gradientPix {
	position: relative;
	float: left;
	background-color: #fff;
	margin: 10px;
	padding: 5px;
	border: 1px solid #cdcdcc;
	}
.left {
	left: 0; 
}
.right {
	right: 0;
}

/*
 .clearfix clears the floats in an "empty" wrapper div.
 See http://www.positioniseverything.net/easyclearing.html for details.
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
 .clear is the W3C method of clearing the floats,
 but it adds presentation code to the markup,
 so it is here as a worst-case scenario.
 */
.clear {
  clear: both;
  padding: 1em 0 0 0;
  }
	
	
/* logo and top links area
------------------------------------------------*/
#veryTopContentArea{
	height:107px;
	}
#logo {
  position: relative;
	float:left;
  margin: 5px 0 10px 50px;
}
#topLinks {
	position: relative;
	float:right;
	margin:40px 1em 0px 0px;
        list-style-type: none;
}
#topLinks li {
  border-left: 1px solid #000;
  float: left;
  font-size: 1.2em;
  margin: 0 0 0 0;
  padding: 3px 9px 3px 9px;
	display:inline;
}
#topLinks li.firstItem {
  border-left: none;
	padding-right: 20px;
	background: url('../images/spanishButton.gif') no-repeat bottom left;
}
#topLinks a {
  color: #444;
}
#topLinks, #contentHeader img{
	z-index: 10;
}

/* Main Navigation
------------------------------------------------*/
#mainNav {
  background: #5C425C url('../images/stepTabs_bg.gif') repeat-x left bottom;
  color: #fff;
	position: relative;
	margin: 0 0 0 0;
	margin-bottom: 2px;
	padding: 0 0 0 0;
	max-height: 3.25em;
}
#mainNavContentArea {
	padding: 0px 0px 0px 15px;
	}
#mainNav ul {
	line-height: 1.8em;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}  
#mainNav li {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  padding-top: .60em;
  display: inline;
  float: left;
}
#mainNav li a {
  text-decoration: none;
  border-left: 2px solid #8D658F;
  color: #fff;
  padding: 0 1em;
}
#mainNav li a:hover {
  text-decoration: underline;
}
#mainNav li.active {
  background: #9ACC43 url('../images/bg_tab.gif') no-repeat right top;	
  border-bottom-color: #5B445A;
  margin: 0;
}
#mainNav li.active a{
  border-left: 0;
  color: #000;
  padding: 0 1em;
}
#mainNav li.afterActive a{
  border-left: 0;
}
.tab {
	position: absolute; 
	top: 0; 
}
img.dragonflyTab {
  float: left;
  margin-top: -4px;
	height: 3.8em;
}
img.dragonflyIcon {
  float: left;
  margin: 1px 14px 0 13px;
  position: relative;
  z-index: 1;
}
/*
#mainNav li.completed, #mainNav li.completed a {
  color: #5b445a;
}
*/

/* content header
------------------------------------------------*/
#contentHeader {
  background: #9ACC43 url('../images/contentHeader_bg.gif') repeat-x left top;
  color: #fff;
  margin: 0 0 0 0;
  padding: 1em 0;
  position: relative;
  width: 100%;
	height:6.4em;
}
#contentHeader p {
  color: #000;
  font-size: 1.0em;
	position:relative;
	margin-left:auto;
	margin-right:auto;
  padding: 0;
	width:38em;
}
#tagline1 {
	position:absolute;
	top:1.2em;
	left:1.0em;
	color: rgb(125,60,60);
	font-size: 1.2em;
	font-weight:bold;
	z-index:10;
	}
#tagline2 {
	position:absolute;
	top:1.6em;
	left:2.7em;
	color: rgb(125,60,60);
	font-size: 1.7em;
	font-weight:bold;
	z-index:10;
	}
/* tagline3 added by CR 
------------------------------------------------*/
#tagline3 { 
	position:absolute;
	top:3.8em;
	left:17em;
	color: rgb(125,60,60);
	font-size: 1.2em;
	font-weight:bold;
	z-index:10;
	}
#contentHeader img.rightImage {
	position:relative;
	float:right;
	margin-top:-1.8em;
	height: 7.9em;
	z-index: 1;
}
#contentHeader img.below {
	position:relative;
	float:left;
	margin-top:-9px;
	margin-left:45px;
	z-index:5;
}

/* main content area
------------------------------------------------*/
#contentWrapper {
  position: relative;
  background: #F4F3B8 url('../images/wrapper_bg.gif') repeat-x left top;
  padding: 17px 0 40px 0;
}

/* left column
------------------------------------------------*/
#leftCol {
	width: 41.5em;
}
#leftCol .galleryWrapper {
	position: relative;
	background-color: #fff;
  display: block;
  margin: 0 0 0 0;
  height: 15.5em; /*186px*/
  width: 41.5em; /*498px*/
	border: 1px solid #EEE382;
}
#lowLeftGradient {
	float: left;
	}
#lowMidGradient {
	float: right;
	}
.floatRight {
	position:relative;
	float:right;
	margin-right: 10px;
	width: 12em;
	}
.floatRight p{
	margin-top: 5px;
	}
.textLowLeft {
	float: left;
	margin-right: 1em;
	width: 11.8em;
	}
#textLowMid {
	/*float: left;*/
	margin-right: 1em;
	margin-left: 1.5em;
	/*width: 11.8em; /*142px*/
	}
#textLowMid ul {
	padding-left:0;
	margin-left:0;
}
#textLowMid ul li {
	margin-bottom:.6em;
	}

/* right column
------------------------------------------------*/
#rightCol {
	position:relative;
	float:right;
  width: 21em;
}
#rightCol h2 {
	margin: 0 0 7px 0;
	padding-top:14px;
  width: 100%;
}
#topRight {
	height: 15.4em;
	padding-left: 5px;/*1.4em;*/
	}
#topRight img {
	margin-top: 8px;
}
#topRight p {
  /*width: 18.5em;
  /*float: left;*/
  padding: 5px 20px 2px 5px;
	/*text-align: justify;*/
	font-size:110%;
}

#buttonLinks{
	position:relative;
	padding: 0 0 0 0; /*padding-top: 1.75em;*/
	margin:1em 0 1em 0; /*margin-top: 6.5em*/
	}
.pseudoButton{
	margin-top:0; /*1.25em;*/
	padding:3px 33px 5px 0px; /*padding-right:35px;*/
}
#applyButton{
	background: url('../images/applyButton_eae773.gif') no-repeat;
	padding-left: 0px;/*10px;*/
	padding-right:35px;
	}
#languageButton{
	background: url('../images/enEspanolButton_eae773.gif') no-repeat;
	padding-left: 0px;/*10px;*/
	}
.pseudoButton a {
	padding-left:10px;
	text-decoration:none;
}
.pseudoButton a:hover {
	text-decoration:underline;
}
.buttonLinkAnchor{
	color:#fff;
	}
.buttonLinkAnchor:visited{
        color:#fff;
        }
#rightCol ul, #home #leftCol ul {
  padding: 0px 1.5em 0 15px;
  list-style-type:none;
}
#rightCol ul li, #home #leftCol ul li {
  position:relative;
  background: url('../images/bullet.gif') no-repeat left .45em;
  padding-left:14px;
	margin-left: -6px;
	font-size: 1.1em;
}
#rightCol ul li ul li { /*for sub-bullets on the "download applications" page*/
	font-size: 1em;
	}
#home #rightCol ul {
	position:relative;
	float:left;
	margin:0;
	padding-bottom:10px;
}
#home #rightCol ul li{
	font-size:100%;
}

#rightCol #lowRightGradient p {
	margin:0;
	padding:.5em 0 .5em 0;
}	
#rightCol #lowRightGradient p#apply_today {
	padding:0 0 0 0;
	font-size:100%;
	}
#lowRightGradient {
	float:left;
	margin-top:13px;
	}
#textLowRight {
	padding:0px 5px 0px 10px /*margin-left: 10px;/*18px;*/	
	}
	
/* footer
------------------------------------------------*/
#footer{
  background: #CAC069 url('../images/footer_bg.gif') repeat-x left top;
  clear: both;
  color: #fff;
  /*font-size: .75em;*/
  height: auto;
  padding: 0 0 20px 0;
  text-align: left;
}
#footerContentArea {
	padding:18px;
}
#partners {
	padding:15px 10px 18px 15px;
	background-color:#D9D293;
}
#partners h3 {
	margin:0 0 3px 0;
	padding:0;
	font-size:150%;
	font-weight:bold;
	color:#3f2d3f;
}

#partners h3 a {
	color:#3f2d3f;
	text-decoration:underline;
}
#partners h3 a:hover {
	text-decoration:none;
}

#partnersWrap img {
	margin:4px 3px 0px 0px;
	padding:0px;
}
#partnersWrap img#WA_WIC {
	margin-bottom:-57px;
}
#footerSmallPrint {
	/*width:47em;*/
	margin:30px 0 10px 25px;
}
#footer p {
	margin: 0px 0 5px 0;	
}
#footer ul {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer li {
  display: inline;
}
#footer a{
  text-decoration: none;
}
#footer li, .copyright {
  padding: 0px 8px 0px 4px;
  border-right: 1px solid #fff;
  font-size: .75em;
}
#footer .lastItem {
  border-right: none;
}
#footer a{
  color: #fff;
}
#footerLogo {
  float: left;
  margin: 2px 10px 0px 0px;
  }

/* right side callout block
--------------------------------------------------*/

#right_side_container {
  float: right;
  width: 221px;
  display: block;
  position: relative;
  padding: 0 0 0 26px;
}

#right_side_container .right_side_box {
  background: #ffffff url('../images/curve_bottom.gif') no-repeat bottom;
  padding: 0 0 10px 0;
}

#right_side_container .right_side_box ul li {
  padding: 0 6px 6px 20px;
}

#right_side_container .right_side_box p, #right_side_container .right_side_box img {
  padding: 0 10px 6px 10px;
}

.right_side_box h2 {
  background: #ffffff url('../images/curve_top.gif') left top no-repeat !important;
  clear: both;
  padding: 10px 14px 0 12px;
  height: 20px !important; /* for most browsers */
  height /**/:20px; /* for IE5.5's bad box model */
}

/* right side newsletter block
--------------------------------------------------*/

#right_side_container_signup {
  float: right;
  width: 194px;
  display: block;
  position: relative;
  padding: 0 0 0 26px;
}

#right_side_container_signup .right_side_newsletter {
  background: #bad371 url('../images/curve_bottom_signup.gif') no-repeat bottom;
  padding: 0;
}

#right_side_container_signup .right_side_newsletter p, #right_side_container_signup .right_side_newsletter img, #right_side_container_signup .right_side_newsletter table {
  padding: 0 20px 6px 20px;
}

.right_side_newsletter h2 {
  background: #bad371 url('../images/curve_top_dragonfly.gif') left top no-repeat !important;
  clear: both;
  padding: 10px 24px 0 22px;
  height: 50px !important; /* for most browsers */
  height /**/:50px; /* for IE5.5's bad box model */
}

*/