/* CSS Document - TeachForAmerica.org - Screen Styles */

#pageTitle {
	float: left;
	width: 540px;
	padding: 0px 5px 0px 5px }
#pageTitle h1 {
	font-size: 15px; font-family:Calibri; letter-spacing:1px;
	color: #e47e00;
	padding: 0px;
	margin-top: 0px }

#footerContainer {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px; }
#pageFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff; }
#pageFooter a:link, #pageFooter a:active, #pageFooter a:visited {
	color: #fff;
	text-decoration: none }
#pageFooter a:hover {
	color: #EDF1B1;
	text-decoration: underline;
	 }

.errMsg {color: #ff0000;}
.errMsgBold {color: #ff0000;font-weight: bold;}

	 
/* -- Begin Document Styles -- */
html, body {
	/*background-color: #fcfaf0;*/
	margin: 0px;
	padding: 0px }

/* -- Begin Header Styles -- */
#headerContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url('http://localhost/product/client/img/nav_bkg.gif');
	background-position: 0px bottom;
	background-repeat: repeat-x }
#header {
	width: 100%;
	font-size: 10px;
	color: #666666;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:auto;
	margin-top:auto;
	padding-bottom:inherit;
	}
#tfaLogo {
	
	padding: 4px 0px 4px 0px }
#headerNav {
	float: right;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px -15px 0px; }
#headerNav p {
	padding: 0px 5px 0px 0px;
	margin: 0px }
#headerNav a:link, #headerNav a:active, #headerNav a:visited {
	color: #666666;
	text-decoration: none }
#headerNav a:hover {
	text-decoration: underline }
#headerNav form {
	margin: 0px }
#headerNav input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666 }

/* -- Begin Primary Navigation Styles -- */
/*#nav {
	clear: both }*/
	
#nav {
	CLEAR: both;
	POSITION: relative;
	width: 1024;
	height: 42;
     }
#nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 4px }
#nav li {
	list-style-type: none;
	display: inline;
	overflow: hidden;
	margin: 0px 0px 0px -4px }

/* -- Begin Container Styles -- */
#container {
	width: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 20px auto }
	
	
	

/* -- Begin Body Styles -- */
#body {
	margin-bottom: 20px }

/* -- Begin Homepage Styles -- */
#homeContainer {
	background-image:url('../assets/images/hp_headlines_bg2.gif');
	background-repeat: repeat-y;
	width: 763px;
	font-size: 11px;
	margin: 0px; }
#homeContainer h1 {
	height: 21px;
	width: 466px;
	background-image: url('../assets/images/index_headerBkg_2.gif');
	background-repeat: repeat-x;
	padding-left: 7px;
	margin: 0px 0px 6px 8px; }
.noFlashCallout {
	padding-left: 20px}
#news {
	float: left;
	width: 490px;
	margin-bottom: 13px }
#news .firstLevelUL {
	padding-left: 0px;
	margin: 5px;
	width: 90%; }

.newsFirstLevel {
	list-style-type: none;
	list-style-image: none;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 5px;
	font-weight: bold; }

.newsFirstLevel a {
	color: #00274c;
	line-height: 15px;
	text-decoration: none; }
.newsFirstLevel a:hover {
	color: #ffffff; }
.newsFirstLevel_ablock {
	display: block;	
	padding-left: 18px;
	margin-left: 0px }
.newsFirstLevel_aformat {
	display: inline;	
	margin-left: 0px;
	color: #f6a01a; }
.newsFirstLevel a:hover {
	text-decoration:  none; }
.newsIco {
	margin: 0px 6px -2px -18px }
.newsDate {
	font-weight: normal;
	color: #00274c;
	display: block;	
	padding-left: 18px;
	margin-left: 0px }
.mediaLink {
	text-align: left;
	padding-right: 9px;
	margin-top: 0px
	text-decoration: underline
	}
.mediaLink a {
	color:#A0A422 }
#indexResources {
	float: left;
	width: 540px }
.resourceTableLeft {
	float: left;
	width: 180px }
.resourceTableCenter {
	float: left;
	width: 150px }
.resourceTableRight {
	float: left;
	width: 190px }
#spacer {
	clear: left;
	height: 15px }
#homeRight {
	float: right;
	width: 250px;}
#appPanel {
	width: 245px; /* <-- Needed for IE display bug */
	/*background-image: url('../assets/images/callout_region_body_bkg_2.gif');
	background-position: top;
	background-repeat: repeat-y;*/
	overflow: hidden;
	margin: 0px }
#appPanel h3 {
	/*background-image: url('../assets/images/callout_region_top_bkg_2.gif');
	background-position: top;
	background-repeat: no-repeat;*/
	padding: 12px 12px 0px 12px;
	margin: 0px 0px 8px 0px }
#appPanel p {
	border-top: 1px solid #ebebeb;
	text-align: center;
	line-height: 15px;
	padding: 10px 0px;
	margin: 8px 0px 0px 0px }
#appPanel p .deadlineTitle {
	font-weight: bold;
	color: #666666 }
#appPanel p .deadlineDate {
	color: #e47e00 }
#appPanel .appPanelContainer { 
	/*background-image: url('../assets/images/callout_region_bottom_bkg_2.gif');
	background-position: bottom;
	background-repeat: no-repeat;*/
	text-align: center;
	padding: 0px 3px; }
#resourcePanel {
	width: 242px; /* <-- Needed for IE display bug */
	/*background-image: url('../assets/images/resources_bkg.gif');
	background-position: top;
	background-repeat: repeat-y;
	overflow: hidden;*/
	margin: 0px }
#resourcePanel .firstLevelUL {
	padding-left: 0px;
	width: 242px;
	background-image: url('../assets/images/resources_bkg.gif');
	background-position: top;
	background-repeat: repeat-y;
	overflow: hidden;
	margin: 0px }

#feedback {
	font-size: 10px;
	color: #666666;
	background-image: url('../assets/images/index_feedbackHR.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 0px 9px 10px 9px;
	margin-top: 15px }
#feedback a {
	color: #666666 }
#sponsors {
	
	font-size: 10px;
	color: #666666;
	padding: 0px 9px; }
#sponsors p {
	margin-bottom: 10px;	
	text-align: center; }
#sponsors a:link, #sponsors a:active, #sponsors a:visited {
	color: #666666;
	text-decoration: none }
#sponsors a:hover {
	text-decoration: underline }
#sponsors .logo {
	text-align: center }






/* -- Begin Left Content & Secondary/Tertiary Navigation Styles -- */
#leftContent {
	float: left;
	width: 190px;
	font-size: 11px;
	color: #537289;
	padding: 40px 0px 0px 5px }
#leftContent h1 {
	border-bottom: 1px solid #d7d7d7;
	padding: 0px 0px 5px 3px;
	margin: 0px 0px 6px 0px }
#subNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00FF99 }
.firstLevelUL {
	padding-left: 0px;
	margin: 0px }
.firstLevel, .firstLevelOpen {
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	background-image: url('../assets/images/subNav_hr.gif');
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding: 0px 0px 5px 15px;
	margin: 0px 0px 5px 0px }
.firstLevelFinal {
	font-weight: bold;
	list-style-type: none;
	list-style-image: none;
	background-image: url('../assets/images/subNav_hrFull.gif');
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding: 0px 0px 5px 15px;
	margin: 0px 0px 5px 0px }
.firstLevel a, .firstLevelFinal a, .firstLevelOpen a {
	display: block;
	color: #006096;
	line-height: 15px;
	text-decoration: none;
	padding-left: 15px;
	margin-left: 0px }
.firstLevel a:hover, .firstLevelFinal a:hover, .firstLevelOpen a:hover, .secondLevel a:hover {
	text-decoration: underline }
.secondLevelUL {
	list-style-type: none;
	list-style-image: none;
	padding-left: 0px;
	margin: 5px 0px 0px 0px }
.secondLevel {
	list-style-type: none;
	list-style-image: none;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 4px 12px }
.secondLevel a {
	display: block;
	color: #809fb6;
	line-height: 15px;
	text-decoration: none;
	padding-left: 15px }
.firstLevelIco {
	margin: 0px 3px -2px -15px }
#newsletter {
	text-align: center;
	padding: 25px 0px }
#resources { }
#resources h2 {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding-left: 3px;
	margin: 0px 0px 8px 0px }
.resourceBullet {
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px }
.resourceBullet a {
	color: #006096;
	line-height: 15px;
	text-decoration: none;
	padding-left: 15px;
	margin-left: 0px }
.resourceBullet a:hover {
	text-decoration: underline }
.resourceIco {
	margin: 0px 7px 0px -15px }

/* -- Begin Content Styles -- */
#rightContent {
	float: right;
	width: 540px;
	padding: 0px 5px 0px 5px }
.contentBanner {
	margin: 0px 0px 15px -5px }
#rightContent h1 {
	font-size: 15px;
	color: #e47e00;
	padding: 0px;
	margin-top: 0px }
.breadCrumb {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	margin: 0px }
#rightContent h2 {
	font-size: 12px;
	color: #666666;
	line-height: 17px }
#rightContent p {
	font-size: 11px;
	color: #666666;
	line-height: 18px }
p.bulletIntro {
	margin-bottom: 0px }
.smallNote {
	font-style: italic;
	font-size: 10px }
#rightContent a:link, #rightContent a:active, #rightContent a:visited {
	color: #93a200;
	text-decoration: none }
#rightContent a:hover {
	text-decoration: underline }
.linkArrow {
	border: none;
	margin-bottom: -2px }
.pdfIcon {
	border: none;
	padding-right: 5px;
	margin-bottom: -3px }
#rightContent ul, #rightContent ol {
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	margin-top: 0px }
#rightContent li.bulletSpacer, #rightContent li.bulletSpacer {
	margin-top: 10px }
.contentHR {
	text-align: center }
.underline {
	text-decoration: underline }
.videoCalloutLeft {
	width: 326px;
	text-align: center;
	/*border-bottom: 1px solid #e7e6df;*/
	padding: 10px 0px }
.videoCalloutFull {
	text-align: center;
	/*border-bottom: 1px solid #e7e6df;*/
	padding: 10px 5px }
#statsTable {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #666666 }
#regionTable {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #666666 }
#rightTable {
	float: right;
	width: 190px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 20px 20px }
#statsTable th, #rightTable th {
	background-image: url('http://localhost/template/img/table_title_bkg.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #537289;
	text-align: left;
	padding-bottom: 6px }
#statsTable td, #rightTable td {
	 }
#statsTable .altCol, #rightTable .altCol {
	background-color: #eaeaea }
	/*background-color: #f6f6f6 }*/
.minorText {
	font-size: 10px }
.titleText {
	display: block;
	font-size: 10px;
	color: #6f6f6f;
	line-height: 12px;
	padding-left: 15px }
#statsTable ul, #statsTable ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666 }
#inlineQuote { }
#rightQuote {
	float: right;
	width: 170px;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 0px 0px 20px 20px }
#rightQuote.linkFrame {
	border: 2px solid #efeeee }
#rightQuote p, #inlineQuote p {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #666666;
	line-height: 18px }
.quoteSignature {
	text-align: right;
	font-style: italic;
	padding-left: 10px }
#rightQuote a:link, #inlineQuote a:link, #rightQuote a:active, #inlineQuote a:active, #rightQuote a:visited, #inlineQuote a:visited {
	color: #93a200;
	font-weight: bold;
	text-decoration: none }
#rightQuote a:hover, #inlineQuote a:hover {
	font-weight: bold;
	text-decoration: underline }
#leftHeadTable {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666 }
#leftHeadTable th {
	background-color: #93a200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-bottom: 6px }
#leftHeadTable td {
	padding-left: 8px }
#leftHeadTable .altCol {
	background-color: #eaeaea }
	/*background-color: #f6f6f6 }*/
#timelineTable {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	
	BORDER-RIGHT: thick 0.5px #CCCCCC 1px solid; BORDER-TOP: thick 0.5px #CCCCCC 1px solid;BORDER-LEFT: thick 0.5px #CCCCCC 1px solid; WIDTH: 100%;  BORDER-BOTTOM: thick 0.5px #CCCCCC 1px solid; 
	}
#timelineTable th {
	background-color: #93a200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-bottom: 6px }
#timelineTable th.centerContent {
	text-align: center }
#timelineTable .highlight {
	background-color: #dae0e4 }
#timelineTable td {
	padding-left: 8px }
#timelineTable .altCol {
	background-color: #f6f6f6 }
	/*background-color: #f6f6f6 }*/
#rightContent input, #rightContent select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666 }
.backToTopLink {
	padding-left: 5px }
#jumpMenu {
	background-color: #FFFFFF;
	border: 1px solid #b1be2d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 0px;
	margin: 0px }
#jumpMenu td {
	padding: 5px 0px }
#jumpMenu .jumpArrow {
	border: none;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px -2px 0px }
#jumpMenu a {
	color: #006096;
	line-height: 13px;
	text-decoration: none;
	margin-left: 0px }
#jumpMenu a:hover {
	text-decoration: underline }

#csop {
	float: left;
	padding: 0px 15px 0px 0px; }
#videoLayer {
margin: 0px 20px 0px 20px;
display: none;
}
#schoolContainer {
	font-size: 11px;
	/*font-weight: bold;*/
	color: #666666;
	line-height: 15px;
}
/* -- Begin Callout (Right Features) Styles -- */
#rightFeatures {
	float: right;
	width: 190px;
	margin: 0px 0px 20px 20px }
#inThisSecPanel {
	width: 190px; /* <-- Needed for IE display bug */
	background-image: url('../assets/images/callout_inThisSec_body_bkg.gif');
	background-position: top;
	background-repeat: repeat-y;
	margin: 0px }
#inThisSecPanel h3 {
	background-image: url('../assets/images/callout_inThisSec_top_bkg.gif');
	background-position: top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ebebeb;
	padding: 12px 12px 0px 12px;
	margin: 0px 0px 12px 0px }
#inThisSecPanel h4 {
	font-size: 11px;
	color: #93a200;
	padding: 0px 9px;
	margin-bottom: 0px }
#inThisSecPanel .inThisSecContainer {
	background-image: url('../assets/images/callout_inThisSec_bottom_bkg.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 3px }
#inThisSecPanel p {
	border-bottom: 1px solid #f5f6f5;
	padding: 0px 9px 20px 9px;
	margin: 0px }
#inThisSecPanel p.noHR {
	border-bottom: none }
#inThisSecPanel ul, #interestedInRegionPanel ul {
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 25px }
#inThisSecPanel li, #interestedInRegionPanel li {
	list-style-type: none;
	list-style-image: url('../assets/images/callout_bullet.gif');
	padding: 0px;
	margin: 0px }
#inThisSecPanel a:link, #inThisSecPanel a:active, #inThisSecPanel a:visited, #interestedInRegionPanel a:link, #interestedInRegionPanel a:active, #interestedInRegionPanel a:visited {
	color: #666666;
	text-decoration: none }
#inThisSecPanel a:hover, #interestedInRegionPanel a:hover {
	text-decoration: underline }
#perspectivePanel {
	margin: 0px 0px 0px 3px }
#perspectivePanel h3 {
	padding: 0px;
	margin: 0px }
.perspectiveImg {
	padding: 0px;
	margin: 0px }
#interestedInRegionPanel {
	background-image: url('../assets/images/callout_region_body_bkg.gif');
	background-position: top;
	background-repeat: repeat-y;
	overflow: hidden;
	margin: 0px }
#interestedInRegionPanel h3 {
	background-image: url('../assets/images/callout_region_top_bkg.gif');
	background-position: top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ebebeb;
	padding: 12px 12px 0px 12px;
	margin: 0px }
#interestedInRegionPanel .interestedInRegionContainer {
	background-image: url('../assets/images/callout_region_bottom_bkg.gif');
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 3px }
#rightFeatures .spacer {
	height: 20px }

/* -- Begin Pop-up Styles -- */
#popContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif }
#popContainer h1 {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	font-size: 15px;
	color: #e47e00;
	padding: 10px 0px;
	margin-right: 5px;
	margin-left: 5px }
#popContainer h2 {
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	padding: 0px 10px }
#popContainer p {
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	padding: 0px 10px }
#popContainer ul, #popContainer ol {
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	margin-top: 0px }
#popContainer a:link, #popContainer a:active, #popContainer a:visited {
	color: #93a200;
	font-weight: bold;
	text-decoration: none }
#popContainer a:hover {
	font-weight: bold;
	text-decoration: underline }
#popContainer input, #popContainer select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666 }
	
  
/* -- Begin Footer Styles -- */
#footerContainer {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px; }
#footer {
	width: 490px;
	font-size: 10px;
	color: #00274c; }
#footer a:link, #footer a:active, #footer a:visited {
	color: #00274c;
	text-decoration: none }
#footer a:hover {
	color: #00274c;
	text-decoration: underline;
	 }
.legal {
	font-size: 12px;
	color: #EDF1B1;
	}

/*CSS menu style*/
td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	
}

#nav {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	clear: both;
	position:relative;
	/*margin:0px;
	width:1024px;
	height:768px;
	text-align:left;*/
}

#MenuContainer_0 {
/* This ID is related to the master menu div for menu MenuContainer_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:0px;
	top:42px;
	visibility:hidden;
	z-index:300;
}

#MenuContainer_1 {
/* This ID is related to the master menu div for menu MenuContainer_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:114px;
	top:42px;
	visibility:hidden;
	z-index:300;
}

#MenuContainer_2 {
/* This ID is related to the master menu div for menu MenuContainer_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:114px;
	top:42px;
	visibility:hidden;
	z-index:300;
}

#MenuContainer_3 {
/* This ID is related to the master menu div for menu MenuContainer_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:114px;
	top:42px;
	visibility:hidden;
	z-index:300;
}
#MenuContainer_4 {
/* This ID is related to the master menu div for menu MenuContainer_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:114px;
	top:42px;
	visibility:hidden;
	z-index:300;
}
#MenuContainer_5 {
/* This ID is related to the master menu div for menu MenuContainer_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:114px;
	top:42px;
	visibility:hidden;
	z-index:300;
}
#MenuContainer_6 {
/* This ID is related to the master menu div for menu MenuContainer_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:114px;
	top:42px;
	visibility:hidden;
	z-index:300;
}
#MenuContainer_7 {
/* This ID is related to the master menu div for menu MenuContainer_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:114px;
	top:42px;
	visibility:hidden;
	z-index:300;
}
#MenuContainer_8 {
/* This ID is related to the master menu div for menu MenuContainer_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:114px;
	top:42px;
	visibility:hidden;
	z-index:300;
}


#Menu_0 {
/* This class defines things about menu Menu_0's div. */
	position:absolute;
	left:0px;
	top:40px;
	visibility:hidden;
	background-color:transparent;
	/*width:633px;
	height:20px;*/
}

#Menu_1 {
/* This class defines things about menu Menu_0's div. */
	position:absolute;
	left:62px;
	top:40px;
	visibility:hidden;
	background-color:transparent;
	/*width:633px;
	height:20px;*/
}

#Menu_2 {
/* This class defines things about menu Menu_0's div. */
	position:absolute;
	left:90px;
	top:40px;
	visibility:hidden;
	background-color:transparent;
	/*width:633px;
	height:20px;*/
}
#Menu_3 {
/* This class defines things about menu Menu_0's div. */
	position:absolute;
	left:220px;
	top:40px;
	visibility:hidden;
	background-color:transparent;
	/*width:633px;
	height:20px;*/
}
#Menu_4 {
/* This class defines things about menu Menu_0's div. */
	position:absolute;
	left:375px;
	top:40px;
	visibility:hidden;
	background-color:transparent;
	/*width:633px;
	height:20px;*/
}
#Menu_5 {
/* This class defines things about menu Menu_0's div. */
	position:absolute;
	left:270px;
	top:40px;
	visibility:hidden;
	background-color:transparent;
	/*width:633px;
	height:20px;*/
}
#Menu_6 {
/* This class defines things about menu Menu_0's div. */
	position:absolute;
	left:150px;
	top:40px;
	visibility:hidden;
	background-color:transparent;
	/*width:633px;
	height:20px;*/
}

#Menu_7 {
/* This class defines things about menu Menu_0's div. */
	position:absolute;
	left:220px;
	top:40px;
	visibility:hidden;
	background-color:transparent;
	/*width:633px;
	height:20px;*/
}
#Menu_8 {
/* This class defines things about menu Menu_0's div. */
	position:absolute;
	left:0px;
	top:40px;
	visibility:hidden;
	background-color:transparent;
	/*width:633px;
	height:20px;*/
}


.StyleMenu_0, .StyleMenu_1,  .StyleMenu_2,  .StyleMenu_3,  .StyleMenu_4,  .StyleMenu_5, .StyleMenu_6, .StyleMenu_7, .StyleMenu_8 {
/* This class determines the general characteristics of the menu items in menu Menu_0 */
	width:auto;
	height:20px;
}

.StyleMenu_0 .stem, .StyleMenu_1 .stem,  .StyleMenu_2 .stem,  .StyleMenu_3 .stem,  .StyleMenu_4 .stem,  .StyleMenu_5 .stem,  .StyleMenu_6 .stem, .StyleMenu_7 .stem, .StyleMenu_8 .stem {
	color: #666666;
	height:20px;}



#MenuContainer_0 img, #MenuContainer_1 img, #MenuContainer_2 img, #MenuContainer_3 img, #MenuContainer_4 img, #MenuContainer_5 img, #MenuContainer_6 img, #MenuContainer_7 img, #MenuContainer_8 img{
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#Menu_0 a, #Menu_1 a, #Menu_2 a, #Menu_3 a, #Menu_4 a, #Menu_5 a, #Menu_6 a, #Menu_7 a, #Menu_8 a {
/* Controls the general apperance for menu MenuContainer_0's items, including color and font */
	text-decoration:none;
	font-size:10px;
	color:#006096;
	/*text-align:left;
	vertical-align:middle;
	padding:3px;
	display:block;
	position:absolute;*/
}

#Menu_0 a:hover, #Menu_1 a:hover, #Menu_2 a:hover, #Menu_3 a:hover, #Menu_4 a:hover, #Menu_5 a:hover, #Menu_6 a:hover, #Menu_7 a:hover, #Menu_8 a:hover {
/* Controls the mouse over effects for menu MenuContainer_0 */
	color:#e47e00;
}
a.zlinkjob:link {color:#006699; text-decoration:none;  font-size:11px;}
a.zlinkjob:visited {color: #006699; text-decoration:none; font-size:11px;}
a.zlinkjob:hover {color:#FF6600; text-decoration:none; font-size:11px;}

.content_tab{
	border-radius:6px;
	border: 0px solid #7B8084; font-family:Arial; font-size:12px;
	background-repeat:repeat-x;padding-bottom:0px;
}





@import url(http://fonts.googleapis.com/css?family=roboto:400,400italic,600,700,800);
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html { -webkit-font-smoothing: antialiased; }
a {
  color: #BA0707; font-size:13px;
  text-decoration: none;
}

a:hover { color: #BA0707; }

body {
  color: #E95546;
  font: 18px "roboto", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  width: 100%;
}

nav {
  display: block;
  background: #000000;
}

.menu { display: block; }

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu li:first-child { margin-left: 0; }

.menu li a {
  font-weight: 600;
  text-decoration: none;
  padding: 20px 15px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,
.menu li:hover>a {
  color: #fff;
  background: #D2AD00;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 0px;
  background: #ccc;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #797979;
  background: #fff;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  background: #D2AD00;
  color: #fff;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #E95546;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background: #E95546;
  color: #fff;
  text-decoration: none;
}

a.homer { background: #FC6D58; }
 @media (min-width: 768px) and (max-width: 979px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; }

a.homer { background: #E95546; }
}
 @media (max-width: 767px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  background: #fff;
  color: #797979;
}

.menu li a:hover,
.menu li:hover>a {
  background: #FC6D58;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}
.menu li>ul ul:hover { transform: initial; }
}

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden; 
    background-color: #000; font-family:Aharoni;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #DC9C3B;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}