/* ########## Object Discovery Master CSS ########## */
/* ########## Alek Lisefski | Peter Just ########## */

/* ########## Universal Text / Heading / Link Styles ########## */

html, body { 
 font: normal 12px verdana; 
 color: #000; 
 line-height: 20px; 
 background-color: #fff;
 padding: 0px; 
 margin: 0px;
}

p { 
 font: normal 12px verdana; 
 margin: 0px 0px 20px 0px; 
 color: #000; 
 line-height: 20px; 
 text-align: justify;
}

/* Headings */

h1 { 
 font: bold 30px "trebuchet ms";
 color: #1c5590;
 margin: 0px 0px 18px 0px;
 letter-spacing: -1px;
 display: block;
 clear: left;
}

h2 { 
 font: bold 24px "trebuchet ms";
 color: #1c5590;
 margin: 0px 0px 18px 0px;
 letter-spacing: -1px;
 display: block;
 clear: both;
}

.publicClassSchedule h2 {
 background: url(/common/images/design/underline-dotted.gif) repeat-x;
 padding: 20px 0px 0px 0px;
 margin: 30px 0px 25px 0px ; 
 font: bold 24px "trebuchet ms";
 color: #1c5590;
 letter-spacing: -1px;
 display: block;
 clear: both;
}

h3 {
 background: url(/common/images/design/underline-dotted.gif) repeat-x;
 font: bold 16px "trebuchet ms";
 color: #333;
 padding: 20px 0px 0px 0px;
 margin: 20px 0px 0px 0px ;
 letter-spacing: 0px;
 text-transform: uppercase;
 clear: both;
}

.publicClassSchedule h3 {
 background: transparent;
 font: bold 16px "trebuchet ms";
 color: #333;
 padding: 0px;
 margin: 10px 0px 0px 0px ;
 letter-spacing: 0px;
 text-transform: uppercase;
 clear: both;
}

h4 {
 font: bold 12px verdana;
 color: #000;
 margin: 20px 0px 20px 0px ;
 clear: both;
}

/* Heading Links */

h1 a, h1 a:visited { 
 font: bold 30px "trebuchet ms";
 border-bottom: 1px solid #fff;
}

h1 a:hover { 
 font: bold 30px "trebuchet ms";
 background: #eaf1f6;
 border-bottom: 1px solid #c5d9e7;
 color: #3377ab ; 
}

h2 a, h2 a:visited { 
 letter-spacing: -1px;
 font: bold 24px "trebuchet ms";
 border-bottom: 1px solid #fff;
}

h2 a:hover {
 letter-spacing: -1px; 
 font: bold 24px "trebuchet ms";
 background: #eaf1f6;
 border-bottom: 1px solid #c5d9e7;
 color: #3377ab ;
}

h3 a, h3 a:visited {
 font: bold 16px "trebuchet ms";
 color: #3377ab;
 text-transform: uppercase;
 border-bottom: 1px solid #fff;
}

h3 a:hover {
 font: bold 16px "trebuchet ms";
 color: #fff;
 text-transform: uppercase;
 border-bottom: 1px solid #ea9611;
}

/* Link Styles */

a, a:visited { 
 display: inline; 
 font: normal 12px verdana; 
 color: #3377ab; 
 text-decoration: none; 
 margin: 0px;
 line-height: 18px;
 border-bottom: 1px solid #cde2eb;
}

a.bold, a.bold:visited { 
 font-weight: bold;
}

a:hover, a.bold:hover { 
 color: #fff; 
 background-color: #fdb745;
 text-decoration: none;
 border-bottom: 1px solid #ea9611;
}

a.image, a.image:visited, a.image:hover  {
 border: 0;
 background: transparent;
}

#bodyRight a.image:hover img {
 border: 3px solid #ddd;
}

/* ########## Structural Elements ########## */

#top { 
 position: relative; 
 width: 100%; 
 height: 199px; 
 z-index: 0; 
 text-align: center; 
 background: #fff; 
 clear: both;
}

#top .container {
 height: 199px;
 background: url(/common/images/design/bg-top.gif) repeat-x; 
}

#middle { 
 position: relative; 
 width: 100%; 
 z-index: 0; 
 text-align: center; 
 background: #fff; 
 clear: both;
}

#bottom { 
 position: relative; 
 width: 100%; 
 height: 49px; 
 z-index: 0; 
 text-align: center; 
 background: #fff; 
 clear: both;
}

#bottom .container {
 height: 40px;
 background: url(/common/images/design/bg-bottom.gif) repeat-x; 
}

.container { 
 position: relative; 
 width: 940px; 
 margin: auto; 
 z-index: 0; 
 text-align: left;
}

/* ########## Unique Elements (id) ########## */

#printHeader {
	display: none;
}

#logo { 
 position: absolute;
 top: 37px;
 left: 65px;
 height: 105px;
 width: 306px;
}

#logo a { 
 border: 0px;
}

#logo a img { 
 border: 0px;
}

#topNav { 
 position: absolute;
 top: 0px;
 left: 10px;
 height: 30px;
 width: 416px;
 background: url(/common/images/design/bg-top-curve.jpg) no-repeat; 
}

#topNav div {
 font: bold 10px arial;
 color: #6892bb; 
 display: block;
 text-align: center;
 margin-top: 3px;
}

#topNav a, #topNav a:visited { 
 font: bold 10px arial;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 0px;
 padding: 5px 10px;
 background: transparent; 
 line-height: 24px;
 border: 0px;
 margin: 0px 5px;
}

#topNav a:hover { 
 color: #fdb643;
 border-bottom: 0px;
 background: #1c5692;
}

#bannerImage {
 position: absolute;
 top: 0px;
 right: 0px;
 height: 199px;
 width: 512px;
 background: url(/common/images/design/banner-photo.jpg) no-repeat; 
}

#clear {
 height: 20px;
 clear: both;
}

/* Layout Columns */

#bodyLeft {
 float: left;
 width: 210px;
 margin: 10px 30px 0px 0px;
 padding-bottom: 20px;
}

#bodyRight {
 float: right;
 width: 700px;
 margin: 25px 0px 20px 0px;
}

#bodyRight .clear {
 clear: both;
 height: 30px;
}

/* Footer */

#bottom .container {
 padding-top: 9px;
}

#bottom .container .links {
 margin-left: 50px;
 color: #ccc;
 font: bold 10px arial;
 text-transform: uppercase;
}

#bottom .container .copyright {
 padding: 0px 0px 0px 0px;
 font: normal 11px arial; 
 color: #666;
 margin-left: 30px; 
}

#bottom .container .links a, #bottom .container .links a:visited {
 font: bold 10px arial;
 text-transform: uppercase;
 letter-spacing: 0px;
 padding: 5px 10px;
 background: transparent; 
 line-height: 24px;
 border: 0px;
 margin: 0px 5px;
}

#bottom .container .links a:hover {
 color: #fff; 
 background: url(/common/images/design/sidenav-top.jpg) no-repeat left -33px;
}

/* Main Nav Bar */

#mainNav { 
 z-index: 2;
 position: absolute;
 top: 146px;
 left: 30px;
 height: 33px;
 overflow: hidden;
}

#mainNav a, #mainNav a:visited { 
 font: bold 11px arial;
 color: #000;
 background: url(/common/images/design/navbar-bg.gif) no-repeat -15px 1px;
 padding: 11px 20px 9px 20px;
 border: 0px;
 border-right: 1px solid #cccccc;
 line-height: 33px;
}

#mainNav a.left, #mainNav a.left:visited { 
 background: url(/common/images/design/navbar-bg.gif) no-repeat 0px 1px;
 padding-left: 21px;
}

#mainNav a.right, #mainNav a.right:visited { 
 background: url(/common/images/design/navbar-bg.gif) no-repeat right 1px;
 border: 0px;
 padding-right: 21px;
}

#mainNav a:hover { 
 color: #fff;
 background: url(/common/images/design/navbar-bg.gif) no-repeat -15px -32px;
 border: 0px;
 border-right: 1px solid #cccccc;
}

#mainNav a.left:hover { 
 background: url(/common/images/design/navbar-bg.gif) no-repeat 0px -32px;
}

#mainNav a.right:hover { 
 background: url(/common/images/design/navbar-bg.gif) no-repeat right -32px;
 border: 0px;
}

/* Breadcrumbs */

#breadcrumbs {
 width: 910px;
 float: right;
 margin: 15px 0px -10px 30px;
 background: transparent;
 font: normal 11px arial;
 color: #333;
}

#breadcrumbs span {
 font: normal 11px arial;
 color: #333;
}

#breadcrumbs a, #breadcrumbs a:visited {
 font: normal 11px arial;
 border: 0px;
}

/* Sub Nav Bar */

#subnav { 
 background-color: #f1f1f1;
 border-top: 1px solid #d7d7d7;
 font: normal 11px arial;
 line-height: 30px;
 color: #333;
 margin: 1px 0px 15px 0px;
}

#subnav a, #subnav a:visited {
 background: #f1f1f1; 
 padding: 8px 15px 8px 15px;
 font: bold 11px arial;
 border: 0px;
 line-height: 30px;
 color: #333;
 margin-top: -1px;
 border-top: 1px solid #d7d7d7;
}

#subnav a:hover {
 background: #fdb643; 
 color: #fff;
 border-top: 1px solid #f39a16;
}

/* ########## Side Bar Navigation ########## */

#bodyLeft div.heading {
 display: block;
 height: 14px;
 margin: 15px 0px 3px 0px;
 padding: 9px 20px 9px 30px;
 font: bold 11px arial;
 color: #fff;
 background: url(/common/images/design/sidenav-top.jpg) no-repeat right 0px;
}

#bodyLeft div.headingClosed {
 display: block;
 height: 14px;
 margin: 15px 0px 3px 0px;
 padding: 9px 20px 9px 30px;
 font: bold 11px arial;
 background: url(/common/images/design/sidenav-top-inactive.gif) no-repeat right 0px;
}

#bodyLeft div.heading a, #bodyLeft div.heading a:visited, 
#bodyLeft div.headingClosed a, #bodyLeft div.headingClosed a:visited {
 font: bold 11px arial;
 color: #fff;
 border-bottom: 0;
 background: transparent;
}

#bodyLeft div.heading a:hover, #bodyLeft div.headingClosed a:hover {
 font: bold 11px arial;
 color: #fff;
 border-bottom: 1px solid #6892bb;
 background: transparent;
}

#bodyLeft .linkBox {
 line-height: 24px;
 display: block;
 margin-top: 0px;
 padding: 9px 20px 8px 30px;
 font: normal 11px arial;
 color: #333;
 background: url(/common/images/design/sidenav-section.jpg) no-repeat left top;
}

#bodyLeft .linkBox a, #bodyLeft .linkBox a:visited {
 display: block;
 background: url(/common/images/design/bullet-blue.gif) no-repeat 10px 9px; 
 padding: 0px 0px 0px 22px;
 font: normal 11px arial;
 line-height: 24px;
 border: 0px;
 color: #333;
 margin-left: -10px;
}

#bodyLeft .linkBox a.heading, #bodyLeft .linkBox a.heading:visited {
 display: block;
 padding: 0px 10px;
 background: url(/common/images/design/sidenav-top.jpg) no-repeat 1000px -33px;
 font: bold 11px arial;
 line-height: 24px;
 border-bottom: 0px;
 color: #000;
 margin: 0px 0px 0px -10px;
}

#bodyLeft .linkBox a.subnav, #bodyLeft .linkBox a.subnav:visited {
 display: block;
 background: url(/common/images/design/bullet-dash.gif) no-repeat 25px 11px; 
 padding: 0px 0px 0px 33px;
 font: normal 11px arial;
 line-height: 24px;
 border: 0px;
 color: #333;
 margin-left: -10px;
}

#bodyLeft .linkBox a.subnav:hover {
 background: #fff url(/common/images/design/bullet-dash.gif) no-repeat 25px 11px; 
 border: 0px;
 color: #3377ab;
}

#bodyLeft .linkBox a:hover, #bodyLeft .linkBox a.heading:hover {
 background: #fff url(/common/images/design/bullet-blue.gif) no-repeat 10px 9px; 
 border: 0px;
 color: #3377ab;
}

#bodyLeft .linkBox a.heading:hover {
 background: #fff url(/common/images/design/bullet-blue.gif) no-repeat 1000px 9px; 
}


/* ########## Styles (class) ########## */

.subhead {
 background-color: #f1f1f1;
 border-bottom: 1px solid #d7d7d7;
 font: bold 12px verdana;
 padding: 5px 10px;
 color: #333;
}

.clear {
 clear: both;
 height: 30px;
}

.hide {
 display: none;
}

.show {
 display: block;
}

.blue {
 color: #1c5590;
 }
 
.facultybio {
 background: url(/common/images/design/underline-dotted.gif) repeat-x top;
 padding: 20px 0px 0px 0px;
 margin: 20px 0px 0px 0px ;
}

.testimonial {
 background: #f6f6f6 url(/common/images/design/underline-dotted.gif) repeat-x top;
 padding: 18px 20px;
}

.testimonialName {
 font: normal 11px arial;
 line-height: 18px;
 padding: 10px 20px 0px 20px;
 margin-bottom: 20px;
}

#bodyRight div.column {
	float: left;
	width: 200px;
	margin-right: 30px;
}

#bodyRight div.column div.group {
	margin-bottom: 30px;
}

#bodyRight div.column h3 {
 background: transparent;
 padding: 0px;
 margin: 0px ;
}


/* Image Styles and Placement */

#bodyRight img {
 border: 3px solid #f1f1f1;
}

#bodyRight img.left, #bodyRight .facultybio img {
 float: left;
 margin: 0px 15px 10px 0px;
}

#bodyRight img.right {
 float: right;
 margin: 0px 0px 10px 15px;
}

#bodyRight .videoContent {
 clear: both;
 margin: 0px 0px 0px 0px;
}

#bodyRight .videoContent p {
 margin: 20px 0px 0px 0px;
}

img.left, #bodyRight .videoContent .left {
 float: left;
 margin: 0px 20px 0px 0px;
}

div.figureRight {
 float: right;
 margin: 0px 0px 10px 20px;
 text-align: center;
}

div.figureCenter {
 display: block;
 margin: 0px 0px 20px 0px;
 text-align: center;
}

div.figureRight p, div.figureCenter p {
 margin: 10px 0px 0px 0px;
 text-align: center;
 font-size: 11px;
}

/* Homepage Box / Video Content */

.homeBox {
 width: 174px;
 float: left;
}

.homeBox .heading a, .homeBox .heading a:visited {
 display: block;
 width: 142px;
 margin: 0px 0px 3px 0px;
 padding: 9px 15px 9px 15px;
 font: bold 11px arial;
 color: #fff;
 background: url(/common/images/design/sidenav-top.jpg) no-repeat left 0px;
 border: 0px;
 border-right: 1px solid #1f5583;
 border-left: 1px solid #5181ae;
}

.homeBox .heading a.right, .homeBox .heading a.right:visited {
 background: url(/common/images/design/sidenav-top.jpg) no-repeat right 0px;
 border: 0px;
 border-left: 1px solid #5181ae;
}

.homeBox .heading a:hover, .homeBox .heading a.right:hover {
 background: url(/common/images/design/sidenav-top.jpg) no-repeat left -32px;
 border-right: 1px solid #e99510;
 border-left: 1px solid #fdb643;
}

.homeBox .heading a.right:hover {
 background: url(/common/images/design/sidenav-top.jpg) no-repeat right -32px;
 border-right: 0px;
}

.homeBox .content {
 display: block;
 padding: 9px 15px 0px 15px;
 font: normal 11px arial;
 color: #333;
 background: url(/common/images/design/sidenav-section.jpg) no-repeat left top;
 line-height: 18px;
}

.homeBox .button {
 margin-top: 10px;
 display: block;
 text-align: right;
}

.homeBox .button a, .homeBox .button a:visited {
 line-height: 16px;
 padding: 1px 4px 1px 4px;
 font: normal 11px arial;
 color: #fff;
 background: url(/common/images/design/button-bg.gif) repeat-x left top;
 border: 0px;
}

.homeBox .button a:hover {
 background: url(/common/images/design/button-bg.gif) repeat-x left -16px;
}

.homeBox .button a img {
 border: 0px;
 margin: 0px 0px 0px 0px;
}


/* ########## Lists ########## */

ul { 
 margin: 18px 0px 20px 20px; 
 padding: 0px 0px 0px 0px; 
 letter-spacing: 0px; 
 list-style-type: none;
}

ul.siteMap { 
 margin: 0px 0px 30px 0px; 
 padding: 0px 0px 0px 0px; 
 letter-spacing: 0px; 
 list-style-type: none;
}

li { 
 background: url(/common/images/design/bullet-blue.gif) no-repeat 0px 7px; 
 padding: 0px 0px 0px 12px;
 font: normal 12px verdana; 
 line-height: 20px;
}

#bodyRight li { 
 background: url(/common/images/design/bullet-square.gif) no-repeat 0px 7px ; 
 padding: 0px 0px 0px 14px ;
 font: normal 12px verdana ; 
 line-height: 20px ;
}

#bodyRight ol li { 
 background: transparent; 
 padding: 0px 0px 0px 0px ;
 font: normal 12px verdana ; 
 line-height: 20px ;
 margin-bottom: 20px;
}

#bodyRight table tr td ul {
 margin: 0px 0px 2px 0px;
}

#bodyRight table tr td ul li {
 background: url(/common/images/design/bullet-square.gif) no-repeat 0px 5px ;
 padding-left: 14px; 
 font: normal 11px verdana ;
 line-height: 18px ;
 margin-top: 0px;
}

#bodyRight table tr td ul li a, #bodyRight table tr td ul li a:visited{
	font: normal 11px verdana ;
}

#bodyRight table tr td ul li ul {
 margin: 0px 0px 2px 0px;
}

#bodyRight table tr td ul li li {
 background: url(/common/images/design/bullet-dash.gif) no-repeat 8px 7px ;
 padding-left: 16px; 
 font: normal 11px verdana ;
 line-height: 18px ;
 margin-top: 0px;
}
#bodyRight div.chapters ul li a, #bodyRight div.chapters ul li a:visited, #bodyRight div.chapters ul li a:hover {
	 font-weight: bold;
}

#bodyRight div.chapters ul li ul {
 margin: 0px 0px 20px 0px;
}

#bodyRight div.chapters ul li li {
 background: url(/common/images/design/bullet-dash.gif) no-repeat 8px 8px ;
 padding-left: 16px; 
 font: normal 11px verdana ;
 line-height: 18px ;
 margin-top: 0px;	
}

#bodyRight div.chapters ul li li a, #bodyRight div.chapters ul li li a:visited, #bodyRight div.chapters ul li li a:hover {
	 font: normal 11px verdana ;
}

/* ########## Tables ########## */

table {
 width: 100%;
 border: 0px;
 margin: 25px 0px 20px 0px;
 padding: 0px;
 border: 1px solid #bbb;
}

.publicClassSchedule table {
 margin: 15px 0px 20px 0px;
}

table tr {
 margin: 0px;
 padding: 0px;
}

table td, table th {
 padding: 8px 10px;
 background-color: #fff;
 vertical-align: top;
 border-left: 1px solid #bbb;
 border-top: 1px solid #dfdfdf;
 font-size: 11px;
 line-height: 18px;
}

table th {
 font: bold 12px verdana;
 color: #000;
  border-top: 0;
}

table td, table td p {
 font-size: 11px;
 line-height: 18px;
}

table th.leftColumn {
 border: 0;
}

table td.leftColumn {
 border-left: 0;
}

table th a, table th a:visited, table td a, table td a:visited {
 font: normal 11px verdana;
 color: #3377ab;
 border-bottom: 1px solid #fff;
 letter-spacing: 0px;
}


table tr.gray td, table tr.gray th {
 background-color: #f6f6f6;
}

table td h3 {
 background: transparent;
 padding: 0px;
 margin: 0px ;
}

table.large td {
	padding: 16px 20px;
	font: normal 12px verdana ;
	line-height: 20px;
}

table.large th {
	padding: 8px 20px;
	font: bold 12px verdana ;
	line-height: 20px;
}

table.large td, table.large td p, table.large td a, table.large td a:visited, #bodyRight table.karge tr td ul li a, #bodyRight table.large tr td ul li a:visited {
	font: normal 12px verdana ;
	line-height: 20px;
}

table.courseOutline td, table.courseOutline th {
 width: 45%;
}

table.courseOutline td.leftColumn, table.courseOutline th.leftColumn {
 width: 5%;
}

table.courseOutline td.rightColumn, table.courseOutline th.rightColumn {
 width: 50%;
}

table.comparison td.rightColumn, table.comparison th.rightColumn {
 width: 7%; 
}

table.comparison td, table.comparison th {
 text-align: center;
 vertical-align: middle;
}

table.comparison td.leftColumn, table.comparison th.leftColumn {
 text-align: left;
 vertical-align: top;
}

table.publicSchedule td, table.publicSchedule th {
 padding: 8px 10px;
 width: 25%; 
}

table.threeCol td, table.threeCol th {
 width: 55%;
}

table.threeCol td.leftColumn, table.threeCol th.leftColumn {
 width: 30%;
}

table.threeCol td.rightColumn, table.threeCol th.rightColumn {
 width: 15%;
}

table.twoCol td, table.twoCol th {
 width: 85%;
}

table.twoCol td.rightColumn, table.twoCol th.rightColumn {
 width: 15%;
}

table.noBorder, table.noBorder tr th, table.noBorder tr td, table.contactForm, table.contactFormtr th, table.contactForm tr td {
	border: 0;
	margin: 0;
}

table.noBorder, table.noBorder tr th, table.noBorder tr td {
	border: 0;
	padding: 0px 30px 0px 0px;
}

table.contactForm {
	border: 1px solid #bbb;
}

table.contactForm tr th, table.contactForm tr td  {
	padding: 8px 10px;
}


table.contactForm tr td table  {
	margin: 0px ;
	border: 0;
}

table.contactForm tr td table tr th, table.contactForm tr td table tr td  {
	padding: 0px;
}

table.fiveCol td, table.fiveCol th {
 width: 18%;
}

table.fiveCol td.leftColumn, table.fiveCol th.leftColumn {
 width: 28%;
}

table.compareFiveCol td, table.compareFiveCol th {
 width: 9%;
 text-align: center;
 vertical-align: middle;
}

table.compareFiveCol td.leftColumn, table.compareFiveCol th.leftColumn {
 width: 64%;
 text-align: left;
 vertical-align: top;
}


/* ########## Forms ########## */

.formField {
 clear: left;
 margin: 0px 0px 10px 0px;
 background: #f1f1f1;
 border: 0;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 padding: 2px 5px;
}

table .formField {
 clear: left;
 margin: 0px 0px 0px 0px;
 background: #f1f1f1;
 border: 0;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 padding: 2px 5px;
}

.formLabel {
 display: block;
 clear: left;
 font-weight: bold;
 margin: 0px 0px 3px 0px;
}