@import url("advanced.css");

html { 
	font-size: 100.01%; /* IE trick to allow proper resizing of text */ 
	width: 100%;
}

body {
	font: 0.75em/1.5em Arial, Verdana, Tahoma,  sans-serif; /* 1em is now 12px at 96ppi. */
	color:  #888888;
	width: 100%;
	margin: 0px;
	padding: 0px;
	}

/* default heading sizes */	
h1		{ font-size: 2em;    }
h2		{ font-size: 1.25em; }
h3 		{ font-size: 1.25em;  }
h4		{ font-size: 1.1em;  }
h5,h6	{ font-size: .84em;  }

table, form, select, input, textarea { 
	font-family: Arial, Verdana, Tahoma,  sans-serif;
	font-size: 100%; /* ie hack so these elements correctly inherit the default text size */ 
	}

/* default link formatting		 */	
a, a:link 			{ color: #000000; text-decoration: none; }
a:visited 			{ color: #000000; }	
a:focus, a:hover 	{ color: #fba81d; }
a:active 			{ color: #fba81d; }

.sideNavBoxB {
	height: 45px;
	width: 200px;
	background-image: url('http://www.youthvillages.org/new_careers/images/grayBarNavBar.png')
}
.sideNavBoxB:hover {
	height: 45px;
	width: 200px;
	background-image: url('http://www.youthvillages.org/new_careers/images/orangeNavBar.png')
}

.sideNavBoxC {
	position: relative;
	display : block;
	vertical-align : middle; 
	overflow: hidden;
	color: #ffffff;
	font-weight: bold;
	padding: 12px 10px 10px 10px;
	width: 100%;
	height: 41px;
	background-image: url('http://www.youthvillages.org/new_careers/images/graySideBar.png');
}
.sideNavBoxC:hover {
	color: #ffffff;
	background-image: url('http://www.youthvillages.org/new_careers/images/orangeSideBar.png');
}

.searchTerm {
	height: 18px;
	font-size: 10px;
	color: #888888;
}
.searchButton{
	vertical-align: -10%;
}
.smallLinks{
	font-size: 10px;
	color: #888888;
}
.updateEmail{
	vertical-align: text-bottom;
}
.updateEmail {
	height: 18px;
	font-size: 10px;
	color: #888888;
}
.joinButton{
	vertical-align: -20%;
}
hr {
  border: 0;
  padding: 0px;
}
.boxHeader{
	color: #6d7e3e;
	font-family: Verdana, Arial, Tahoma,  sans-serif;
	font-weight: bolder;
	font-size: 12px;
}
#bottomBoxes.boxText{
	color: #888888;
	font-family: Verdana, Arial, Tahoma,  sans-serif;
	font-size: 10px;
}
.zipCode {
	height: 16px;
	font-size: 9px;
	font-family: Arial, Verdana, Tahoma,  sans-serif;
	color: #888888;
}
.goButton{
	vertical-align: text-bottom;
}
.topMenuButtons{
	color: #ffffff;
	background-image: url('http://www.youthvillages.org/new_careers/images/grayBarNavBar.png')
}
.topMenuButtons:hover {
	color: #ffffff;
	background-image: url('http://www.youthvillages.org/new_careers/images/orangeNavBar.png')
}
.topMenuButtonsOn{
	color: #ffffff;
	background-image: url('http://www.youthvillages.org/new_careers/images/orangeNavBar.png')
}
.topMenuButtonsOn:hover {
	color: #ffffff;
	background-image: url('http://www.youthvillages.org/new_careers/images/orangeNavBar.png')
}
.imageMenu {
	padding: 2px;
	
}
.imageMenu:hover {
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
.orangeHeader{
	font-size: 12px;
	color: #fba81d;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma,  sans-serif;
}
.recruiterName {
	font-size: 18px;
	color: #888888;
	font-weight: bolder;
	font-family: Arial, Verdana, Tahoma,  sans-serif;
}
.recruiterLink {
	font-size: 12px;
	color: #888888;
	font-family: Arial, Verdana, Tahoma,  sans-serif;
}
.recruiterLink:hover {
	color: #fba81d;
}
.bigOrange{
	font-size: 20px;
	color: #fba81d;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma,  sans-serif;
}

.bigGray{
	font-size: 20px;
	color: #888888;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma,  sans-serif;
}
#linkOrange a {
	color: #fba81d;
	font-weight: bold;
}
#linkOrange a:hover {
	color: #888888;
	font-weight: bold;
}
#theMainContent a,{
	color: #fba81d;
}
#theMainContent a:hover {
	color: #e72644;
	text-decoration: underline;
}
#theMainContentExpansion a {
	color: #fba81d;
}
#theMainContentExpansion a:hover {
	color: #e72644;
	text-decoration: underline;
}