/* To change the highlight color, update classes .mainMenuTabSelected, .sideMenuL1Selected, and .sideMenuL2Selected */

BODY {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
}

/* PAGE MARGIN */

.pagewrapper {
	width: 100%;
	border: 1px solid #aaaaaa;
	padding: 10px;
}

.contentwrapper {
	/*height: 600px;  removed to fix IE7 problem */
	min-height: 600px;
	}

/* FOOTER STYLES */

.footerArea {
	clear: both;
	width: 99%;
	background: #003399;
	margin-bottom: 10px; margin-top: 20px;
	padding: 2px 2px 2px 5px;
}

.footerText {
	font-size: .7em;
	color: white;
	}

.footerText a:link,  .footerText a:visited {
	color: white;
	text-decoration: none;
	}

/* HEADER AREA STYLES */

/* The appearance of the top banner and right side links */

.headerArea {
	width: 100%;
	text-align: left;
	background-image: url(../Images/OMI_HeaderArea_Background.png);
	background-repeat: repeat-x;
}

.headerGraphic {
	display: block;
	width: 330px;
	height: 60px;
	text-align: left;
	background-image: url(../Images/OMI_HeaderArea_Logo.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;
	}

.headerLinks {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: .85em;
	text-align: right;
	color: #ffffff;
	}
	
.headerLinks a:link, .headerLinks a:visited  {
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	}

.headerLinks a:hover {
	color: #ffffff;
	text-decoration: none;
	}

/* THE MAIN TAB AREA AT THE TOP OF THE PAGE. SET UP FOR SECTION 508 COMPLIANCE SO
   THAT THE TABS WILL SCALE IF THE VIEWER INCREASES OR DECREASES THE FONT SIZE USING THE BROWSER. 
*/

.mainMenuTab {
	display: block;
	float: left;
	width: 100%;
	padding: 0px; 
	margin: 0px;
	margin-top: -9px;
    background-color:#0082D6;
	background-repeat: repeat-x;
}

.mainMenuTab a {
	display: block;
	float: left;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-left: 2px;
	background: url(../Images/OMI_Tab_Left_Unselected.png) #3366CC no-repeat top left;
}

.mainMenuTab a span {
	display:block;
	float: none;
	margin-top: -15px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-right: 30px;
	background: url(../Images/OMI_Tab_Right_Unselected.png) #3366CC no-repeat top right;
}

.mainMenuTab a:link,  .mainMenuTab a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .9em;
	color: white;
	text-decoration: none;
	}
	
.mainMenuTab a:hover {
	background: url(../Images/OMI_Tab_Left_Selected.png) #003399 no-repeat top left;
	color: white;
	text-decoration: none;
}

.mainMenuTab a:hover span {
	background: url(../Images/OMI_Tab_Right_Selected.png) #003399 no-repeat top right;
}

.mainMenuTab UL {
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
	
}

.mainMenuTab LI {
	padding: 0px;
	margin: 0px;
	float: left;
}

.mainMenuTabSelected {
	
}

.mainMenuTabSelected a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .9em;
	color: white;
	text-decoration: none;
	display: block;
	float: left;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin-left: 2px;
	background: url(../Images/OMI_Tab_Left_Selected.png) #003399 no-repeat top left;
}

.mainMenuTabSelected a span {
	display:block;
	float: none;
	margin-top: -15px;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-right: 30px;
	background: url(../Images/OMI_Tab_Right_Selected.png) #003399 no-repeat top right;
}

/* THE SHADOW BELOW THE TABS */

.mainMenuShadow { 
	float: left;
	height: 15px;
	width: 100%;
	background-image: url(../Images/OMI_Shadow.png);
	background-repeat:repeat-x;
	}
	
/* SIDE MENU STYLES */

.sideMenu {
	width: 220px;
	}

.sideMenuText {
	margin: 10px;
	}

/* FIRST LEVEL SIDE MENU */
	
.sideMenuL1 {
	font-size: .8em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-top: 1px solid #dddddd;
	}

.sideMenuL1 a:link, .sideMenuL1 a:active, .sideMenuL1 a:visited {
	color: #555555;
	text-decoration: none;
	}

.sideMenuL1 a:hover {
	color: #ff0000;
	text-decoration: none;
	}
	
.sideMenuL1Selected {
	font-size: .8em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-top: 1px solid #dddddd;
	}

.sideMenuL1Selected a:link, .sideMenuL1Selected a:active, .sideMenuL1Selected a:visited {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	}
	
/* SECOND LEVEL SIDE MENU */

.sideMenuL2 {
	font-size: .75em;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-top: 1px solid #dddddd;
	}

.sideMenuL2 a:link, .sideMenuL2 a:active, .sideMenuL2 a:visited {
	color: #555555;
	text-decoration: none;
	}

.sideMenuL2 a:hover {
	color: #003399;
	text-decoration: none;
	}

.sideMenuL2Selected {
	font-size: .75em;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	border-top: 1px solid #dddddd;
	}

.sideMenuL2Selected a:link, .sideMenuL2Selected a:active, .sideMenuL2Selected a:visited {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	}
	

/* HTML STYLE OVERRIDES SO THAT THE SITE IS SECTION 508 COMPLIANT IF A USER USES 
   A STANDARD SCREEN READER LIKE JAWS THAT NEEDS TO SEE THE STANDARD HTML TAGS */

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color:#003399;
	padding: 0px; 
	margin: 0px;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.7;
	color:#003399;
	padding: 0px; 
	margin: 2px;
}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.7;
	padding: 0px; 
	margin: 0px;
}

H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.7;
	padding: 0px; 
	margin: 0px;
}

#team H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.7;
	padding: 0px; 
	margin: 0px;
}

#team H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.7;
	padding: 0px; 
	margin: 0px;
}

p {
	font-size: .85em;
	line-height: 1.7;
	padding: 0px;
	margin: 0px;
}


li {
line-height: 1.7;
}



h1 a:link, h2 a:link, h3 a:link, h4 a:link {
	color:#003399;
	text-decoration: underline;
	}
	
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
	color:#003399;
	text-decoration: underline;
	}

p a:link {
	color: black;
	text-decoration: underline;
	}

p a:visited {
	color: black;
	text-decoration: underline;
	}
	
.policy {
	font-size: .75em;
	}
	
td.course {
	background: #D1E4D5;
	padding-left: 5px;
	}
		
td .general_table_cell  {
	background: #D1E4D5;
	border: solid white 1px;
	padding-left: 3px;
	}
	
td .general_table_heading_cell  {
	background: #C0DAC6;
	border: solid white 1px;
	}

td .general_table_title_cell {
	background: #90BE9A; 
	border: solid white 1px;
	}
	
td.sugar {
	background: #D1E4D5;
	padding-left: 5px;
	font-family: Arial;
	font-size: 1em;
	}
	
.studentname {
	color: #999900;
	}

.studenttest {
	color: black;
	}
	
.omTeam_employer {
	color: black;
	font-style: italic;
	font-weight: bold;
}

.omTeam_start_date {
	color: black;
}

.omTeam_job_title {
	color: black;
	font-style: italic;
}

.omTeam_degree {
	color: black;
	font-style: italic;
	font-weight: bold;
}

.omTeam_school {
	color: black;
	font-style: italic;
}

.omTeam_pubname {
	font-style: italic;
	color: black;
	}

.omTeam_pubtitle {
	color: black;
		font-style: italic;
	font-weight: bold;
	}

.omTeam_pubauthor {
	color: black;
	font-style: italic;
	}

.omBookTableCell {
    padding-top: 15px;
	padding-right: 15px;
	border-top: 1px #aaaaaa solid;
	height: 175px;
	vertical-align: top;
	}
	
/* registration side bar on course pages */
	
.omRegisterSideBar {
	margin-top: 5px;
	background: #003399;
	padding: 5px;
	}


.omRegisterSideBar h1, .omRegisterSideBar p, .omRegisterSideBar a:link, omRegisterSideBar q:visited {
	color: #ffffff;
	}

/* general bars on course pages */

.omSideBar {
	margin-top: 15px;
	background: #dddddd;
	padding: 5px;
	}

.omSideBar h1{
	font-size: 1em;
	font-weight: bold;
	}
	
.omSideBar h2{
	font-size: .9em;
	font-weight: bold;
	color:  #003399;
	}

.omSideBar p, .omSideBar a:link, .omSideBar a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	}
	
a.om_callout:link, a.om_callout:visited{
	color: #003399;
	font-weight: bold;
	}
	
/* LAYOUT STYLES SO THAT WE GET THREE COLUMNS */

#content ul {
	font-size: .85em;
	padding-top: 5px;
	padding-left: 20px;
	margin: 0px;
	list-style: square outside;
}
	
#content li {
	padding-top: 2px; 
	margin: 0px;
}

#rightColumn {
	width: 200px;
	}
	
#middleColumn {
	padding-right: 15px;
	float: left;
	}

/* HOME PAGE COLUMNS */

.indexLeft {
	border-left: 1px solid #cccccc;
	padding-left: 5px;
	padding-right: 5px;
}

.indexMiddle {
	border-left: 1px solid #cccccc;
	padding-left: 5px;
	padding-right: 5px;
}

.indexRight {
	border-left: 1px solid #cccccc;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #cccccc;

}

/* DIALOG PAGE STYLES */

body#dialog {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	}

#dialog_header {
	background: #003399;
	margin-bottom: 10px;
	padding: 2px; padding-left: 5px;
	color: white;
	font-size: 1em;
	font-weight: bold;
	width: 100%;
	height: 18px;
	}
	
#dialog_separator {
	background: #003399;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	height: 1px;
	font-size: .1em;
	}
#dialog_footer {
	background: #003399;
	padding: 2px;padding-left: 5px;padding-right: 5px;
	width: 100%;
	height: 15px;
	color: white;
	font-size: .8em;
	}