body {
	font-family: verdana, arial, helvetica, sans-serif; 
	/*font-size: 100%; equals 1.0em at 100% THIS WILL CHANGE FOR RESOLUTION */
	margin: 0em;
	padding: 0em;
	background-color: #ffffff;
	height: 100%;
}

#title {
	display: none;
}

/* STRUCTURE STYLES FROM OLD OJC SITE */
.mainTable {
	width: 100%;
}

div.outer {
	width: 100%;
	text-align: left! important; /* COUNTER ACTS DIV ALIGN CENTER IN OLD SITE CODE */
}

table.inner {
	width: 100%;
}

.contentSection {
	width: 100%;
	padding-left: .20em;
	padding-right: .20em;
	padding-top: .20em;
	vertical-align: top;
}

.valignMiddle {
	vertical-align: middle;
}

.whiteBackground {
 	background-color: #ffffff;
}
/* STRUCTURE STYLES FROM OLD OJC SITE */

.contentStyle {
	overflow: hidden;
	background: url(../images/design/ojc_bkgrd_02.jpg) fixed; /*ENABLE THIS FOR NEW REDESIGN SITE */
	width: 100%;
	margin: 0px auto;
}

div {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;  
	padding-left: 0px; 
	margin: 0px; 
}

span {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;    
	padding-left: 0px; 
	margin: 0px; 
}

ul {
	margin-top: 0em;
	padding-top: 0em;
}

ol {
	margin-top: 0em;
	padding-top: 0em;
}

hr.navy {
	color: #000080;
	width: 100%;
	border: 1px solid #000080;
}

div.clear {
	clear: both;
	padding-top: 0px; 
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

div.center {
	text-align: center;
}

.presentation {
	overflow: auto;
	width: 100%; 
	height: 280px;
	background-color: #ececec; /* Light Gray #efefef; Light Blue #6699cc; */
}

/* GENERAL BODY STYLE */
.regionParent {
	width: 100%;
}

div.regionParent {
	width: 100%; 
}

td.regionParent {
	vertical-align: top;
	border-top: 0px; 
	border-right: 0px;
	border-bottom: 0px; 
	border-left: 0px;
	padding-top: 0px;   
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	text-align: left;
}
/* END GENERAL BODY STYLE */


/* HEADER STYLES */
#head_home {
	width: 100%;
	height: 80px;
	background: url(../images/design/hdOJC_new.jpg);
}

#head_logo {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}

#head_topRight {
	font-family: arial, helvetica, sans-serif;
	font-size: .98em;  /* .92em equals 11pt CASCADES OFF CONTENT STYLE FONT SIZE at BODY 100% */
	text-align: right;
	margin-top: 0px;
	margin-right: 20px; 
}

/* MARGIN-TOP and FONT COLOR CONTROLED BY BODYxx STYLE */
#head_homedate {
	font-family: arial, helvetica, sans-serif;
	font-size: .92em;  /* .92em equals 11pt CASCADES OFF CONTENT STYLE FONT SIZE at BODY 100% */
	text-align: right;
	font-weight: bold;
	margin-right: 20px;
}

.preHeaderRegion {
	width: 100%;
	background-color: #ecebf0;
	/*background-color: #fff! important; */
}

div.preHeaderRegion {
	width: 100%;
}

td.preHeaderRegion {
	vertical-align: top;
	border-top: 0px; 
	border-right: 0px;
	border-bottom: 0px; 
	border-left: 0px;
	padding-top: 0px;   
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	text-align: left;
}

/* SEARCH BAR CONTROLED BY THIS */
.postHeaderRegion {
	width: 100%;
}

div.postHeaderRegion {
	width: 100%;
}

td.postHeaderRegion {
	vertical-align: top;
	border-top: 0px; 
	border-right: 0px;
	border-bottom: 0px; 
	border-left: 0px;
	padding-top: 0px;   
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	text-align: left;
}

.clearfix {
	display: inline;
}

.clearfix {
	display: block;
}

html .clearfix {
	height: 1%;
}

/* END HEADER STYLES */

/* CONTENT STYLES */
#content {
	width: 100%;
	text-align: left;
	/*background: url(../images/design/ojc_bkgrd.jpg) fixed;*/
}

.contentRegion table {
	width: 98%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* FOOTER STYLES */
#footer {
	width: 100%;
	border-top: #ccc 1px solid;
	color: #999;
	background: url(../images/design/footerStudents_250.jpg); /*fixed; CHANGE THIS FOR FOOTER BACKGROUND*/
}

div.footerRegion {
	width: 100%;
	text-align: center;
}

.footerRegion table {
	width: 100%;
	margin-bottom: 10px;
}

/* ROW STYLES SET MARGINS */
.margin20 {
	margin-right: 20px;
	margin-left: 20px;
}

.margin50 {
	margin-right: 20px;
	margin-left: 50px;
}

.margin100 {
	margin-right: 20px;
	margin-left: 100px;
}

.margin150 {
	margin-right: 20px;
	margin-left: 150px;
}

.margin200 {
	margin-right: 20px;
	margin-left: 200px;
}

.margin250 {
	margin-right: 20px;
	margin-left: 250px;
}

.margin300 {
	margin-right: 20px;
	margin-left: 300px;
}

.margin350 {
	margin-right: 20px;
	margin-left: 350px;
}

/* USE THIS STYLE TO BUILD NESTED COLUMNS */
.column {
  	float: left;
  	margin-right: 0;
}

/* The first column in a row needs this class to set Left Margin. */
.first {
	margin-left: 20px;
}

/* The last column in a row needs this class. */
.last { 
  	padding-right: 0;
	margin-right: 0; 
}

/* WIDTH OF COLUMN CONTROLED BY BODYxx STYLE SHEET */

/* Border on right hand side of a column. */
.colborder {
  	padding-right: 16px;
  	margin-right: 16px;
  	border-right:1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */
.pull-1 { margin-left: -1%;}
.pull-2 { margin-left: -2%;}
.pull-3 { margin-left: -3%;}
.pull-4 { margin-left: -4%;}
.pull-8 { margin-left: -8%;}
.pull-12 { margin-left: -12%;}
.pull-16 { margin-left: -16%;}


.push-0  { margin: 0 0 0 1.8%; float: right; } /* Right aligns the image. */
.push-4 { margin: 0 -4% 0 1.8%; float: right;}
.push-8 { margin: 0 -8% 0 1.8%; float: right;}
.push-12 { margin: 0 -12% 0 1.8%; float: right;}
.push-16 { margin: 0 -16% 0 1.8%; float: right;}

.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }

/* END COLUMN STYLES */


/* SEARCHBOX STYLES *********************** */

#searchbar {
	display: inline;
}

#searchbar form {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	width: 80%; /*60%;CONTROLS OVERALL WIDTH OF FORM */
}

#searchbar input {
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

#searchbar form input.button {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px 10px 5px 5px;
}

/* CONTROLS LOOK OF SEARCH BOX BORDER */
#searchbar form input.searchbox {
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;
	margin-bottom: 4px;
	width: 70%; /*70%;CONTROLS OVERALL WIDTH OF TEXT BOX */
	background-color: #ffffcc;
}

/* BROUGHT OVER FROM OLD SITE */

div.search {
	padding: 0 0 0 0;
	border: 0; margin: 0;
	float: none;  
	width: 0;
	height: 0;
}

div.search a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
}

div.search img {
	border: 1px;
	padding: 0;

}

/* END SEARCHBOX STYLES  *********************** */

.empLinks {
	background: #ffffff;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;
	padding-bottom: 4px;
	margin-left: 20px;
}


/********************ALL IMAGE CONTROLS ********************/

/* Image Control For Luminis******************** */

a.imgbord:active { color: #FFFFFF; background: inherit;}

a.imgbord:link { color: #FFFFFF; background: inherit;}

a.imgbord:visited { color: #FFFFFF; background: inherit;}

a.imgbord:hover { color: #FFFFFF; background: inherit;}

a.imgbord:visited:hover { color: #FFFFFF; background: inherit; }

/* End Luminus Control************************* */


img.EventsImg {
  	float: left;
  	width: 115px;
  	border-color: #676767;
  	border-width:1px;
  	border-style: solid;
	background: inherit;
}

img.homePhoto
{
	border-width: 1px;
	border-color: #3E3E3D;
	border-style: solid;
	background: inherit;
}

img.sportsRosterPhoto
{
	border-width: 1px;
	border-color: #3E3E3D;
	border-style: solid;
	vertical-align: top;
	height: 125px;
	background: inherit;
}

img.sportsPhotoGallery
{
	border-width: 1px;
	border-color: #3E3E3D;
	border-style: solid;
	vertical-align: top;
	height: 225px;
	background: inherit;
}

img.pressRelease
{
	border-width: 1px;
	border-color: #3E3E3D;
	border-style: solid;
	vertical-align: top;
	width: 150px;
	background: inherit;
}

img.pressReleaseThumb
{
	border-width: 1px;
	border-color: #3E3E3D;
	border-style: solid;
	vertical-align: top;
	width: 75px;
	background: inherit;
}

.rightSide { 
	float: right; 
	margin-bottom: 12px; 
	margin-left: 35px; 
}

.leftSide { 
	float: left; 
	margin-bottom: 12px; 
	margin-right: 35px; 
}


/************ END ALL IMAGE CONTROLS *******************/


/* STYLES BROUGHT OVER FROM OLD SITE **************************************** */

/* Staff and Department page styles */

.bioIframe {
	float: right;
	margin-right: 2px; 
	margin-bottom: 50px; 
	margin-left: 10px;
	padding: 1px;
	border: 0; 
	height: 30%; 
	width: 50%;
}

.imgStaffL { 
	float: left;
	margin-right: 75px; 
	margin-bottom: 12px; 
	margin-left: 35px;  
}

.imgStaffR { 
	float: right;
	margin-right: 35px; 
	margin-bottom: 12px; 
	margin-left: 35px; 
}

.backDecor {
	/*font-size: .95em; OLD SIZE 1.0em;*/
	border-top: #cecece 1px solid; 
	border-right: #4a4a4a 2px solid; 
	border-bottom: #4a4a4a 2px solid;
	border-left: #cecece 1px solid;
	background: url(../../../images/template/bgbluetile.gif); 
	padding: 6px; 
	width: 100%; 
	margin: 0; 
}

/* End Staff and Department page styles */

/* Specific Table Styles */

table.tuition {
	font-size: .95em; /* OLD SIZE .75em;*/ 
	width: 90%; 
	border: 1px solid #666666; 
	margin: 0 auto; 
	background: inherit;
}

table.tuition tr {
	text-align: center;
	background: inherit;
}

table.tuition td {
	border: 1px solid #666666;
	background: inherit;
}

table.movingOn {
	font-size: 1.0em; /* OLD SIZE .8em;*/  
	padding: 0; 
	border: 1px solid #000066; 
	background: inherit;
}

table.movingOn td { 
	border: 1px solid #000066; 
	text-align: center; 
	background-color: #ffffff; 
	color: #000080; 
	line-height: 1.5em; 
	padding: 0 3em; 
}

.degTable {
	font-size: 1.0em; /* OLD SIZE .8em;*/ 
	width: 80%;
	border: 1px solid #b4bedc; 
	margin: 0 auto; 
	background: inherit;
}

.degTable tr {
	border: 1px solid #E3E3E3;
}

.degTable td { 
	border-left: 1px solid #838383; 
	border-top: 1px solid #838383; 
	padding: 2px 3px;  
}

.schTable {
	font-size: .85em; /* OLD SIZE 1.0em;*/
	width: 100%; /* 90% 470px;Took Hard Coding Out of Table 12JAN09 */
	border: 1px solid #839ade;
	margin: 0 auto;
	background: #f3f5fc;
}

.schTable tr {
	border: 1px solid #839ade;
}

.schTable td {
	font-size: .85em; /* OLD SIZE .8em;*/
	color: #000080;
	background: inherit;
	border-left: 1px solid #839ade; 
	border-top: 1px solid #839ade; 
	border-right: 1px solid #839ade; 
	border-bottom: 1px solid #839ade; 
	padding: 1px 1px; 
}

.admTable {
	font-size: 1.0em; /* OLD SIZE 1.0em;*/
	width: 100%; /* 470px;*/
	border: 1px solid #839ade;
	margin: 0 auto;
	background: #f3f5fc;
}

.admTable tr {
	border: 1px solid #839ade;
}

.admTable td {
	font-size: 1.0em;  /* OLD SIZE .8em;*/
	color: #000080;
	background: inherit;
	border-left: 1px solid #839ade; 
	border-top: 1px solid #839ade; 
	border-right: 1px solid #839ade; 
	border-bottom: 1px solid #839ade; 
	padding: 1px 1px; 
}

.autoTable {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 1.1em; /* OLD SIZE .85em;*/
	text-align: center;
	border: 1px solid #FFCC33;
}

.autoTable tr {
	border: 1px solid #FFCC33;
}

.autoTableT {
	color: #000080;
	background: inherit;
	font-weight: bold;
}

.autoTable td {
	border: 1px solid #FFCC33;
}

	
/* End Specific Table Styles */


.default {
	font-size: 1.1em; /* OLD SIZE .9em;*/
	color: #000000;
	background: inherit;
	text-decoration: none;
	border-width: .10em;
	border-style: solid;
	border-color: #839ADE;
}

tr.default td { 	
	font-size: 1.1em;  /* OLD SIZE .9em;*/
	text-align: center;
	color: #000080;
	background: inherit;
	text-decoration: none; 	
	border-width: .10em; 
	border-style: solid; 
	border-color: #839ADE;
}	

.defaultGray {
	font-size: .95em; /* OLD SIZE .9em;*/
	color: #000000;
	background: inherit;
	text-decoration: none;
	border-width: .10em;
	border-style: solid;
	border-color: #E3E3E3;
}

tr.defaultGray td { 
	font-size: .95em; /* OLD SIZE .75em;*/
	text-align: center;
	color: #000080; 
	background: inherit; 
	text-decoration: none; 
	border-width: .10em; 
	border-style: solid; 
	border-color: #E3E3E3; 
}

.menuArea {
	font-size: .95em; /* OLD SIZE .75em;*/
	color: #FFFFFF;
	background-color: #29479D;
}

/* NEW LIGHT BLUE MENU BAR STYLES for WEB RESTRUCTURE */

.menuArealb {
	background-color: #92A6E2;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: .95em; /* OLD SIZE .75em;*/
}

.menuAreaGrad {
	background-image: url(../images/design/hdOJC01.jpg);
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: .95em; /* OLD SIZE .75em;*/
	background: inherit;
}

.menuEditorTable {
	border-width: 1px;
	border-style: solid;
	border-color: #839ADE;
	background-color: White;
	font-size: 1.0em; /* OLD SIZE .8em;*/
}
.menuEditorTop {
	height: 15px;
	background-color: #B7C6EC;
	color: White;
	font-size: 1.0em; /* OLD SIZE .8em;*/
}

.blueButton {
	color: #29479D;
	font-size: 1.3em; /* OLD SIZE .95em;*/
	background-color: #B7C6EC;
	border-width: .15em;
	border-color: #839ADE;
	border-style: solid;
	font-weight: 500;
	padding-left: 0em;
	margin-left: .25em;
}

.blueButtonSmall {
	font-family: Verdana, Arial, sans-serif;
	color: #29479D;
	font-size: 1.0em; /* OLD SIZE .8em;*/
	background-color: #B7C6EC;
	border-width: .15em;
	border-color: #839ADE;
	border-style: solid;
	font-weight: 500;
}

.blueInput {
 	font-size: 1.0em; /* OLD SIZE .8em;*/
 	color: #333333;
 	background-color: #F3F5FC;
 	border-color: #839ADE;
 	border-width: .20em;
 	border-style: solid;
}

.blueInputNoHeight {
	font-size: 1.0em; /* OLD SIZE .8em;*/
	color: #333333;
	background-color: #F3F5FC;
	border-color: #839ADE;
	border-width: .20em;
	border-style: solid;
}

.sportsRosterTableCell {
	font-size: 1.0em; /* OLD SIZE .8em;*/
	border-width: .05em;
	border-style: solid;
	border-color: #3E3E3D;	
}

/* STYLES FROM OLD OJC WEB SITE */
/* ************************************** */
/******* This controls the left navigation table width **********/

.leftSection {
	width: 11%;
	border-right-width: 1.0em;
	border-right-style: double;
	border-right-color: #e1e3f2;
	background: inherit;
	padding-left: 1.5em;
}

.leftSectionNB {
	background-image: url(../images/design/snOJC06.jpg);
}

.leftLink, a.leftLink {
	font-family: Arial, Helvetica, Verdana, sans-serif! important;
	font-size: .92em; /* OLD SIZE .8em;*/
	color: #000080;
	background: inherit;
	font-weight: bold;
	text-decoration: none;
 	padding-right: .85em;
}


a.leftLink:link, a.leftLink:active {
	color: #000080;
	background: inherit;
	text-decoration: none;
}


a.leftLink:hover, a.leftLink:focus {
	color: #D72C00;
	background: inherit;
	text-decoration: underline;

}
a.leftLink:visited {
	color: #5d5e87;
	background: inherit;
	text-decoration: none;
}


a.leftLink:visited:hover {
	color: #D72C00;
	background: inherit;
	text-decoration: underline;
}

#left_contact {
	float: right;
}


/******* EXTRA LEFT SECTION STYLES USED??? **********/

.lPad15 {
 padding-left: 15px;
 
}


/* Old size of text .85em */
.leftSectionText15px {
	font-size: .8em;
	font-weight: 500;
	color: #29479D;
	background: inherit;
	width: 13em;
	padding-left: 1em;
}

.leftLinkCell{
	font-size: .8em;
	background-color: #92A6E2;
	border-color: #5071D1;
	border-left-width: .8em;
	border-right-width: .8em;
	border-top-width: .8em;
	border-bottom-width: .8em;
	border-style: solid;
	width: 176em;
	height: 26em;
	vertical-align: middle;
	padding-left: 1em;
}

/******* End controls of the left navigation table **********/

/* OLD OJC DROPDOWN MENU STYLES CUT OUT */

div.menu {
	padding: 0 0 0 0;
	border: 0; margin: 0;
	width: 100%;
}

div.menu a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
}

div.menu img {
	border: 1px solid white;
	padding: 0px;
}

/* OLD OJC DROPDOWN MENU STYLES CUT OUT */

/* CAN BE REMOVED ON NEW REDESIGNED SITE */
/* ************************************** */