<!--

/*** NORMALIZERS ***/

body {
	font: 62.5% Arial, Verdana, Helvetica, sans-serif;
	margin: 10px 0;
	padding: 0;
	background: url(../images/backgorund.gif);
	text-align: center; /* for IE */
}

p {
	font-size: 1.2em;
	
	margin: 10px 0 15px 0;
	padding: 0;
}

ol {font-size: 1.2em;line-height: 150%;}

h3 {
	margin: 15px 0 10px 0;
	padding: 0;
	font-size: 1.4em;
}

h4 {
	margin: 15px 0 10px 0;
	padding: 0;
	font-size: 1.2em;
}

hr {
	height: 1px;
	width: 80%;
	text-align: center;
}

address {
	font-size: 1.2em;
}

#page-wrapper {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 748px;
	background: url(../images/wht-content-area-dril-page.jpg) repeat-y top left;
	text-align: left;
}

#page-wrapper .cap {
	margin: 0;
}

/*** GLOBAL HEADER ***/

#header {
	position: relative;
	margin: 0 0 0 15px;
	padding: 0;
}

#logo {
	width: 222px;
	padding: 28px 0 16px 4px;
}

#logo img {
	border: none;
}

#top-navigation {
	position: absolute;
	top: 8px;
	right: 18px;
}

#top-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#top-navigation li, img {
	display: inline;
	border: none;
	margin: 0 0 -2px -2px;
	padding: 0;
}

#top-navigation li#first {
	padding-left: 2px;
	margin: 0;
}

#top-navigation li#first img, #top-navigation li.search img, #top-navigation li.download img, #top-navigation li.find img, #top-navigation li.host img, #top-navigation li.ask img {
	width: 79px;
}

/*** GLOBAL CONTENT ***/

#content-wrapper {
	float: right;
	width: 549px;
	margin: 0;
	padding: 0;
}

#content {
	width: 531px;
	margin: 0;
	padding: 0;
}

#content img {
	margin: 0;
	padding: 0;
}
#content img.ls {
	margin: 0 7px 2px 0;
	float:left;
}
#content img.rs {
	margin: 0 0 2px 7px;
	float: right;
}
#image-right { /* For pages with text wrapping around image on right */
	float: right;
	margin: 0 10px 0 0;
}

#content h1 {
	font: bold 2.1em Tahoma, Arial, Helvetica, sans-serif;
	margin: 15px 0 7px 0;
	padding: 0;
}

#content h2 {
	font: bold 1.5em Tahoma, Arial, Helvetica, sans-serif;
	margin: 15px 0 8px 0;
	padding: 0;
}

#content h3.first { /* First h3 following image/caption */
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
}

#content ul {
	width: 300px;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	font-size: 1.2em;
}

#content .content-left li.normal { /* ec3228 */
	float: right;
	width: 140px;
	font-size: 1.0em;
	font-weight: normal;
	list-style-type: none;
/*	margin: 30px 0 10px 10px;
	padding: 0 0 0 10px;
	border-left: 1px dashed #000; */
}

#content .content-left ul { /* Floats list right and allows text to wrap around */
	float: right;
	width: 140px;
	font-size: 1.2em;
	font-weight: bold;
	list-style-type: none;
	margin: 30px 0 10px 10px;
	padding: 0 0 0 10px;
	border-left: 1px dashed #000;
}



#content ul li {
	padding: 5px 0;
}

#content ul li span {
	font-weight: normal;
	font-size: 80%;
}

#content ul li ul {
	font-size: 1.0em;
}

#content .content-left ul.normal { /* Normal */
	float: none;
	width: 90%;
	font-size: 1.2 em;
	font-weight: normal;
	list-style-type: disc;
	margin: 0;
	padding: 0 0 0 30px;
	border: none;
}
#content .content-left ul.normal li {
	padding: 5px 0;
	margin: 0;
	list-style-type: disc;
}

/* Style for the non-menu unordered lists */
#content .content-left ul.nm{ 
	float: none;
	width: auto;
	font-size: 1.2em;
	font-weight: normal;
	border: none;
}
#content .content-left ul.nm li{ 
	list-style-type: disc;
}
#content .content-left ul.nm ul.nm li{ 
	float: none;
	width: auto;
	font-size: 0.8em;
	font-weight: normal;
	list-style-type: disc;
	border: none;
}
/* END Style for the non-menu unordered lists */

#content a:link, #content a:visited {
	color: #5e84bd;
	text-decoration: none;
}

#content a:hover {
	color: #f48034;
}

.caption { /* Picture captions */
	font-style: italic;
	padding: 3px 0 0 20px;
}

/*** PAGE SPECIFIC CONTENT STYLES - SCROLL DOWN FOR MULTIPLES ***/

.aa #content p, #search #content p {
	clear: both;
}

.aa #content img {
	float: left;
	display: block;
	margin: 0 0 0 50px;
}

.apply-infobox {
	position: relative;
	float: left;
	width: 170px;
	height: 15.3em;
	margin: 0;
	padding: 5px 0 0 5px;
	background: url(../images/info-background.gif) no-repeat;
}

.apply-infobox1 {
	position: relative;
	float: left;
	width: 170px;
	height: 15.3em;
	margin: 0;
	padding: 5px 0 0 5px;
	background: none;
}
.apply-infobox .infobox-top {
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	cursor:pointer;
}

.apply-infobox .infobox-mid {
	display: block;
	margin: 6px 5px 0 0;
	padding: 0;
	color: #000;
	cursor:pointer;
}

.apply-infobox .infobox-bottom {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 7px;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #3d80c3;
	cursor:pointer;
}

#ask #content h2 {
	margin: 15px 0 8px 0;
	color: #f38033;
}

#ask #content a:link, #ask #content a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#ask #content a:hover {
	text-decoration: underline;
}

#ask #content div#ask-matt {
	float: right;
	width: 135px;
}

#download #content #dl {
	padding: 0;
}

#fin-aid #content p img, #download #content p img, #find #content p img {
	float: left;
	padding: 0 8px 20px 0;
}

#fin-aid #content h3, #download #content h3, #search #content h3 {
	clear: left;
}

#fin-aid #content ul, #download #content ul {
	width: 350px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#fin-aid #content ul li, #download #content ul li {
	padding: 0;
	line-height:60%;
}

/* bullets for download section, main text; START  */
#download #content ul.innertext  {
	width: 450px;
	list-style-type: disc;
	margin-left: 20px;
}

#download #content ul li {
	margin: 1em 0;
	line-height: 1.2em;
}
/* bullets for download section, main text; END  */

#find form img.icon {
	display: block;
	margin-bottom: 40px;
}

#find p#submit-image {
	padding: 0 10em;
}

#find form p {
	clear: left;
	margin: 0;
	padding: 5px 0 0 0;
}

#find form p label {
	float: left;
	width: 30%;
}

#find form p label#heard-label {
	float: none;
	display: block;
	width: 100%;
	margin: -13px 0 0 0;
	padding: 0;
}

#find form #whichSeminar, #find form #whichSeminar1, #find form #whichSeminar2, #find form #whichSeminar3, #find form #whichSeminar4, #find form #whichSeminar5, #find form #whichSeminar6, #find form #whichSeminar7, #find form #whichSeminar8 {
	float: left;
}

#find form .which-label {
	width: 90%;
}

#find fieldset {
	margin-top: 16px;
	padding: 10px;
}

#find legend {
	font-weight: bold;
	font-size: 1.2em;
}

#find .rounded-callout {
	text-align: center;
	width: 524px;
}

#find .rounded-callout p {
   width: 522px;
	font-size: 1.2em;
	border-left: 1px solid #ffb14e;
	border-right: 1px solid #ffb14e;
	margin: 0;
	padding: 0;
}

#find .rounded-callout img {
   display: block;
	padding: 0;
	margin: 0;
	height: .5em;
}


#index #content-wrapper {
	width: 488px;
}

#index #content-wrapper #content {
	width: 469px;
}

#index #content img {
	display: block;
	margin: 5px 0;
}

.road #content p img {
	display: block;
	border: none;
}

#search #content ul.guides li {
	width: 450px;
}

.giving #content ul.ulleft, #search #content #learn ul.ulleft {
	float: left;
	width: 200px;
	margin-bottom: 15px;
}

.giving #content ul.ulright, #search #content #learn ul.ulright {
	float: right;
	width: 250px;
	padding: 0 0 0 20px;
}

.giving #content ul.ulleft li, #search #content #learn ul.ulleft li, .giving #content ul.ulright li, #search #content #learn ul.ulright li {
	padding: 0.2em 0;
}

/* h1 headings without images beneath them */

.letter #content h1, .staff #content h1, .road #content h1, .workshop #content h1, .kidscollege #content h1, .building #content h1, .posse #content h1, .aa #content h1, .vince #content h1, .million-ca #content h1, .million-fl #content h1, .million-tx #content h1, .american-dream #content h1, .first-family #content h1, .unmet-need #content h1, .writers-passage #content h1, .nine-eleven #content h1, .comm-college #content h1, .commit-community #content h1, .funding #content h1, .giving #content h1, .natdisaster #content h1, .expert #content h1 {
	font: bold 2.1em Tahoma, Arial, Helvetica, sans-serif;
	margin: 8px 0 15px 0;
	padding: 0;
}

/*** LEFT COLUMN ***/

#left-column {
	width: 178px;
	margin: 18px 0 0 15px;
	clear: left;
}

#index #left-column {
	width: 231px;
	margin: 0 0 0 15px;
}

/* page indicators for main links*/

#about #upper-nav a.about, #initiatives #upper-nav a.init, #states #upper-nav a.states, #scholarship #upper-nav a.scholarship, #fin-aid #upper-nav a.fin-aid, #giving-back #upper-nav a.giving-back {
   width: 10.3em;
	margin-left: 3px;
	background-color: #688cbe;
	color: #FFF;
}

/* page indicators for dropdown links*/

#about #upper-nav a.selected, #initiatives #upper-nav a.selected, #states #upper-nav a.selected, #scholarship #upper-nav a.selected, #fin-aid #upper-nav a.selected, #giving-back #upper-nav a.selected {
   width: 12.7em;
	margin-left: 3px;
	background-color: #ffe4b0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

/* upper navigation links */

#upper-nav ul {
	background: url(../images/nav/top-border-drill-nav.gif) no-repeat top left;
	font-size: 1.6em;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 18px 0;
}

#index #upper-nav ul {
	background: url(../images/nav/top-border.gif) no-repeat top left;
}

#index #upper-nav a {
	width: 213px;
	padding: 0.25em 0 2px 5px;
}

#upper-nav a {
	display: block;
	padding: 0.25em 0 5px 5px;
	width: 160px;
	color: #000;
	text-decoration: none;
}

#upper-nav a:link, #upper-nav a:visited {
	color: #000;
}

#upper-nav a:hover {
	background-color: #688cbe;
	color: #000;
	margin-left: 0;
}

/* sub navigation for upper */

#upper-nav ul li ul {
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	border-bottom: 1px dashed #000;
	background: none;
}

#giving-back #upper-nav ul li ul, .comm-college #upper-nav ul li ul, .commit-community .upper-nav ul li ul,.funding #upper-nav ul li ul, .giving #upper-nav ul li ul,.natdisaster #upper-nav ul li ul {
	border-bottom: none;
}

#upper-nav ul li ul li {
	margin-left: 8px;
	padding-left: 3px;
	background: url(../images/lite-blue-bullet.gif) no-repeat 0 50%;
}

#upper-nav ul li ul li a:link, #upper-nav ul li ul li a:visited {
	color: #000;
	text-decoration: none;
}

#upper-nav ul li ul li a:hover {
	width: 12.7em;
	margin-left: 3px;
	background-color: #ffe4b0;
	color: #000;
}

/* lower navigation */

#lower-nav {
	border-top: 1px dashed #000;
}

#lower-nav ul {
	background: url(../images/nav/bottom-border-drill-nav.gif) no-repeat bottom left;
	font-size: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 8px 0;
}

#lower-nav a {
	display: block;
	padding: 2px 2px 2px 5px;
	width: 160px;
	color: #5e84bd;
	text-decoration: none;
}

#lower-nav a:link, #lower-nav a:visited {
	color: #5e84bd;
}

#lower-nav ul a:hover {
	text-decoration: underline;
	color: #f48034;
}

#index-lower-nav {
	border-top: 1px dashed #000;
}

#index-lower-nav ul {
	background: url(../images/nav/bottom-border.gif) no-repeat bottom left;
	list-style-type: none;
	font-size: 1.6em;
	margin: 0;
	padding: 20px 0;
	text-align: center;
}

#index-lower-nav li {
	display: inline;
}

#index-lower-nav a:link, #index-lower-nav a:visited {
	color: #3d80c3;
	padding: 0 6px;
	text-decoration: none;
	border-right: 2px solid #3d80c3;
}

#index-lower-nav .partners a:link, #index-lower-nav .partners a:visited {
	border: none;
}

#index-lower-nav ul a:hover {
	text-decoration: underline;
	color: #f48034;
}

/* page indicators */


/*** FOOTERS - PAGE-FOOTER IS FOR CLEARING FLOATS. GLOBAL FOOTER IS BELOW ***/

#page-footer {
	clear: both;
}

/* home page footer (index) */

#index-page-footer img {
	margin: 0 0 0 16px;
}

#index-page-footer h1 {
	font: italic bold 1.4em Arial, Verdana, Helvetica, sans-serif;
	color: #7fa940;
	margin: 5px 0 0 15px;
	padding: 0;
}

#flash1 {
	float: left;
	width: 250px;
	margin: 8px 0 0 10px;
}

#flash2 {
	float: left;
	width: 250px;
	margin: 8px 0 0 5px;
}

#news {
	float: left;
	width: 206px;
	margin: 8px 0 0 5px;
	padding: 30px 0 0 0;
	background: url(../images/news-module-top.gif) no-repeat top left;
}

#news p {
	margin: 0 2px 0 2px;
	padding: 0 2px 1px 2px;
	font-size: 1.0em;
}

#news a:link, #news a:visited {
	font-weight: bolder;
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
}

#news a:hover {
	color: #f48034;
}

#news img {
	display: block;
	margin: 0 0 0 -4px;
	padding: 0;
}

/*** GLOBAL FOOTER ***/

#global-footer {
	width: 746px;
	margin: 3px auto;
	border-bottom: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
}
#global-footer a {
	color: #fff;
	text-decoration: underline;
}
#global-footer a:visited {
	color: #fff;
	text-decoration: underline;
}


/*** UTILITIES - These styles are for the new_window script which opens new windows and pop ups ***/

.popup {
	padding: 0;
}

.external {
	padding: 0;
}
	-->
	
/*** Quotes ***/
.quote_name {display: block; margin: 5px 0 2px 2px; padding: 0 0 0 5px; border: 1px solid #DAE0EB; border-width: 0 0 0 2px; color:#222; font-size: 90%;}