body
{
	width:900px;
	padding:0;
	margin:auto;
	background-color:#8ac1cc;	
	color:#474342;	
	font-family: verdana, arial, helvetica;
	font-size:100%;
 /*	font-size:1em;*/
	line-height: 110%;
	
}

/* all positional divs */

div#sitecontainer 
{
	background-color:#fff;
	
	margin:0;
	padding:0;
}

div#outercontentcontainer 
{
	
	width:830px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
position:relative;
	
	
}


div#headlinecontainer 
{
	
}

h1.hiddenheadline
{
 position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden; 
}

p.skipnav 
{
position:absolute;
left:0px;
top: 10px;
width:1px;
height:1px;
overflow:hidden;



}

div#topheadline 
{
	margin-top:20px;
}

div#crumbsemail 
{	

 height:30px;
 margin-top:5px;	
}

div#crumbsemail p.breadcrumbs 
{
		
	
	
}

div#emailprint 
{
	float:right;
	width:250px;
	margin-top:-25px;
	margin-right:0;
	text-align:right;
	display:none; /*this is the default for non javascript */
	
	
	font-size:.75em;
	font-weight:bold;
	width:180px;
	
}



.addthis_button_compact
{
	margin-top:0;
	
}



div#emailprint img 
{
	margin-left:10px;
		
}

div#innercontentcontainer 
{

	
}


div.separator 
{	
	clear:both;	
}	
	

div#maincontent 
{
	
	width:650px;	
	float:left;	
	padding-bottom:30px;
}



/*  ----	For main content picture placed on the right, characters on the left --- */

p.introleft
{	
	width:520px;
	color:#2a7180;
	font-weight:bold;
	font-size:.75em;
}

p.explorecareers
{	
	
	color:#2a7180;
	font-weight:bold;
	font-size:.75em;
}

p.careerswarning 
{
	/* used on CareerSearch.aspx*/
color:#d13f0c;
font-size:.70em;
font-style:italic;
font-weight:bold;
margin-top:32px;
clear:both;
}


div#characterboxleft 
{
	float:left;
	width:120px;
	height:170px;
	padding:0;
	margin:0;
	text-align:center;	
	
	
}

div#characterboxleft a:link
{
 text-decoration:none;
 font-size: 10px;
}

div#characterboxleft img /* the book */
{
border:none;
margin-left:5px;	
	
}


div#pictureright 
{
	float:right;
	width:281px;  /* 267px for the image and 7px of padding on each side */
	margin-right:-180px;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:17px;
	
}




/*  ----	For main content picture placed on the left, character on right --- */

div#pictureleft, div.pictureleft 
{
	float:left;
	/*   THIS NEEDS A WIDTH !!!!!!!!!!!!!!! */
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top:17px;	
}


div#pictureleft img, div#pictureright img, div.pictureleft img, div.pictureright img 
{
	border:1px solid #d0d4d5!important;
	padding:7px!important;		
}

img.clusters 
{
	border:1px solid #d0d4d5;
	padding:7px;
	
}

p.downloadhelp
{
font-size:.75em;
font-style:italic;
}

p.introright
{	
	color:#2a7180;
	font-weight:bold;
}

div#characterboxright 
{
	float:right;
	width:120px;
	margin-right:-105px;
	margin-left:20px;
	margin-top:10px;
	
	text-align:center;
	border:1px solid #e5e6e7;
	
}


div#characterboxcluster, div.characterboxcluster 
{
	float:right;
	width:120px;
	margin-right:-160px;
	margin-left:20px;
	margin-top:20px;
	
	text-align:center;
	
	
}

div#characterboxsurvey, div#characterboxright
{
	float:right;
	width:120px;
	margin-right:-160px;
	margin-left:20px;
	margin-top:-130px;
	
	text-align:center;
	
	
}


div#characterboxright img, div.characterboxcluster img
{

	
}




div.mythboxplaceholder
{
	float:right;
	width:200px;
	min-height:340px;
	font-weight:normal;
	font-size: .86em;
	line-height:105%;
	padding: 0 8px 10px 8px;
	margin-right:-155px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
		
	border:1px solid black;		
	
}


div.mythbox
{
	float:right;
	width:200px;
	font-weight:normal;
	font-size: .86em;
	line-height:105%;
	padding: 0 8px 10px 8px;
	margin-right:-155px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
		border:1px dotted #84b781;
		background-color:#dbe4da;
		background-color:#ebfdea;
		color:#4f7d4c;		
	
}


div.opportunityexpress 
{
	
font-size:.86em;	
	
}
div.mythbox h4, div.mythbox h3, div.mythbox h3 
{
	font-size: 1.2em;
	font-weight:bold;
	margin-top:1px;
	line-height:130%;
	color:#684d04;
	text-align:center;
	font-variant:normal;
	
	
}

div.mythbox img
{
	float:right;
	
	margin-top:-20px;
	margin-right:-35px;
	
}





.breadcrumbs 
{
	font-size: .65em;	
	color:#a19a98;
		
}
/*
.breadcrumbs a:link 
{
	
color:#6383ec;	
	
}


.breadcrumbs a:visited
{
	color:#c38df1;
}
*/
.breadcrumbs a:hover 
{

background-color:#cee6eb;
}

h1, h2, h3, h4 
{
	font-family: Georgia, Serif;
}

h2, h3, h4 
{ 
	margin-top:20px;
	margin-bottom:-2px;
}

 h1 
{
	color:	#971a03;
	font-size:1.6em;
	margin-top:0;
	line-height:130%;
}

h2
{
	line-height:115%;
	font-size:1.2em;
	color:#788d40;	
}



h3
{
	color:	#971a03;
	font-size:1em;	
	font-weight:normal;
	color:#788d40;
	color:#59692f; /* a little darker so the book font shows up */
}

h4
{
	color:	#971a03;
	font-size:.8em;	
	font-weight:normal;
	font-variant:small-caps;
	color:#788d40;
	color:#59692f; /* a little darker so the book font shows up */

}


p 
{
	font-size: 0.8em;
}

a:link 
{
	
	color:#4460bd;
	
}



#maincontent a:hover 
{
	background-color:#cee6eb;
}

#maincontent a.nohover:hover 
{
	background-color:transparent;
}

div#maincontent  ul li /*, div#maincontent  ol li*/
{
	font-size:.8em;
	line-height:150%;
	list-style:none;
	list-style-image:url('/images/rightarrow.gif');
	list-style-position:outside;	
    padding: 0 0 0 0; /* the space between the list arrow and the first letter of the list item */
	margin:0 0 0 0;	/* the distance from left that entire list item is indented */
}


div#maincontent   ol.surveylist li
{
	list-style-image:none!important;
	padding-bottom:4px!important;
margin-left:0!important;
padding-left:0!important;
	font-family: verdana, arial, helvetica;
	font-size:.8em;

}



span.listitems 
{
color:#579aaf;
font-weight:bold;
margin-right:0;	
	
}

span.hidetext
{
	position:absolute;
	right:5000px;
	top:400px;

	
}

div#maincontent ul ul li 
{
	font-size:1em;
		
}

div#maincontent ul.shiftlist 
{
margin-left:285px;	
}

/* styles for the contact list on FindProgram/CollegeList.aspx */
ul.contactlist li.collegeinfo
{
	list-style-type: none;
	background-image: none;
	margin-top: 20px;
	font-family:inherit;
	font-size:.8em;
}

 li.extensions
{
	list-style-type: none;
	background-image: none;	
	font-family:inherit;
	font-size:.8em;
	font-weight:bold;	
	margin-top:10px;
	margin-left:23px;
}

li.extension 
{
	list-style-type: none;
	background-image: none;	
	
	font-weight: normal;
	margin-top:10px;
}

ul.URLlist 
{
margin-left:0;	
margin-bottom:30px;	
display:inline;
}

ul.URLlist li
{ 
	display:inline;
	padding-right: 30px;
		
}
ol.hscompletion 
{
list-style-type:none;
margin:12px 0;
padding:0;	
	
}
ol.hscompletion li#one
{
	background-image:url("/images/hs-completion-one.gif");		
}
ol.hscompletion li#two
{
	background-image:url("/images/hs-completion-two.gif");		
}
ol.hscompletion li#three
{
	background-image:url("/images/hs-completion-three.gif");		
}
ol.hscompletion li#four
{
	background-image:url("/images/hs-completion-four.gif");		
}
ol.hscompletion li 
{
	background-repeat: no-repeat;
	background-position:0 3px;
	padding-left: 35px;
	margin-bottom:10px;
	line-height:130%;
	font-size: .83em;
	
}




div.languagemenu 
{
	float:right;
	width:140px;
	border:1px solid #e5e6e7;
	margin:20px -195px 20px 10px;
	padding:10px 15px;	
	background-color:#e5e6e7;
	font-size:.85em;
	border:1px solid #d9dce0;
	
	
}

div.languagemenu ul 
{
	margin-left:0;	
	padding-left:0;	
}
div.languagemenu  li 
{
	margin-bottom:10px!important;
	list-style-image:none!important;
	
}
div.languagemenu h3
{
	margin-top:0;
	
}


span.readanimation 
{
	font-size: .7em;
	color:	#971a03;
	font-family:Verdana, Sans-Serif;	
}

span.readanimation a 
{
text-decoration:none;	
}

p.emphasisbox
{
	background-color:#fbecdb; 
	padding:0 0 10px 0;
	width:180px;
	font-weight:bold;
	border:1px dashed gray;
	margin-left:10px;	
}	

p.emphasisbox a 
{
	margin-left:0;	
}

p.emphasisbox img 
{
margin: -10px 0 0 -20px;
	
}


p.footnote
{
	line-height: normal;
	font-size: .7em;
	font-style: italic;
}	
	


p.notapproved, p.instructions 
{color:Red;
	font-weight:bold;
}


table.data 
{
	
	background-color:#d4ddbc;	
	background-color:#cdd4aa;
	background-color:#e4e9d5; /*25% opacity of footer color */
	
}
table.data  caption 
{
background-color:#e4e9d5;
padding-left:5px;
font-size:.65em;
}


table.data  thead th /* horizontal table headers */
{
	background-color:#9ab9b3;	
	color:White;
	font-size:.8em!important;
	font-weight:bold;
	text-align:center;
}


table.data td,  table.data th
{
font-size:.7em;
text-align:left;
padding:3px;
font-weight:normal;
}

table.data tfoot tr td
{
	font-style:italic;
	font-size:.65em;
	background-color:#e4e9d5;
	
}


table.data td, table.data tr
{
	
	background-color:white;	
	vertical-align:top;
	padding:3px;
}

table.data ul
{
	margin-top:2px;	
}


table.data ul li
{
	list-style-image:none!important;
	list-style-type:disc!important;
	margin-left:-28px!important;
	padding-left:0!important;
	vertical-align:top;
	font-size:1em!important;
	
	
}
table.data th.big 
{
	font-size:.75em!important;	
	font-weight:bold;
}



dl.programs dt
{
		font-size:.85em;
	
	background-image:url('/images/rightarrow.gif');
	background-repeat:no-repeat;
	background-position: 0 5px!important;  /* horizontal | vertical */
	padding-left:20px!important;
	margin-left:0;
	margin-top:5px;
}

dl.programs dd
{
	
font-size:.7em;
line-height:120%;
	
}


.filesize
{
	
	/*used to show file type and size  - AF*/
font-size: .75em;
color: #999;
text-decoration:none;
}


 
 










/* --------------------------------styles exclusive to home page ---------------- */


/* -----------------    css for sliding content on home page ------------*/


div#slider 
{
	
	height:200px;
	width:764px; 
	margin-top:10px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	background-color:White;
	position:relative!important;

	
}

div#slider  ul, div#slider  li{
	margin:0;
	padding:0;
	list-style:none;
	
	}
div#slider , div#slider  li{ 
	width:764px;
	height:200px;
	overflow:hidden; 
	}
#prevBtn{ 
	display:block;
	width:26px;
	height:52px;
	position:absolute;
	left:5px;
	top:85px;
	
	}	
	
	
#nextBtn{ 
	display:block;
	height:52px;
	width:25px;
	position:absolute;
	left:798px;
	top:85px;

	
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:26px;
	height:52px;
	background:url(/images/btn_prev.jpg) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(/images/btn_next.jpg) no-repeat 0 0;	
	}
	
	
class.slidecontainer 
{
	
	background-color:#fff;
	width:764px;
	height:200px;
	margin:0;
	padding:0;
	
	
}



.slidecontainer img
{border:none !important;
}
/* slideleft, slideright, and the margin inbetween must add up to width of slidecontainer
 which is also the width of the single-box panel image */


.slideleft
{
	float:left;
	width:376px;
	height:200px;
	margin-right:0;	
	
	
}
.slideright
{
	float:left;
	width:376px;
	margin-left:12px;
	height:200px;		
	
	
}







/* ------------------- Character Boxes ----------------------- */
div#characterboxescontainer
{
	
	float:left;
	width:100%;
	min-height:200px;
	/* position:relative;*/
	margin-top:10px;
	margin-bottom:20px;
	/*background-color:Yellow;*/
	
}


div#exploreparent, div#getstartedparent
{
width:277px;
min-height:190px;	
float:left;	
/*z-index:1000;*/
/* background-color:Lime;*/
}

div#findparent
{
	/*made the middle box 1px smaller to fit */
width:276px;
height:190px;	
float:left;
/*z-index:1000;*/
}

div#explorechild{border:1px solid #79903c;}
div#findchild{border:1px solid #2A7180;}
div#getstartedchild{border:1px solid #c35b48;}


div#explorechild, div#findchild, div#getstartedchild
{	
	float:left;  /*the fix??? */
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	
	width:262px;
	min-height: 190px;
	padding-bottom:5px;
	padding-right:0;
	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
/*	z-index:100;*/
/* background-color:Aqua;*/

}

div#exploreheader {	background-color:#79903c;}
div#findheader {background-color:#2A7180;}
div#getstartedheader{background-color:#c35b48;}


div#exploreheader, div#findheader, div#getstartedheader
{
	width:100%;		
	margin:0;	
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
/*	z-index:100;*/
}

div#exploreheader h2,div#findheader h2, div#getstartedheader h2
{
margin:0;
color:#fff;	
font-size:16px;
/*z-index:100;*/
}


div#exploreheader h2 a, div#findheader h2 a,  div#getstartedheader h2 a
{
	
color:#fff;	
text-decoration:none;	
}


div#exploreheader h2 a:hover, div#findheader h2 a:hover, div#getstartedheader h2 a:hover
{
	
color:#fff;	
text-decoration:underline;	
}


p.charactertext
{
float:left;
width:144px;
margin-left:7px;
margin-top:3px;	
font-size:11px;
font-weight:normal;
line-height:140%;
/*z-index:100;*/
font-size: .7em;
}

div.homecharacters 
{
	/*the box that just holds the character and it's script link */
	float:right;	
	width:110px;
	font-size: 10px;
	margin-right:0;
	margin-top:3px;
	

	text-align:right;
	/*z-index:100;*/

}

div.homecharacters img 
{/*
	border:none;	*/
	/*z-index:100;*/
}

a.transcription
{
	margin-top:20px;
	font-size:10px;
	margin-right: 5px;
	text-decoration:none;
/*z-index:100;*/
	
}
.homecharacters p
{
	margin-top:0;	
	
}



span.transcription a 
{
	text-decoration:none;
}

span.transcription a:hover
{
	text-decoration:underline;
}





/* the character script overlay element */

div#overlaycontainer
{
	/* this is the character script overlay on the home page */
	position:absolute;
	top:-50px!important;
	left:-50px!important;
	z-index:200!important;
	width:500px; /*here because positioned elements are supposed to work better with width */

	
}



div#overlay 
{
/* this is the overlay on subpages  such as LearnOnline.aspx */	
position:absolute;
	top:100px!important;
	left:170px!important;
	z-index:200!important;
	width:500px; /*here because positioned elements are supposed to work better with width */

}

 div#text  
{
	/* this is the character script overlay on the Search By Career Clusters page */
	position:absolute;
	top:160px!important;
	left:230px!important;
	z-index:200!important;
	width:550px; /*here because positioned elements are supposed to work better with width */

}


.simple_overlay {
	/* used on pages with animation */	
	/* must be initially hidden */
	display:none;
	

	
	/* styling */
	background-color:#eff4f5;
	font-family:arial;
	color:#2c626e;
	padding:10px;
	width:475px;	
	min-height:200px;
	border:1px solid #2a7180;

	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 50px 5px ;
	-moz-box-shadow: 0 0 1em .3em #78b8c6; /* firefox */
	/* [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? && <color>? ] */
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

p.characterID
{
	font-size:1.3em;
	font-weight:bold;
}
p.programkey 
{
border-top:1px solid #bdc4a9;
border-bottom:1px solid #bdc4a9;
padding:3px;
width:510px;
font-size:.65em;
font-weight:bold;
margin-top:30px;
	
	
	
}

	

 ul.clusterbycollege li.collegename , ul.clusters li.clustername{
	/* the style and position of the actual list item which is the college name*/
	list-style-type:none!important;	
	list-style-image:none!important;
	
	}
	
 ul.clusterbycollege li.collegename a  {
	/* the style of the listitem College name which is a link */
	color: #59692f !important;	
	font-weight:bold;
	text-decoration:none;
	}
	
	
ul.programlist 
{
		list-style-type:none;
	

	
}	

/* IE 8 would not support list-style-image within the asp:Repeater on PRogramsByCollege.ascx ,
and the DataList on Careers.aspx
so had to use background image */
	
 ul.programlist li.programname, ul.clusters li.clustername 
 {
	list-style-type:none;
   list-style-image :none!important;
	background-image:url('/images/rightarrow.gif');
	background-repeat:no-repeat;
	background-position: 0 5px!important;  /* horizontal | vertical */
	padding-left:20px!important;
	
	
	
 } 
 
 
 ul.programlist li.programname a:link 
{
	
color:#0000ee!important;
font-weight:normal;	
font-size:.9em;	
}




ul.programlist li.programname a:visited 
{
color: #551a8B!important;	
font-weight:normal;	
font-size:	.9em;
}

span.clusterdisplay, h3.clusterdisplay 
{
	font-weight:bold;
	font-family: Georgia, Serif;
	font-size:1em;
	color:#59692f; 
}


/* styles used on the maintenance notice pages */
div.maintenancetext
{
float:left;
width:450px;
min-height:320px;
position:relative;
margin-top:40px;	
margin-bottom:-30px;	
}


div.maintenancetext h1 
{
margin-bottom: 30px;	
	
}

div.maintenanceimage
{
float:left;
width:350px;
min-height:322px;
position:relative;	
margin-bottom:-30px;	
}


	
div.maintenancetext p
{	
	font-size:1em;
	line-height:140%;
	font-weight:bold;
	color:#646366;
	
}



/*styles for the custom 404 error page */

div._404text 
{
	
	float:left;
	width:450px;
	margin-bottom:30px;
}

div._404text h1 
{
	
	margin-top:30px;
}

div._404image 
{
	float:left;
	width:370px;
	margin-top:80px;
	
}


 div._404text li 
 {
	margin-bottom:10px;	
	font-size:.8em;
}

div._404image 
{
	margin-top:40px;	
	
}

div.inline 
{
	display:inline;
}



/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background-color:#e4eef2;

	font-size:12px;
	border: 1px solid #2a7180;
	width:160px;
	padding:10px;	
	font-family: Arial, san-serif;	
	color:#892315!important;
	color:#000!important;
	
	
	
}

/* style the trigger elements */
span.tipelement{
	border:0;
	cursor:help;
	border-bottom:dashed 1px;
	
}

span.degrees 
{
	border-color:#989797;
}
span.clustertip 
{
	border-color:#76abb6;
}

.aiddefinitions
{display:block;
background-color:#f8f2e5;
border:1px solid #f1e3ad;
padding-right:10px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;

}

/* styles used for Google Maps API */
	
 div.popupWindowPic {width:auto;margin:0;padding:0;overflow:hidden;height:250px;}
 div.popupWindowNoPic {width:auto;margin:0;padding:0;overflow:hidden;height:100px;}
 div.popupWindowPic img,    div.popupWindowNoPic img {padding:2px;border:1px solid #ccc;margin: -10px 0 5px 0;}
 div.popupWindowPic p.infowindow,  div.popupWindowNoPic p.infowindow  {font-size:.7em; font-family: verdana, sans-serif;}
 div.popupWindowPic ul, div.popupWindowNoPic ul {margin-top:-12px;padding:0;margin-left:0;}
 div.popupWindowPic li,  div.popupWindowNoPic li{font-size:.7em; font-family: verdana, sans-serif; 
	list-style-type:none;display:inline;padding-right:13px;}
 
 
 
.pnlOptions { width:830px;} 
 
.ContainerPanel
{
	


}


.collapsePanelHeader
{
		display:inline;


}


.HeaderContent
{
	display:inline;
}

.Content
{
margin-bottom:20px;
background-color:#f0f9f9!important;
background-color:#d3dfe8;
border:1px solid #e7f0f1;
padding:5px;
font-size:.899em;
}

.ArrowExpand
{
	
	background-image: url(/images/arrow_down.gif);
	background-repeat:no-repeat;	
	background-position: right 6px;

	display:inline;
	margin-left:10px;

	
	
}

.ArrowExpand a 
{
	font-size:.895em;
	
	font-style:italic;
	color:#851b0b;
	
	color:#386a6d;
	color:#517c9d;
text-decoration:none;	
}

.ArrowExpand:hover
{
	cursor:hand;
}

.ArrowClose
{
	background-image: url('/images/arrow_up.gif') ;
	background-repeat:no-repeat;
	background-position: right 6px;
	display:inline;
	margin-left:10px;
	
}	

.ArrowClose a

{
	font-size:.895em;
	
	font-style:italic;
	color:#851b0b;
	
	color:#386a6d;
	color:#517c9d;
text-decoration:none;		
}


.ArrowClose:hover
{
       cursor:hand;
}

li.fedprograms 
{
margin-top:6px!important;	
	
}

/* used in Google Maps on ContactsByCollege.aspx*/
div.popupWindow ul
{
margin-left:0;

}

/* used in the interest survey */
a.button
{
background-color:#8ac1cc;
padding:5px 10px;
border:2px solid #2A7180;
line-height:150%; /* line height is necessary for IE7 to not cut of top/bottom borders.*/
}



/* styles for email this page */
div.email legend
{
	font-size:1.1em;
	padding:4px;
	border:1px solid #2A7180;
	margin-left:5px;	
	color:#2A7180;
	background-color: #FFC535;
	
}

div.email fieldset
{
	margin-bottom:20px;
	border:1px solid #2A7180;
	font-size: .8em;
	text-align:right;
	width: 75%;
	padding:10px;
}

div.email div.row
{
	font-weight:bold;	
	color:#1c505b;	
	margin-bottom:12px;	
	
}



 div.email input,  textarea
 {
	
	border:1px solid #2A7180;	
	background-color:#e6f7fb;
 }


 
 
 /* the follow styles are for the search form on page CollegeSearch.aspx */

 div#programSearchContainer 
 {
	width:670px;
	margin-top:30px;
	
	min-height:340px;
 }
 
 
 div#WAOLguy
{
	float:right;
	width:222px;  
	height:91px;
	margin-right:-139px;
	margin-top:49px;

	
}

div.programresults
{
background-color:#edf7f6;
border-top:1px solid #d1dddc;
border-bottom:1px solid #d1dddc;
padding:1px 10px 5px 10px;	
width:630px;
margin-bottom:0;
}
 
span.instructions 
{
font-size:.75em;
font-weight:bold;	
color:#727569;
	
}
 
 div.numbers 
 {
	
	float:left;
	width:35px;
	
 }
 
 div#college, div#zip
 {
	float:left;
	width:250px;
	background-color:#e5eeed;
	height:160px;
	padding-left:20px;
	padding-top:10px;
	border-top:1px solid #d1dddc;
	border-bottom:1px solid #d1dddc;
	background-color:#edf7f6;
	
 }
 div#college
 {
	border-left:1px solid #d1dddc;
 }
 div#zip 
 {border-right:1px solid #d1dddc;
 }
 
 
 div#or
 {
	float:left;
	width:75px;
	background-color:#e5eeed;
	height:170px;
	border-top:1px solid #d1dddc;
	border-bottom:1px solid #d1dddc;
	background-color:#edf7f6;
	
	
	
 }
 
 div#or p
 {
	line-height:120%;
	font-size:2em;
	font-weight:bold;
	margin-top:30px;
	
 }
 
 
 
  div#zip input[type="text"], div#program input[type="text"], div#college select
 {
	border:1px solid #727569;	
	
 }
 
 div#zip input[type="radio"]
 {
	
	
 }
 
 div#program
 {
	float:left;
	width:595px;
	background-color:Gray;
	background-color:#e5eeed;
	min-height:60px;
	padding-left:20px;
	margin-top:6px;
	padding-top:10px;
	padding-bottom:10px;
	
	border:1px solid #d1dddc;
	background-color:#edf7f6;
	
 }
 

 
 div#buttons
 {
	float:left;width:595px;
	background-color:Fuchsia;
	background-color:#e5eeed;
	height:60px;
	padding-left:20px;
	padding-top:10px;
	margin-top:6px;
	
	border:1px solid #d1dddc;
	background-color:#edf7f6;
 }
 
 
 
 label.searchlabels 
 {
	color:#5c6d2d;	
	font-weight:bold;
	margin-bottom:3px;	
	display:block;
	font-size:1.19em;
 }
 
 select.searchselect, input.searchProgramBox, input.searchZipBox
 {
	margin-bottom:11px;	
	
	
 }