/*temporary for development*/
#editAnywhere
{
	display: none !important;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 6, 2011 */

@font-face {
    font-family: 'GillSansMTCondensedRegular';
    src: url('graphics/design/webfonts/gill-sans-condensed-webfont.eot');
    src: url('graphics/design/webfonts/gill-sans-condensed-webfont.woff') format('woff'),
         url('graphics/design/webfonts/gill-sans-condensed-webfont.ttf') format('truetype'),
         url('graphics/design/webfonts/gill-sans-condensed-webfont.svg#webfontZjsJmpZw') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Blue Editor Styles */


.photoLeft { float: left; margin: 10px 10px 10px 0px; }
.photoRight { float: right; margin: 10px 0px 10px 10px; }

.photoLeftFirst { float: left; margin: 0 10px 10px 0px; }
.photoRightFirst { float: right; margin: 0 0px 10px 10px; }

.headingStudent
{
	font-size: 22pt;
	font-family: "Gill Sans", "Gill Sans MT", sans-serif;
}

.subheading
{
	font-size: 12pt;
	font-weight: normal;
	font-family: "Trebuchet MS", sans-serif;
}

.bodyText
{
	font-size: 11pt;
	font-family: "Trebuchet MS", sans-serif;
	color: #000;
}

/* end Blue Editor Styles */

/* ---------------Global Styles--------------- */
a {
 color: #F16C20;
 text-decoration: underline;
 outline-style: none;
 outline-width: 0;
 border: 0;
}

.employers a {
	color: #CA061D;
}


a > img, a img
{
	border: 0;
}
img 
{
	border: 0;
}
a:hover {
text-decoration: underline;
}
a:visited {
 color: #660000;
}
h1 {
 font-family: "Gill Sans", "Gill Sans MT", sans-serif;
  color: #F16D21;
 font-size: 22pt;
}

.myaccountHeading {
 font-family: "Gill Sans", "Gill Sans MT", sans-serif;

 font-size: 22pt;
 color: #CA061D;
}

.employers h1
{
	color: #CA061D;
}
h2 {
 color: #000;
 font-size: 14pt;
}
h3 {
 color: #0000ff;
 font-size: 12pt;
}
h4 {
 color: #000;
 font-size: 11pt;
}

body {
 color: #000;
 background: #EEEEEE;
 margin: 0;
 padding: 0;
 position: relative;
 overflow-x: hidden;
}
#page {
 background: #fff;
}
body,
 p,
 td,
 div {
 font-size: 10pt;
 font-family: "Trebuchet MS", sans-serif;
}

.container {
 width: 950px;
 margin: 0 auto;
 padding: 0;
 background: #fff;
 clear: both;
}
form,
 input {
 padding: 0;
 margin: 0;
}

/* End Global Styles */

body
{
	background: #EEEEEE url('graphics/design/city_background.jpg') no-repeat center bottom;
	margin: 0 0 10px 0;
	padding: 0;
}

#pageTop
{
	background: #606060;
	/*width: 100%;*/
	height: 60px;
	/*margin: 0 0 30px 0;*/
}

#topContainer
{
	width: 990px;
	margin: 0 auto;
}

#pageTop  #menuTop
{
	margin: 0 auto;
	/*width: 990px;*/
	position: relative;
	height: 0;
}

#pageTop #menuTop > div
{
	position: absolute;
	left: 408px;
	top: 19px;
}

#pageTop #menuTop, #pageTop #menuTop a, #pageTop #menuTop a:visited
{
	font-family: Tahoma, sans-serif;
	font-size: 10pt;
	color: #999999;
}

#pageTop #menuTop a.current
{
	color: #fff;
}

#pageTop #searchTop
{
	position: relative;
	/*height: 0;*/
	width: 250px;
	left: 770px;
	top: 10px;
}

#pageTop #searchTop > div
{
	/*width: 350px;
	height: 50px;
	position: absolute;
	left: 462px;
	top: 10px;*/
}

#pageTop #searchTop input 
{
	border: 0;
}

#logo
{
	position: relative;
	height: 0;
	width: 100%;
	z-index: 500;
}

#mainContainer 
{
	width: 990px;
	min-height: 1000px;
	background: #DADADA;
	margin: 0 auto 35px auto;
	position: relative;
	top: 30px;
}

#mainContainer > *
{
	width: 960px;
	margin: 0 auto;
	padding: 6px 0;
}

.separator
{
	float: right;
	width: 614px;
	border-bottom: 10px solid #DADADA;
}

#sectionTabs
{
	height: 0;
	width: 100%;
	position: relative;
	left: 20px;
	z-index: 800;
}

#sectionTabs > div
{
	position: absolute;
	bottom: -4px;
}

#sectionTabs img
{
	margin: 0 -4px 0 0;
	padding: 0;
}

#sectionTabs a
{
	text-indent: -8000px;
	text-decoration: none;
}


#homeRotator
{
	height: 400px;
	width: 960px;
	overflow: hidden;
	margin-bottom: -12px;
	position: relative;
	background: #ffffff;
}

#homeRotator .slide, #homeRotator img
{
	background: #ffffff;
	height: 400px;
	width: 960px;
}

#homeRotator .slide_caption
{
	background: transparent url('graphics/design/slider_blurb_bg.png') no-repeat;
	width: 472px;
	height: 73px;
	position: relative;
	left: 488px;
	bottom: 140px;
}

#homeRotator .slide_caption *
{
	font-family: "Verdana", sans-serif;
	padding-left: 20px;
	position: relative;
	top: 10px;
}

#homeRotator .slide_caption > h4
{
	font-size: 12pt;
	margin-bottom: 0;
}

#homeRotator .slide_caption > span
{
	font-size: 10pt;
}

#homeContent
{
	z-index: 99;
}

#homeContent, #interiorContent
{
	background: #fff;
	min-height: 500px;
	position: relative;
}

#homeContent .right p, #interiorContent .right p
{
	font-size: 11.5pt;
}

.right .toggle_side {
	cursor: pointer;
	width: 100%;
	border-bottom: 1px solid #DADADA;
	/*color: #4d5f75;*/
	color: #F16D21;
	margin-left: -10px;
	width: 170px;
	text-indent: 10px;
}


#homeContent .banners span
{
	padding-right: 40px;
}

#homeContent .banners span:first-child
{
	padding-left: 20px;
}

#interiorContent .banners
{
	background: #fff;
	min-height: 400px;
	width: 160px;
	float: left;
	padding-left: 10px;
	margin-top: 15px;
}

#interiorContent .banners h1
{
	margin-top: 3px;
	margin-bottom: 5px;
}

#interiorContent .banners img
{
	padding-bottom: 25px;
}

#homeContent #internships, #interiorContent #internships
{
	float: left;
	width: 172px;
	height: 332px;
	font-family: Verdana, sans-serif;
	background: transparent url('graphics/design/internship_home_bg.png') no-repeat;
	overflow: hidden;
}

#interiorContent #internships
{
	margin-top: 15px;
}

.employers #internships > div
{
	background: #CA061D !important;
}

#homeContent #internships a, #homeContent #internships a:visited,
	#interiorContent #internships a, #interiorContent #internships a:visited
{
	color: #F16C20;
}

.employers #internships a, .employers #internships a:visited,
	.employers #internships a, .employers #internships a:visited
{
	color: #CA061D !important;
}
#homeContent .left, #interiorContent .left
{
	width: 336px;
	border-right: 10px solid #DADADA;
	float: left;
	height: 100%;
	position: relative;
	z-index: 100;
}

#mainContainer .left, #mainContainer .right
{
	margin-top: -6px;
}

#mainContainer .left > div.nonmenu
{
	border-bottom: 10px solid #DADADA;
}

#mainContainer .left > div h1
{
	margin-left: 10px;
	margin-bottom: 5px;
}

.bannerInteriorLeft
{
	width: 305px;
	margin: 12px auto 10px auto;
	position: relative;
	/*left: 6px;*/
}


.right h1
{
	margin-top: 8px;
	margin-bottom: 8px;
}

#socialIcons
{
	padding-top: 5px;
	padding-bottom: 25px;
}

#socialIcons img
{
	position: relative;
	top: 12px;
}
.twtr-timeline
{
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	height: 100px !important;
}

.twtr-join-conv, .twtr-ft, .twtr-hd
{
	display: none !important;
}



#mainContainer .left > div.twitter
{
	padding-left: 15px;
}

#twitterHeading
{
	padding-top: 15px;
	padding-left: 1px;
}

#twitterHeading a
{
	font-family: 'GillSansMTCondensedRegular','gill-sans-condensed', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	
}
#twitterHeading h3
{
	color: #F16D21;
	float: left;
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 20pt;
	font-weight: normal;
	font-family: 'GillSansMTCondensedRegular','gill-sans-condensed', sans-serif;
	padding-left: 10px;
}

.employers #twitterHeading h3
{
	color: #CA061D !important;
}

#twitterHeading img
{
	float: left;
	position: relative;
	top: 5px;
}

.featureMain
{
	margin-right: 35px;
}


.homeMenu
{
	z-index: 100;
}
/* Student Home Page Menu */

.menu_student_home
{
	border-bottom: 10px solid #DADADA;
}

.menu_student_home, .menu_student_home * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.menu_student_interior
{
	margin-top: -6px !important;
}


.menu_student_home {
	line-height:	1.0;
}
.menu_student_home ul {
	position:		absolute;
	top:			-999em;
	width:			336px; /* left offset of submenus need to match (see below) */
}

.menu_student_home ul li {
	width:			100%;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-transform: none;
	color: #fff;
}
.menu_student_home li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu_student_home li {
	float:			left;
	position:		relative;
}

.menu_student_home > li
{
	width: 336px;
	height: 50px;
	font-family: "Arial Narrow", sans-serif;/*"GillSansMTCondensedRegular","gill-sans-condensed", sans-serif;*/
	font-weight: bold;
	font-size: 14pt;
	text-transform: uppercase;
	color: #313131;
	border-bottom: 1px dashed #DADADA;
}



.menu_student_home a {
	display:		block;
	position:		relative;
}

.menu_student_home > li > a
{
	color: #313131;
	height: 25px;
	padding-top: 16px;
}

.menu_student_home > li.item8 > a
{
	color: #CA061D;
}

.menu_student_home li:hover ul,
.menu_student_home li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.menu_student_home li:hover li ul,
ul.menu_student_home li.sfHover li ul {
	top:			-999em;
}
ul.menu_student_home li li:hover ul,
ul.menu_student_home li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.menu_student_home li li:hover li ul,
ul.menu_student_home li li.sfHover li ul {
	top:			-999em;
}
ul.menu_student_home li li li:hover ul,
ul.menu_student_home li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.menu_student_home {
	float:			left;
	margin-bottom:	1em;
}
.menu_student_home a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	text-decoration: none;
	color: #313131
}
.menu_student_home a, .menu_student_home a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #313131;
}

.menu_student_home li li a, .menu_student_home li li a:visited
{
	/*color: #fff;*/
}
.menu_student_home li {
	background: transparent;
}
.menu_student_home li li {
	background:	#DADADA url('graphics/design/student_submenu_arrow.png') no-repeat 10px center;
	border-bottom: 1px dashed #E6E6E6;
	height: 50px;
}
.menu_student_home li li > a
{
	position: relative;
	top: 9px;
	left: 15px;
	text-indent: 15px;
	color: #313131;
}

.menu_student_home li li li {
	background:		#000;
}

.menu_student_home > li:hover, .menu_student_home > li.sfHover
/*.menu_student_home > li > a:focus, .menu_student_home > li > a:hover, .menu_student_home > li > a:active */
{
	background: #DADADA;
	border-bottom: 1px dashed #DADADA;
}

.menu_student_home ul li:hover, .menu_student_home ul li.sfHover
/*.menu_student_home ul li a:focus, .menu_student_home ul li a:hover, .menu_student_home ul li a:active*/ {
	background:		#F16D21;
	outline:		0;
}

.menu_student_home ul li:hover {
	border-bottom: 0;
	padding-bottom: 1px;
}

/* point right for anchors in subs */
.menu_student_home ul .sf-sub-indicator { background-position:  -10px 0; }
.menu_student_home ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu_student_home ul a:focus > .sf-sub-indicator,
.menu_student_home ul a:hover > .sf-sub-indicator,
.menu_student_home ul a:active > .sf-sub-indicator,
.menu_student_home ul li:hover > a > .sf-sub-indicator,
.menu_student_home ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** adding this in addition to sf-menu creates a vertical menu ***/
.menu_student_home, .menu_student_home li {
	width:	336px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.menu_student_home li:hover ul,
.menu_student_home li.sfHover ul {
	left:	336px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.menu_student_home .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.menu_student_home a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.menu_student_home a:focus > .sf-sub-indicator,
.menu_student_home a:hover > .sf-sub-indicator,
.menu_student_home a:active > .sf-sub-indicator,
.menu_student_home li:hover > a > .sf-sub-indicator,
.menu_student_home li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* End Student Home Page Menu */

/* Begin Student Interior Menu */


.menu_student_interior {
	position: relative;
	top: 6px;
}
.menu_student_interior
{
	border-bottom: 10px solid #DADADA;
}

.menu_student_interior, .menu_student_interior * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.menu_student_interior {
	line-height:	1.0;
}

.menu_student_interior ul {
	position:		absolute;
	top:			-999em;
	width:			336px; /* left offset of submenus need to match (see below) */
}

.menu_student_interior > li.alsoCurrent {
	background: #DADADA;
}
.menu_student_interior ul.alsoCurrent, .menu_student_interior ul.alsoCurrent_sub {
	width:			336px;
	position: relative;
	top: auto;
	/*height: 49px;*/ /* left offset of submenus need to match (see below) */
}
.menu_student_interior .notCurrent ul li {
	width:			100%;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	color: #fff;
}
.menu_student_interior li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu_student_interior li {
	float:			left;
	position:		relative;
}

.menu_student_interior > li
{
	width: 336px;
	min-height: 50px;
	font-family: "Arial Narrow", sans-serif;/*"GillSansMTCondensedRegular","gill-sans-condensed", sans-serif;*/
	font-weight: bold;
	font-size: 14pt;
	text-transform: uppercase;
	color: #313131;
	border-bottom: 1px dashed #DADADA;
}

.menu_student_interior a {
	display:		block;
	position:		relative;
}

.menu_student_interior > li > a
{
	color: #313131;
	height: 25px;
	padding-top: 16px;
	position: relative;
}

.menu_student_interior > li.item8 > a
{
	color: #CA061D;
}

.menu_student_interior {
	float:			left;
	margin-bottom:	1em;
}
.menu_student_interior a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.5em 1em;
	text-decoration: none;
	color: #313131
}
.menu_student_interior a, .menu_student_interior a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #313131;
}

.menu_student_interior a.current
{
	background: #F16D21;
	color: #fff;
}

.menu_student_interior li li a, .menu_student_interior li li a:visited
{
	/*color: #fff;*/
}
.menu_student_interior li {
	background: transparent;
}
.menu_student_interior li.alsoCurrent li  {
	background:	#F6F6F6 url('graphics/design/student_submenu_arrow.png') no-repeat 30px center;
	border-bottom: 1px dashed #E6E6E6;
	min-height: 49px;
}
.menu_student_interior li.alsoCurrent li > a
{
	position: relative;
	/*left: 30px;*/
	padding-top: 15px;
	height: 25px;
	text-indent: 30px;
	color: #666666;
}

.menu_student_interior li.alsoCurrent li.alsoCurrent.alsoCurrent_sub > a {
	color: #fff;
}

.menu_student_interior li ul
{
	display: block;
}
.menu_student_interior li.alsoCurrent li:hover
{
	background: #DADADA url('graphics/design/student_submenu_arrow.png') no-repeat 30px center;
}

.menu_student_interior > li:hover, .menu_student_interior > li > a:focus,
	.menu_student_interior > li > a:hover
{
	background: #DADADA;
	
}
/*** adding this in addition to sf-menu creates a vertical menu ***/
.menu_student_interior, .menu_student_interior li {
	width:	336px;
}

.menu_employers_home li:hover ul
{
	left:	336px; /* match ul width */
	top:	0;
}

.menu_employers_home li.alsoCurrent:hover ul,
.menu_employers_home li.alsoCurrent.sfHover ul
{
	left: auto;
	top: auto;
}

.menu_student_interior li.alsoCurrent:hover ul {
	top: 0;
	left: auto;
}

.menu_student_interior li:hover ul
{
	top:			0; /* match top ul list item height */
	left: 336px;
	z-index:		99;
}
ul.menu_student_interior li:hover li ul,
ul.menu_student_interior li.sfHover li ul {
	top:			-999em;
}
ul.menu_student_interior li li:hover ul,
ul.menu_student_interior li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.menu_student_interior li li:hover li ul,
ul.menu_student_interior li li.sfHover li ul {
	top:			-999em;
}
ul.menu_student_interior li li li:hover ul,
ul.menu_student_interior li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */

.menu_student_interior li.notCurrent li {
	background:	#DADADA url('graphics/design/student_submenu_arrow.png') no-repeat 10px center;
	border-bottom: 1px dashed #E6E6E6;
	height: 50px;
}
.menu_student_interior li.notCurrent li > a
{
	position: relative;
	top: 9px;
	left: 15px;
	text-indent: 15px;
	color: #313131;
}

.menu_student_interior li.notCurrent li li {
	background:		#000;
}

.menu_student_interior > li.notCurrent:hover
/*.menu_student_interior > li > a:focus, .menu_student_interior > li > a:hover, .menu_student_interior > li > a:active */
{
	background: #DADADA;
	border-bottom: 1px dashed #DADADA;
}

.menu_student_interior .notCurrent ul li:hover, .menu_student_interior .notCurrent ul li.sfHover
/*.menu_student_interior ul li a:focus, .menu_student_interior ul li a:hover, .menu_student_interior ul li a:active*/ {
	background:		#F16D21;
	outline:		0;
	border: 0;
	padding-bottom: 1px;
}


/* End student interior menu */

/* employers Home Page Menu */

.menu_employers_home
{
	border-bottom: 10px solid #DADADA;
}

.menu_employers_home, .menu_employers_home * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.menu_employers_home {
	line-height:	1.0;
}
.menu_employers_home ul {
	position:		absolute;
	top:			-999em;
	width:			336px; /* left offset of submenus need to match (see below) */
}
.menu_employers_home ul li {
	width:			100%;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	color: #fff;
}
.menu_employers_home li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu_employers_home li {
	float:			left;
	position:		relative;
}

.menu_employers_home > li
{
	width: 336px;
	height: 50px;
	font-family: "Arial Narrow", sans-serif;/*"GillSansMTCondensedRegular","gill-sans-condensed", sans-serif;*/
	font-weight: bold;
	font-size: 14pt;
	text-transform: uppercase;
	color: #313131;
	border-bottom: 1px dashed #DADADA;
}

.menu_employers_home a {
	display:		block;
	position:		relative;
}

.menu_employers_home > li > a
{
	color: #313131;
	height: 25px;
	padding-top: 16px;
	position: relative;
}

.menu_employers_home > li.item6 > a
{
	color: #F16C20;
}

.menu_employers_home li:hover ul,
.menu_employers_home li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.menu_employers_home li:hover li ul,
ul.menu_employers_home li.sfHover li ul {
	top:			-999em;
}
ul.menu_employers_home li li:hover ul,
ul.menu_employers_home li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.menu_employers_home li li:hover li ul,
ul.menu_employers_home li li.sfHover li ul {
	top:			-999em;
}
ul.menu_employers_home li li li:hover ul,
ul.menu_employers_home li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.menu_employers_home {
	float:			left;
	margin-bottom:	1em;
}
.menu_employers_home a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	text-decoration: none;
	color: #313131
}
.menu_employers_home a, .menu_employers_home a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #313131;
}

.menu_employers_home li li a, .menu_employers_home li li a:visited
{
	/*color: #fff;*/
}
.menu_employers_home li {
	background: transparent;
}
.menu_employers_home li li {
	background:	#DADADA url('graphics/design/employer_submenu_arrow.png') no-repeat 10px center;
	border-bottom: 1px dashed #E6E6E6;
	height: 50px;
}
.menu_employers_home li li > a
{
	position: relative;
	top: 9px;
	left: 15px;
	color: #313131;
}

.menu_employers_home li li li {
	background:		#000;
}

.menu_employers_home > li:hover, .menu_employers_home > li.sfHover
/*.menu_employers_home > li > a:focus, .menu_employers_home > li > a:hover, .menu_employers_home > li > a:active */
{
	background: #DADADA;
	border-bottom: 1px dashed #DADADA;
}

.menu_employers_home ul li:hover, .menu_employers_home ul li.sfHover
/*.menu_employers_home ul li a:focus, .menu_employers_home ul li a:hover, .menu_employers_home ul li a:active*/ {
	background:		#CA061D;
	outline:		0;
	border: 0;
	padding-bottom: 1px;
}
.menu_employers_home ul li:hover a {
	color: #fff;
}

/* point right for anchors in subs */
.menu_employers_home ul .sf-sub-indicator { background-position:  -10px 0; }
.menu_employers_home ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu_employers_home ul a:focus > .sf-sub-indicator,
.menu_employers_home ul a:hover > .sf-sub-indicator,
.menu_employers_home ul a:active > .sf-sub-indicator,
.menu_employers_home ul li:hover > a > .sf-sub-indicator,
.menu_employers_home ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** adding this in addition to sf-menu creates a vertical menu ***/
.menu_employers_home, .menu_employers_home li {
	width:	336px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.menu_employers_home li:hover ul,
.menu_employers_home li.sfHover ul {
	left:	336px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.menu_employers_home .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.menu_employers_home a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.menu_employers_home a:focus > .sf-sub-indicator,
.menu_employers_home a:hover > .sf-sub-indicator,
.menu_employers_home a:active > .sf-sub-indicator,
.menu_employers_home li:hover > a > .sf-sub-indicator,
.menu_employers_home li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* End employers interior Page Menu */

/* Begin employers Interior Menu */


.menu_employer_interior {
	position: relative;
	top: 6px;
}
.menu_employer_interior
{
	border-bottom: 10px solid #DADADA;
}

.menu_employer_interior, .menu_employer_interior * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.menu_employer_interior
{
	margin-top: -6px;
}


.menu_employer_interior {
	line-height:	1.0;
}
.menu_employer_interior ul {
	width:			336px;
	top: -999em;
	position: absolute;
	height: 49px; /* left offset of submenus need to match (see below) */
}

.menu_employer_interior ul.alsoCurrent, .menu_employer_interior ul.alsoCurrent_sub {
	width: 336px;
	position: relative;
	top: auto;
}

.menu_employer_interior ul li {
	/*width:			100%;
	font-family: Arial, sans-serif;
	font-size: 13px;
	text-transform: none;
	color: #fff;*/
}
.menu_employer_interior li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu_employer_interior li {
	float:			left;
	position:		relative;
}


.menu_employer_interior > li
{
	width: 336px;
	min-height: 50px;
	font-family: "Arial Narrow", sans-serif;/*"GillSansMTCondensedRegular","gill-sans-condensed", sans-serif;*/
	font-weight: bold;
	font-size: 14pt;
	text-transform: uppercase;
	color: #313131;
	border-bottom: 1px dashed #DADADA;
}

.menu_employer_interior a {
	display:		block;
	position:		relative;
}

.menu_employer_interior a.current
{
	background: #CA061D;
	color: #fff;
}

.menu_employer_interior > li > a
{
	color: #313131;
	height: 25px;
	padding-top: 16px;
	position: relative;
}

.menu_employer_interior > li.item6 > a
{
	color: #F16D21;
}

.menu_employer_interior {
	float:			left;
	margin-bottom:	1em;
}
.menu_employer_interior a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.5em 1em;
	text-decoration: none;
	color: #313131
}
.menu_employer_interior a, .menu_employer_interior a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #313131;
}

.menu_employer_interior a.current
{
	background: #CA061D;
	color: #fff;
}

.menu_employer_interior li li a, .menu_employer_interior li li a:visited
{
	/*color: #fff;*/
}
.menu_employer_interior li {
	background: transparent;
}
.menu_employer_interior li li {
	background:	#F6F6F6 url('graphics/design/employer_submenu_arrow.png') no-repeat 30px center;
	border-bottom: 1px dashed #E6E6E6;
	height: 49px;
}
.menu_employer_interior li li > a
{
	position: relative;
	display:block;
	text-indent: 30px;
	height: 49px;
	color: #666666;
}

.menu_employer_interior li ul
{
	display: block;
}

.menu_employer_interior > li:hover, .menu_employer_interior li > a:focus,
	.menu_employer_interior > li > a:hover, .menu_employer_interior > li > a:active
{
	background: #DADADA;
	
}
/*** adding this in addition to sf-menu creates a vertical menu ***/
.menu_employer_interior, .menu_employer_interior li {
	width:	336px;
}

.menu_employer_interior li.alsoCurrent:hover ul {
	top: 0;
	left: auto;
}

.menu_employer_interior > li.alsoCurrent {
	background: #DADADA;
}

.menu_employer_interior li.alsoCurrent li  {
	background:	#F6F6F6 url('graphics/design/employer_submenu_arrow.png') no-repeat 30px center;
	border-bottom: 1px dashed #E6E6E6;
	min-height: 49px;
	position: relative;
}
.menu_employer_interior li.alsoCurrent li > a
{
	position: relative;
	/*left: 30px;*/
	padding-top: 15px;
	height: 25px;
	text-indent: 30px;
	color: #666666;
}

.menu_employer_interior li.alsoCurrent li.alsoCurrent.alsoCurrent_sub > a {
	color: #fff;
}

.menu_employer_interior li ul
{
	display: block;
}
.menu_employer_interior li.alsoCurrent li:hover
{
	background: #DADADA url('graphics/design/employer_submenu_arrow.png') no-repeat 30px center;
}

.menu_employer_interior .notCurrent ul li {
	width:			100%;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
	color: #fff;
}

.menu_employer_interior .notCurrent ul li:hover {
	background: #CA061D;
}

.menu_employer_interior .notCurrent ul li:hover a {
	color: #fff;
}

.menu_employer_interior li.notCurrent li {
	background:	#DADADA url('graphics/design/employer_submenu_arrow.png') no-repeat 10px center;
	border-bottom: 1px dashed #E6E6E6;
	height: 50px;
}
.menu_employer_interior li.notCurrent li > a
{
	position: relative;
	top: 9px;
	left: 15px;
	text-indent: 15px;
	color: #313131;
}

.menu_employer_interior li.notCurrent li li {
	background:		#000;
}


.menu_employer_interior li:hover ul
{
	top:			0; /* match top ul list item height */
	left: 336px;
	z-index:		99;
}
ul.menu_employer_interior li:hover li ul,
ul.menu_employer_interior li.sfHover li ul {
	top:			-999em;
}
ul.menu_employer_interior li li:hover ul,
ul.menu_employer_interior li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.menu_employer_interior li li:hover li ul,
ul.menu_employer_interior li li.sfHover li ul {
	top:			-999em;
}
ul.menu_employer_interior li li li:hover ul,
ul.menu_employer_interior li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */


/* End employers interior menu */


#mainContainer .right
{
	padding: 10px;
	float: right;
	width: 585px;
}


#interiorContent .right
{
	width: 160px;
	padding-top: 0;
	background: #DADADA;

}

#interiorContent .center
{
	float: left;
	width: 390px;
	min-height: 1200px;
	padding: 0 10px;
}

#interiorContent .centerNoRight {
	width: 570px !important;
}


#pageBottom
{
	width: 100%;
	background: #606060;
	height: 60px;
	z-index: 500;
	position: relative;
	bottom: 28px;
	
}

#footer
{
	width: 1000px;
	height: 60px;
	margin: 0 auto;
	padding: 5px;
}

#okcLogo
{
	float: left;
}

#menuFooter
{
	margin: 0 auto;
	line-height: 25px;
	text-align: center;
	position: relative;
	right: 110px;
}
#menuFooter, #menuFooter a, #menuFooter a:visited
{
	font-family: Tahoma, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #CCCCCC;
}

#menuFooter a:hover
{
	text-decoration: underline;
}

#enewsSignup
{
	position: relative;
	height: 0;
	width: 100%;
}

#enewsSignup div
{
	position: absolute;
	left: 775px;
	top: -85px;
	width: 226px;
	height: 128px;
	z-index: 501;
	background: transparent url('graphics/design/footer_enewsbg.png') no-repeat;
}

#enewsSignup p
{
	color: #fff;
	font-size: 12pt;
	text-align: right;
	font-family: Tahoma, sans-serif;
	position: relative;
	right: 35px;
	bottom: 5px;
}

#interiorHeader
{
	width: 960px;
	height: 200px;
	padding-top: 3px;
	margin-bottom: -12px;
}

#interiorContent #sectionTabs div
{
	/* implied absolute position */
	/*bottom: -4px;*/
}

/* ---------------General Module Styles--------------- */
.calendarSmallWrapper
{
	background: transparent;
}

.calendarSmallWrapper .cal
{
	height: 200px;
	width: 315px;
}

.calendarSmallWrapper .calTop
{
	position: relative;
	left: 20px;
	height: 23px;
	width: 315px;
}

.calendarSmallWrapper .calNext a, .calendarSmallWrapper .calPrev a
{
	width: 40px;
	height: 23px;
	display: block;
}
.calendarSmallWrapper .calPrev
{
	float: left;
	background: transparent url('graphics/design/calendar_box_leftbutton.png') no-repeat;
	text-indent: -1000px;
	width: 40px;
	height: 23px;
	margin: 0 5px 0 0;
}

.calendarSmallWrapper .calNext
{
	float: left;
	background: transparent url('graphics/design/calendar_box_rightbutton.png') no-repeat;
	text-indent: -1000px;
	width: 40px;
	height: 23px;
	margin: 0 0 0 5px;
}

.calendarSmallWrapper .calMonth
{
	float: left;
	background: transparent url('graphics/design/calendar_box_monthbg.png') no-repeat;
	width: 215px;
	height: 23px;
	text-align: center;
}

.calendarSmallWrapper .calMonth a
{
	color: #fff;
	text-decoration: none;
	font-family: "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	font-size: 11pt;
}

.calendarSmallWrapper .cal table
{
	width: 315px;
	position: relative;
	text-align: center;
	left: 15px;

}

.calendarSmallWrapper .cal table td
{
	background: url('graphics/design/calendar_box_daybg.png') no-repeat;
	color: #fff;
	width: 40px;
	height: 23px;
}

.calendarSmallWrapper .calDayOn a
{
	color: #F16D21;
	font-weight: bold;
	text-decoration: none;
}

.employers .calendarSmallWrapper .calDayOn a
{
	color: #CA061D;
	font-weight: bold;
	text-decoration: none;
}

.calendarSmallWrapper a:hover
{
	text-decoration: underline;
}

.calendarSmallWrapper .calWeek
{
	font-weight: bold;
}

.eventsHomeWrapper .itemList
{
	min-height: 65px;
}

.eventsHomeWrapper .itemList h2
{
	font-family: "Trebuchet MS", Trebuchet, sans-serif;
	font-size: 11.5pt;
	color: #F16D21;
}

.eventBody {
	width: 390px !important;
	word-wrap: break-word;
}

.employers .eventsHomeWrapper .itemList h2
{
	color: #CA061D;
}

.calMonthGlance 
{
	padding-left: 10px;
	padding-top: 10px;
}

.calMonthGlance img
{
	position: relative;
	top: 4px;
}

.calMonthGlance a
{
	padding-left: 10px;
}

.calMonthGlance a.second
{
	padding-left: 55px;
}

.itemCount {
}
.itemList {
 clear: both;
 margin-bottom: 10px;
} 
.itemList:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.itemList h2 a {
 text-decoration: none;
}
.itemList h2 a:hover {
 text-decoration: underline;
}
.itemList span {
 display: block;
}
.itemLabel {
 font-weight: bold;
}
.itemList span.itemLabel {
 display: inline;
}
.bottomNavigation {
 clear: both;
}
.goBack {
}
.errorMessage {
 font-weight: bold;
 color: #f00;
}
/* End General Module Styles */

/* Pagination */
.pagination {
 clear: both;
 display: block;
}
.pagination a,
 .pagination a:link,
 .pagination a:visited {
 text-decoration: none;
}
.pagination .prevnextCurrent,
 .pagination .prevnextWindow,
 .pagination .prevnextWindowArrow {
 border: solid 1px #ccc;
 margin: 0;
 padding: 4px 6px;
 font-size: 11px;
 margin-right: 2px;
 display: inline-block;
}
.pagination a.prevnextWindow:hover,
 .pagination a.prevnextLink:hover,
 .pagination .prevnextWindowArrow:hover {
 border: solid 1px #000;
 color: #000;
}
.pagination .prevnextCurrent {
 background: #ccc;
 color: #000;
 font-weight: bold;
 padding: 4px 6px;
}
.pagination a.prevnextLink {
 border: 1px solid #ccc;
 padding: 4px 6px 4px;
 margin-right: 2px;
 font-size: 11px;
 display: block;
}
/* End Pagination */

/* Send Page Styles */
.sendpage {
 clear: both;
}
.sendpageBody div,
 .sendpageBody td {
 padding: 2px 0px;
}
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper {
padding-bottom: 30px;
}
.webpageWrapper h1
{
	margin-top: 8px;
	margin-bottom: 8px;
}
/* ModuleEnd::gendocs */



/* ModuleBegin::broadcastemail */
.enewsWrapper div {
}
.enewsWrapper span {
 display: block;
}
.enewsText {
}
.enewsEmail {
}
/* ModuleEnd::broadcastemail */

/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail {
 background: #DADADA;
 padding-bottom: 30px;
 width: 547px;
 position: relative;
 left: 25px;
}
#calendarDetail table {
 background: #999;
 width: 100%;
 table-layout: fixed;
}
#calendarDetail .calendarMonths {
 background: #DADADA;
 text-align: center;
 vertical-align: middle;
 padding-top: 3px;
 padding-left: 12px;
 border-left: 1px solid #fff;
 border-right: 2px solid #fff;
 width: 100%;
}

#calendarDetail .calendarMonths a {
	color: #333;
}

#calendarDetail a {
 text-decoration: none;
}
#calendarDetail a:hover {
 text-decoration: underline;
}
#calendarDetail .calendarMonths a {
 display: block;
 font-weight: bold;
 font-size: small;
 padding: 5px 0px 5px 0px;
 color: ##1e7dc1;
}
#calendarDetail .calendarMonths a:hover {
 color: #1e7dc1;
}
#calendarDetail .calendarDays {
 /* border-collapse: collapse;
 */ table-layout: fixed;
 background: #fff;
 width: 100%;
}
#calendarDetail .calendarDays td {
 text-align: center;
 font-size: x-small;
 line-height: 1.1em;
}
#calendarDetail .calendarDays .title {
 font-size: medium;
 font-weight: bold;
 color: #333333;
 padding: 10px 0px 10px 0px;
 background: #bbb;
}
#calendarDetail .calendarDays .prevLink,
 #calendarDetail .calendarDays .nextLink {
 font-size: small;
}
#calendarDetail .title a {
 font-size: x-small;
}


#calendarDetail .calendarDays .weekdays {
 height: 30px;
 background-color: #ccc;
}
#calendarDetail .calendarDays .emptyDay {
 height: 60px;
 text-align: left;
 vertical-align: top;
 background-color: #eee;
}
#calendarDetail .calendarDays .eventToday {
 height: 60px;
 text-align: left;
 vertical-align: top;
 background-color: #fdf9ea;
 padding-left: 5px;
}
#calendarDetail .calendarDays .eventOff {
 height: 60px;
 text-align: left;
 vertical-align: top;
 padding-left: 5px;
}
#calendarDetail .calendarDays .eventOn {
 height: 60px;
 text-align: left;
 vertical-align: top;
 padding-left: 5px;
}

#addcomment_section, #addcomment_section textarea { 
	width: 570px !important;
}

#accrinet { position:relative; height:0px; width: 100%;}
#accrinet div {width: 140px;float:left; line-height: 12px;text-align:right;font-size: 10px;}
#accrinet .accrinet {position: absolute; top:-25px; right: 140px; width: 175px; height: 30px;}
#accrinet div span {font-size: 13px;line-height: 12px;}
a.accrinet { color: #0078bb; }

/********** Javascript popup calendar for edit controls *************/
#myaccountDirectoryEdit #freedom_calendar { position: absolute !important; left: 76% !important; top: 172px !important; width: 175px; z-index: 100; visibility: hidden; /*clip:rect(0px 175px 145px 0px);*/ height:145px !important; }
#myaccountDirectoryEdit #freedom_calendar table, #myaccountDirectoryEdit #freedom_calendar tbody, #myaccountDirectoryEdit #freedom_calendar tr {
	/*height: 145px !important;*/
}
#myaccountDirectoryEdit #freedom_calendar td {  color:#fff; font: normal 12px Arial,Helvetica,Sans-serif; height: 14px !important;}
#myaccountDirectoryEdit #freedom_calendar select.month { color: #000; width: 85px; }
#myaccountDirectoryEdit #freedom_calendar input.year { color: #000; width: 30px; }
#myaccountDirectoryEdit #freedom_calendar td.calDaysColor { color: #fff; background-color: #000; font-size:11px; }
#myaccountDirectoryEdit #freedom_calendar td.calWeekend { color: #000; background-color: #192d4c; }
#myaccountDirectoryEdit #freedom_calendar td.calBgColor { color: #fff; background-color: #d3d3d3; }
#myaccountDirectoryEdit #freedom_calendar .calBorderColor { color: #000; background-color: #a9a9a9; }
#myaccountDirectoryEdit #freedom_calendar td.calHighlightColor { color: #000; background-color: #ffc; }
#myaccountDirectoryEdit #freedom_calendar a.calHighlightColor { color: #000; background-color: #ffc; }
#myaccountDirectoryEdit #freedom_calendar a.cal { color: #fff; text-decoration: none; }  
#myaccountDirectoryEdit #freedom_calendar a.cal:Hover { color: #000; background-color:#fff; padding:1px; text-decoration: none; } 
.disabled { color: #808080; text-decoration: none; }  
.butClass { border: 1px solid; border-color: #d6d3ce; }
.tdClass { padding-left: 3px; }