/* keep table form styles separate */
@import 'tableStyles.css';

/* add icons pdf and Word doc links */
@import 'icons.css';


/*zero value everything to get on a level playing field between all the different browsers */
/*	margin: 0;
	padding: 0;
	border: 0;
}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/*Default-value of the font-size is 16px; applying the rule, you’ll get one Em 
standing for roughly ten pixels (16 x 62.5% = 10). “I tend to put a font-size on 
the body tag with value: 62.5%. This allows you to use EMs to specify sizes while 
thinking in PX terms, e.g. 1.3em is approximately 1.3px.*/
body {
	font-size: 62.5%;
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*This odd 100.01% value for the font size compensates for several browser bugs. 
First, setting a default body font size in percent (instead of em) eliminates an 
IE/Win problem with growing or shrinking fonts out of proportion if they are 
later set in ems in other elements. Additionally, some versions of Opera will 
draw a default font-size of 100% too small compared to other browsers. Safari, 
on the other hand, has a problem with a font-size of 101%. The current "best" 
suggestion is to use the 100.01% value for this property.*/
html {
	font-size: 100.01%;
}
body, body.index {
	color: #444343;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}
a.goToContent {
	position: absolute;
	left: -10000px;
}
/* style notes during production */
.note {
	color: red;
	border: 2px solid red;
}
img.imgCenter {
	display: block;
	margin: 0 auto;
}
/******* BEGIN *******/
.jsclass body .randomcontent { /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
	display: none;
}
body, body.index {
	background: #fff url(../images/layout/bgSliceNew.jpg) repeat-x;
	background-color: #fff;
}
body.index {
	background: #fff url(../images/layout/indexBgSliver.jpg) repeat-x center top;
}
#mastHead {
	width: 999px;
	height: 89px;
	margin: 0 auto;
	background: #000 url(../images/layout/mastbgZJ.jpg) no-repeat bottom;
	
}
#mastHead img {
	border: 0;
}
#container, #indexContainer {
	width: 975px;
	margin: 0 auto;
	font-size: 1.3em;
	/*hides the section of the floated left menu and causes the horizontal scrollbar to disappear */
	/* But it is screwing up the background colour of the menu at the same time. */
	overflow: hidden;
	background: url(../images/layout/containerBg.jpg) no-repeat center top;
}
#indexContainer {
	width: 999px;
	background: url(../images/layout/indexContainerBg.jpg) no-repeat center top;
}
#flash {
	margin: 0 auto;
	width: 999px;
	height: 382px;
	/*background: #000 url(../images/layout/flashBg.jpg) no-repeat -12px;*/
	background: #000 url(../images/layout/flashBg.jpg) no-repeat;
}
.logoHome a, .cuHome a {
	text-indent: -99999px;
}
.logoHome a {
	float: left;
	display: block;
	margin-top: 10px;
	margin-left: 50px;
	width: 129px;
	height: 45px;
	background: #000 url(../images/layout/logo.jpg) no-repeat; 
}
.cuHome a {
	float: right;
	margin-top: 25px;
	margin-right: 45px;
	width: 187px;
	height: 18px;
	background: #000 url(../images/layout/cuLogo.jpg) no-repeat;
}
#menu {
	float: left;
	position: relative;
	left: 50.15%; /* this or the % below is causing the horizontal scrollbar */
}
#menu ul {
	padding: 0;
	list-style-type: none;
	position: relative;
	left: -50.5%;
}
#indexContainer #menu ul {
	left: -50%;
}
#menu, #menuFooter {
	margin: 5px auto 0 auto;
	text-transform:uppercase;
}
#menu li {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	padding-left: 15px;
	padding-bottom: 1px;
	background: url(../images/layout/topBullet.jpg) no-repeat center left;
}
#menu li.first {
	padding-left: 30px;
	background: url(../images/layout/leftFleuron.png) no-repeat left;
}
#menu li.last {
	margin-right: 0;
	background: url(../images/layout/topBullet.jpg) no-repeat left;
}
#menu li a, #menu li a.current {
	text-decoration: none;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #323232;
}
#menu li a.current {
	text-decoration: underline;
}
#menu li a.last, #menu li a.lastCurrent {
	padding-right: 30px;
	background: url(../images/layout/rightFleuron.png) no-repeat right;
}
#menu li a.lastCurrent {
	text-decoration: underline;
}	
#menu li a:hover {
	text-decoration: underline;
}
#container #menuFooter, #indexContainer #menuFooter {
	clear: left;
	height: 16px;
	padding-top: 5px;
	background: url(../images/layout/menuBotBG.jpg) no-repeat 85px bottom;
}
#indexContainer #menuFooter {
	margin-left: 16px;
	background: url(../images/layout/indexMenuBotBG.jpg) no-repeat 87px bottom;
}
#leftCol, #content, #rightCol {
	margin-top: 15px;
}
#indexContainer #leftCol, #indexContainer #content, #indexContaienr #rightCol {
	margin-top: 0px;
}
#leftCol {
	clear: both;
	float: left;
	width: 260px;
	min-height: 500px;
	background: #fff url(../images/layout/subNavBG.jpg) repeat-x;
	margin-left: 0;
}
#indexContainer #leftCol {
	background-image: none;
	width: 265px;
	margin-left: 8px;
	margin-right: 12px;
}
#indexContainer #leftCol p a:hover, #indexContainer #rightCol p a:hover {
	color: #000;
}
#why h2, #academics h2, #applying h2, #tuition h2, #alumni h2 {
	clear: right;
	margin-top: 0;
	
}
#why p, #academics p, #applying p, #tuition p, #alumni p, #getStarted p {
	display: block;
	text-align: right;
	margin-top: 5px;
	margin-left: auto;
	line-height: 1.6em;
	width: 145px;
}
#getStarted p {
	width: 92%;
	text-align: left;
	text-indent: 25px;
	margin-left: 10px;
	background: url(../images/layout/paperIcon.png) no-repeat 2px 3px;
}
#tuition p {
	width: 135px;
}
#why p a, #academics p a, #applying p a, #tuition p a, #alumni p a {
	display: block;
	text-align: right;
}
#why h2 a, #academics h2 a, #applying h2 a, #tuition h2 a, #alumni h2 a {
	display: block;
	text-decoration: none;
	font-size: 1.7em;
	color: #d48d38;
	border-bottom: 1px dashed #a6a6a6;
	padding-bottom: 4px;
}
#why h2 a:hover, #academics h2 a:hover, #applying h2 a:hover, #tuition h2 a:hover, #alumni h2 a:hover {
	border-bottom: 1px solid #d48d38;
}
#why h2 a span, #academics h2 a span, #applying h2 a span, #tuition h2 a span, #alumni h2 a span {
	font-size: .525em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;	
}
#why {
	background: #fff url(../images/layout/imgWhy.jpg) no-repeat left 30px;
}
#academics {
	background: #fff url(../images/layout/imgAcademics.jpg) no-repeat left;
}
#applying {
	background: #fff url(../images/layout/imgApplying.jpg) no-repeat left 35px;
}
#tuition {
	background: #fff url(../images/layout/imgTuition.jpg) no-repeat left 35px;
}
#alumni {
	background: #fff url(../images/layout/imgAlumni.jpg) no-repeat left 20px;
}
#getStarted {
	background: #e4d1c5 url(../images/layout/getStartedBg.jpg) no-repeat;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 4px;
	padding-bottom: 5px;
}
#getStarted a.getStartedBtn, #content a.listPositionBtn, #content a.postBulletinBtn {
	display: block;
	background:url(../images/layout/getStartedTodayBtn.jpg) no-repeat;
	width: 247px;
	height: 22px;
	margin: 4px auto 8px auto;
	cursor: pointer;
	text-indent: -19999px;
	overflow: hidden;
	border: 1px solid #b26b3c; 
}
#content a.listPositionBtn, #content a.postBulletinBtn {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	margin-left: 15px;
	padding: 0;
}
#content a.listPositionBtn {
	background: url(../images/layout/listPositionBtn.jpg) no-repeat;
}
#content a.postBulletinBtn {
	background:url(../images/layout/postBulletinBtn.jpg) no-repeat;
}
#getStarted a.getStartedBtn:hover, #content a.listPositionBtn:hover, #content a.postBulletinBtn:hover {
	background-position: 0 -22px;
	border: 1px solid #143777; 
}
#getStarted ul {
	margin-left: 10px;
}
#getStarted li {
	background: url(../images/layout/bullet.gif) no-repeat 0 2px;
	padding-left: 20px;
	padding-bottom: 2px;
	margin-bottom: 3px;
	line-height: 1.25em;
	font-size: .95em;
}
#leftCol #subNav {
	padding-top: 10px;
	margin-left: 0;
}
#subNav li {
	list-style-type: none;
	margin-bottom: 5px;
	margin-left: 12px;
	padding-left: 23px;
	background: url(../images/layout/bullet.gif) no-repeat left;
}
#subNav li a, #subNav li a.current {
	display: block;
	text-decoration: none;
	font-size: 1.30em;
	color: #7e7e7e;
	font-family: Georgia, "Times New Roman", Times, serif;
	background:url(../images/layout/subNavUnderline.jpg) no-repeat bottom left;
	padding-bottom: 8px;
}
#subNav li a:hover, #subNav li a.current {
	text-decoration: underline;
	color: #000;
	font-style: italic;
}
#content, #searchContent {
	float: left;
	width: 445px;
	min-height: 500px;
	margin-right: 15px;
}
#indexContainer #content {
	width: 427px;
	padding-top: 0;
}
#contentCopyTop, #contentCopy {
}
#contentCopyTop {
	width: 427px;
	height: 11px;
	background: url(../images/layout/contentTopBg.jpg) no-repeat top center;
}
#contentCopy {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 427px;
	background: #f3f2f9 url(../images/layout/contentBg.jpg) no-repeat bottom center;
}
#contentLeft { 
	float: left;
	width: 49%;
}
#contentRight {
	float: right;
	width: 49%;
}
#content h1, h2, h3, #searchContent h1, h2, h3 {
	margin-top: 1em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content h1, #searchContent h1 {
	margin-top: .5em;
	color: #d48d38;
	font-size: 2.3em;
}
#indexContainer #content h1 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 2em;
}	
#indexContainer #content h1 {
	text-align: center;
	color: #5b5b8b;
	line-height: 1.15em;
}
#content h2, #searchContent h2 {
	color: #b70202;
	font-size: 1.5em;
	margin-top: .75em;
	line-height: 1.25em;
}
#content h3, #content dt {
	color: #b70202;
	font-size: 1.25em;
}
#content dt {
	cursor: pointer;
}
#content h3 {
	line-height: 1.25em;
}
#content span.h4 {
	color: #b70202;
}
#content h1 + h2 {
	margin-top: .5em;
}
#content p input {
	margin-left: 0;
	margin-right: 5px;
}
#content .tagLine {
	font-size: .45em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	margin-left: -3px;
}
#content p, #content dd {
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.55em;
}
#content dd p {
	margin-left: 0;
	margin-right: 0;
}
#content table {
	margin-top: .5em;
}
#contentCopy p {
	margin-top: 0;
	margin-bottom: 1.25em;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.70em;
	font-size: 1.1em;
}
#content span {
	margin: 0;
}
#content span.crumbs {
	margin-left: 15px;
	margin-right: 15px;
}
#content p, #content h1, #content h2, #content h3, #content li, #content table, #content input, #content dt {
	margin-left: 15px;
	margin-right: 15px;
}
#content dt {
	margin-top: .5em;
	margin-bottom: .5em;
	line-height: 1.25em;
}
#content dd {
	margin-right: 15px;
}
#content ul {
	list-style-type: disc;
	margin-left: 2.5em;
}
#content li {
	margin-top: .5em;
	margin-bottom: .5em;
	line-height: 1.5em;
}
#content strong {
	font-weight: bold;
}
#content em {
	font-style: italic;
}

#content p .dropCap {
	float: left;
	margin-top: .1em;
	margin-left: -.01em;
	color: #e3e3e3;
	width: .5em;
	font-size: 5.5em; 
	line-height: 48px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content a, #footer a, #indexContainer #leftCol  p a, #indexContainer #rightCol p a, #getStarted li a {
	color: #4349b5;
	padding-bottom: 4px;
}
/* specific styling for #searchContent */
#searchContent {
	width: 706px;
}
#searchContent iframe {
	width: 710px;
}
#indexContainer #leftCol  p a, #indexContainer #rightCol p a {
	padding-right: 20px;
	background: url(../images/layout/bullet.gif) no-repeat right .3em;
}
#content a:hover, #footer a:hover, #getStarted a:hover {
	color: #000;
	text-decoration: underline;
}
#rightCol {
	float: left;
	width: 250px;
}
#indexContainer #rightCol {
	width: 265px;
	margin-top: 5px;
}
#rightCol .quotePortrait {
	border: 3px solid #f7d7aa;
	margin-top: 5px;
}
#quoteContainer {
	margin-top: 5px; 
	background: url(../images/layout/topQuote.jpg) no-repeat 0 200px; 
}
#quoteContainer p {
	margin-bottom: .5em;
}
#quoteContainer blockquote {
	margin: 15px 5px 15px 5px;
	color: #785c88;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.20em;
	line-height: 1.25em;
	background: url(../images/layout/botQuote.jpg) no-repeat bottom right;
}
#quoteContainer p.quoteStats {
	font-size: .85em;
	line-height: 1.1em;
}
#quoteContainer p.quoteSource {
	font-weight: bold;
}
.crumbs {
	font-size: .9em;
}
#container #footer {
	clear: both;
	margin: 0 auto;
}
#indexContainer #footer {
	margin-top: 10px;
}
#factBoxFooter {
	width: 230px;
	height: 33px;
	background: url(../images/layout/factBoxFooterBG.jpg) no-repeat;
}
.links {
	display: block;
	text-align: center;
	line-height: 1.5em;
	padding-right: 13px; /* not quite perfectly centered otherwise */
}
.links a, .copywrite a {
	
}
.links a:hover, .copywrite a:hover, .copywrite a:hover {
	text-decoration: underline;
}
.copywrite {
	display: block;
	text-align: center;
	font-size: .9em;
	padding-bottom: 5px;
}
/* coda slider */

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
		}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {
	width: 100%; 
	height: 460px; 
	background: #fff; 
	overflow: hidden; /*Doesn't seem to work? */
}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	width: 230px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	clear: both;
	margin-left: 13px;
	padding-bottom: 10px;
	background: #cecede url(../images/layout/factBG.jpg) no-repeat;
	margin-top: -10px;
	overflow: hidden;
	
}
#factBoxFooter {
	margin-left: 13px;
}
.wrapper h1 {
	padding-top: 8px;
	padding-left: 35px;
	padding-right: 5px;
	font-size: 1.1em;
	color: #6969a3;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div .hr {
	margin: 10px 0 10px 0;
	background: url(../images/layout/factDivider.png) no-repeat center;
	height: 9px;
	border: 0;
	border-style: none;
}
div hr {
	display: none;
}
.wrapper p, .wrapper li {
	margin-bottom: 1em;
	font-size: .9em;
	line-height: 1.4em;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 230px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	display: none;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}

.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }

.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	bottom: -3px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 100px;
}

.stripNavL {
	left: 18px;
}

.stripNavR {
	right: 10px;
}
.stripNavL {
	background: url("../images/layout/previousBtn.jpg") no-repeat center;
}

.stripNavR {
	background: url("../images/layout/nextBtn.jpg") no-repeat center;
}
.wrapper ul {
	margin: 0;
	padding: 0;
}
.wrapper li {
	display: inline;
	margin: 0;
	margin-bottom: .5em;
	margin-left: -10px;
	width: 172px;
	float: left;
}
/* search mini form styles */
#searchBox {
	height: 35px;
	background: #fff url(../images/layout/rightBarBG.jpg) repeat-x;
}
input.searchBox {
	float: left;
	width: 170px;
	margin-top: 7px;
	margin-left: 7px;
	color: #838181;
	/*width: 170px;*/
	background: #fff url(../images/layout/magGlass.gif) no-repeat 3px;
	padding-left: 25px;
}
#indexContainer #rightCol input.searchBox {
	width: 185px;
}
#searchBox a.formButton {
	float: right;
	margin-top: 7px;
	margin-right: 7px;
	width: 29px;
	height: 20px;
	border: 0;
	padding: 0;	
	text-indent: -1999px;
	overflow: hidden;	
	background: #fff url(../images/layout/goBtn.jpg) no-repeat;
	cursor: pointer;
}
#searchBox a.formButton:hover {
	background-position: 0 -23px;
}
#searchBox a.submit:hover {
	background-position: 0 -22px;
}

/* contact form styles */
#contactTop, #contactBottom {
	height: 9px;
}
#contactTop {
	background: url(../images/layout/contactTop.png) no-repeat;
}
#contactBottom {
	background: url(../images/layout/contactBottom.png) no-repeat;
}
#contact input, #newPositionForm input, textarea, select {	
	margin-top: 2px;
	margin-bottom: 5px;
}
#contact label, #newPositionForm label {
	margin-left: 15px;
}
#contact hr {
	display: block;
	width: 424px;
	height: 9px;
	background: url(../images/layout/contactHR.jpg) no-repeat;
}
#contact table, #newPositionForm table {
	margin: 0;
}
#contact p, #newPositionForm p {
	margin-left: 0;
	line-height: 1.15em;
}
.leftInput, .rightInput, .fName, .lName, .businessName, .jobTitle, .city, .email, .telephone {
	width: 185px;
}
.leftInput, .fName, .businessName, .city, .state, .telephone {
	margin-right: 10px;
}
.address {
	width: 404px;
}
.state {
	width: 49px;
}
.stateDropDown {
	width: 49px;
	margin-right: 12px;
}
.zip {
	width: 60px;
}
.questionsTxt, .howTxt, .generalTxt {
	display: block;
	width: 410px;
	height: 56px;
}
#contact a.contactSubmitBtn {
	display: block;
	margin-top: 5px;
	width: 74px;
	height: 24px;
	text-indent: -1999px;
	overflow: hidden;
	background: url(../images/layout/contactSubmit.jpg) no-repeat;	
}
#contact p, #newPositionForm  p {
	margin-left: 15px;
	margin-right: 15px;
}
#contact p label, #newPositionForm p label {
	margin-left: 0;
}
.required {
	color: #ff0000;	
}
/*information session form styles */

/* new job posting form styles */
#newPositionForm {
	margin-top: 1em;
}
.dateSelect {
	margin-left: 15px;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.yearOneWindow, .yearTwoWindow {
    display: none;
    
    position: fixed;
    top: 5%;
    left: 40%;
    margin-left: -300px;
    width: 765px;
    
    background-color: #fff;
    color: #333;
    border: 5px solid black;
    padding: 5px;
}
.yearTwoWindow {
	width: 785px;
}
.jqmOverlay {
	background-color: #000; 
}
a.jqmClose {
	float: right;
	display: block;
	width: 20px;
	height: 19px;
	background: url(../images/layout/close_icon_double.png) no-repeat;
}
a.jqmClose:hover {
	background-position: 0 -20px;
}
/* styles to hide random content in JS enabled browsers */
.jsclass body .randomcontent { /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
	display: none;
}
.missing, .invalid {
	display: block;
	padding-left: 15px;
}
/* dojo overrides */
.dojoValidateEmpty {
background-color:#ffffff;
}
.dojoValidateValid {
background-color:#CCFFCC;
}
.dojoValidateInvalid {
background-color:#FFCCCC;
}
.dojoValidateRange {
background-color:#CCCCFF;
}