@charset "utf-8";
/* CSS Document */

/* COLORS-------------------------------- */
/* Dark blue: 	#00426a					  */
/* Orange: 		#ca7025					  */
/* -------------------------------------- */


/* -------------------------GLOBAL SETTINGS-------------------------- */

* { margin:0; padding:0; }

body { 
	background-color:#9ea8ae;
	overflow-y:scroll;
}

img { border:none; }
table { border-collapse:collapse; }

p, li, th, td { font-family:Arial, Helvetica, sans-serif; }
h1 p { font-family:"Lucida Sans Unicode",Arial, Helvetica, sans-serif; letter-spacing:-0.25px; }

.clear { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }

.boldorange { font-weight:bold; color:#ca7025; }
.orangehead { font-size:16px; color:#ca7025; text-decoration:none; }
.tiny { font-size:11px; color:#00426a; }


/* ---------------PAGE STRUCTURE AND COMMON ELEMENTS----------------- */

/* Header----------------------------------------- */
#header {
	position:absolute;
	top:0%;
	left:50%;
	margin:0 0 0 -400px;
	height:108px;
	width:800px;
	background-color:#00426a;
	z-index:6;
	}
		#logo {
			float:left;
			margin:10px 0 0 14px;
		}
		#topnav {
			float:right;
			margin:30px 14px 0 0;
		}
		#search {
			display:block;
			float:left;
			width:400px;
			height:22px;
			margin:10px 0 0 27px;
		}
		#login {
			float:right;
			margin:15px 24px 0 0;
}

#wrapper {
	position:absolute;
	top:0%;
	left:50%;
	margin:0 0 0 -410px;
	width:820px;
	background-image:url(../images/new/shadowbkgn.png);
	background-repeat:repeat-y;
}  

#container {		/* Keep content and footer moving together */
	position:relative;
	top:0%;
	left:50%;
	margin:108px 0 0 -400px;
	width:800px;
}   

/* Page content divs */
#content {   		/* White page content container */
	position:relative;
	width:800px;
	min-height:200px;
	padding-bottom:5px;
	background-color:#fff;
	}
	#quicklinks {
		float:left;
		margin:0 0 0 27px;
		padding:7px 0 0;
		width:450px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#00426a;
	}
		#quicklinks a:link { color:#00426a; }
		#quicklinks a:visited { color:#00426a; }
		#quicklinks a:hover { color:#999; }
		#quicklinks a:active { color:#00426a; }

	.video #chat { margin-top:-8px; }

	.video #description { padding-top:2px; }

	#addthis { 
		float:left;
		width:450px;
		margin:20px 0 0 26px;
	}
	
	#blog {
		float:right;
		margin:0 50px 0 0;
		padding:8px 0 0;
		width:200px;
	}
		#blog a:link { color:#00426a; text-decoration:none; }
		#blog a:visited { color:#00426a; text-decoration:none; }
		#blog a:hover { color:#00426a; text-decoration:none; }
		#blog a:active { color:#00426a; text-decoration:none; }
		#blog p { font-size:10px; }
		#blog h2 a { font-family: "Lucida Sans Unicode",Arial,Helvetica,Sans-Serif; font-size:17px; }

	.consulting #blog { margin:0 20px 0 0; padding:20px 0 0; width:275px; }

	#featuredevents {
		display:block;
		width:768px;
		margin:0 0 0 16px;
		padding:16px 0 12px 0;
		line-height:1.4em;
		font-size:11px;
	}

	#promo {
		display:block;
		width:400px;
		margin:0 0 0 50px;
		padding:8px 0 0;
		line-height:1.4em;
	}
	.video #promo { width:550px; padding-top:12px; }
	.bestofplsql #promo { width:700px; padding-top:12px; line-height:1.4em; }
	.bestofplsql #promo a { color:#00426a; }

	#tabwrapper {
		position:relative;
		display:block;
		margin:18px 0 0 50px;
		width:700px;
}

/* Footer divs */
#footer {
	position:relative;
	margin:0;
	padding:10px 0 0;
	width:800px;
	height:50px;
	background-color:#00426a;
	}
	#bottomnav {
		float:left;
		margin:2px 0 0 50px;
	}
	#footer ul {
	list-style-type:none;
	list-style-image:none;
	}
	#footer li {
		display:inline;
	}
	#bottomnav li {
		margin:0 28px 0 0;
}
	#sitemap {
		float:right;
		margin:2px 57px 0 0;
}

/* Bottom shadow */
#bottom {
	width:820px;
	height:20px;
	display:block;
	margin:0;
	padding:0;
}

#bottom img {
	display:block;
	margin:0;
	padding:0;
}

/* --------------Typography------------- */

#search { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
select, input { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#login { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
#bottomnav { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
#sitemap { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; }
#phone { font-family:Arial, Helvetica, sans-serif; font-size:15px; }


/* ----------------Links----------------- */

/* White header and footer links */
#login a:link { color:#fff; text-decoration:none; }
#login a:visited { color:#fff; text-decoration:none; }
#login a:hover { color:#ccc; text-decoration:none; }
#login a:active { color:#fff; text-decoration:none; }

#footer a:link { color:#fff; text-decoration:none; }
#footer a:visited { color:#fff; text-decoration:none; }
#footer a:hover { color:#ccc; text-decoration:none; }
#footer a:active { color:#fff; text-decoration:none; }

.main #course-content p a { color:#000; text-decoration:underline; }

/* Small informational links */
.tip { display:inline-block; padding-left:5px; } 
.tip a:link { font-size:10px; color:#00426a; text-decoration:none; cursor:help; }
.tip a:visited { font-size:10px; color:#999; text-decoration:none; cursor:help; }
.tip a:hover { font-size:10px; color:blue; text-decoration:none; cursor:help; }
.tip a:active { font-size:10px; color:#999; text-decoration:none; cursor:help; }

/* -----------Main (Top) Nav-------------- */

#nav * {
	font-family: arial, helvetica, serif;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin:1px 0 0;
	list-style: none;
	line-height: 1;
}

#nav li#first { width: 80px; height:26px; border:none; }
#nav li#first a.first { width:70px; padding:6px 0 6px 6px; margin-right:2px; font-size:14px; color:#fff; border:1px solid #ccc; background-image:url(/navigation/main/header1.gif); background-repeat:repeat-x; }
#nav li#first a.first:hover { width:70px; padding:6px 0 6px 6px; margin-right:2px; font-size:14px; color:#fff; background-image:url(/navigation/main/header_over1.gif); background-repeat:repeat-x; } 

#nav a, #nav li a, #nav li ul li a {
	font-size:11px;
	display: block;
	width: 126px;
	text-decoration:none;
}
#nav li ul li a { padding:4px 0 4px 4px; }

#nav li { /* all list items */
	float: left;
	width: 130px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 132px;
	margin-top:0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li { border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999; margin-right:0; }
#nav li ul li:first-child, #nav li ul ul li:first-child { border:1px solid #999; margin-right:0; }
#nav li ul li a { color:#000; }
#nav li ul li a:hover { background-color:#d2e2eb; }

#nav li ul ul { /* third-and-above-level lists */
	margin: -20px 0 0 130px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* ---------------Search------------------ */

#search form {
	border:none;
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	}
	#search fieldset {
		border:none;
		}
		table.searchform { 
			display:block;
			width:333px;
			height:22px;
		}
		.searchform td { height:22px; text-align:left; vertical-align:middle; margin:0; padding:0 4px 0 0; }
		td#label { width:50px; }
		td#label p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#fff;
			margin:0;
			padding:0;
		}
		.searchform select,
		.searchform input.searchtext {
			border:1px solid #dcf1fc;
		}
		#searchselect {
			width:101px;
		}
		.searchform select {
			width:95px;
		}
		#searchinput {
			width:211px;
		}
		.searchform input.searchtext {
			padding:1px 0;
			width:205px;
		}
		#findit { 
			width:60px;
			padding-top:2px;
		}
		.searchbttn { 
			margin:0;
			padding:0;
}
