/* Main 
------------------------------------------- */

html {
	padding:0;
	min-height:100%;
}

body {
	margin: 0;
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align:center;
	color #333;
	background-color:#999999;
	background-image: url("../images/layout/bodybg.jpg");
	background-repeat:repeat-x;
}

div {
	font-size:1em; 
}

p, li, dt, dd, label ol {
	font-size:80%;
	line-height:135%;
}

p, ul, ol {
	margin-top:7px;
	margin-bottom:11px
}

a:link, a:visited {
	color:#0070B2;
	text-decoration:underline;
}

a:hover {
	color:#666666;
	text-decoration:none;
}

a:focus {
	outline:0;
}

h1, h2, h3, h4, h5, h6 {
	color:#0070B2;
}

h1 {
	margin-bottom: 0.2em;
	margin-top: 0.8em;
	/* color:#0081BA;  */
	color:#0070B2; 
	font-size: 120%;
	line-height: 1.15em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
}

h2 {
	margin-bottom: 0.5em;
	margin-top: 0.8em;
	color:#333333;
	font-size: 110%;
	line-height: 0.97em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: none;
}

h3 {
	margin-bottom: 0.5em;
	margin-top: 1em;
	color:#0081BA;
	font-size: 105%;
	line-height: 0.8em;
	font-weight: bold;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border:0pt none;
	background-color: white
}


/* Wrappers 
------------------------------------------- */
#wrap {
	max-width: 92%;
	min-width: 760px;
	padding-left: 5px;
	text-align: left;
	width: 92%;
	background-image: url("../images/layout/wrapleft.png");
	background-repeat:repeat-y;
	background-position: 0 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: auto;
	
}
 
#wrap-inner {
	padding-right: 5px;
	background-image: url("../images/layout/wrapright.png");
	background-repeat: repeat-y;
	background-position: 100% 0;
	background-color: white;
	
}

#container {
	margin: 0;
	padding: 0;
	background-image: url("../images/layout/teaserbar1.png");
	background-repeat: repeat-y
	
}

* html #container{
	height:1%; /* So IE plays nice */
}

/* Side Bar 
------------------------------------------- */
#sidebar {
	float: left;
	width: 216px;
	display:inline; /* So IE plays nice */
	background-position: 100% 0;
	background-repeat: repeat-y;
	
}

/* Side Navigation 
------------------------------------------- */
#sidenav {
	width: 215px;
	padding-left: 0;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	
}

#sidenav li {
	list-style: none;
	padding: 2px 1px 2px 1px;
	margin: 0;
}

#sidenav li a {
	text-decoration:none;
	padding-left:18px;
	padding-top:1px;
	border-bottom: 1px solid #cacaca;
	display:block;
	font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;
	color:#363636;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("../images/navigation/std.png")
	
}

#sidenav a:hover {
	text-decoration:none;
	padding-left:18px;
	padding-top:1px;
	display:block;
	font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;
	color:#0081BF;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("../images/navigation/over.png")
}

#sidenav li#current a {
	color: #0081BF;
	text-decoration:none;
	padding-left:18px;
	padding-top:1px;
	display:block;
	font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("../images/navigation/over.png")
	
}



#sidenav li#current_main_inner a {
	color: #0081BF;
	text-decoration:none;
	padding-left:18px;
	padding-top:1px;
	display:block;
	font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("../images/navigation/over.png")
	
}

#sidenav li#group {
	color: #335599;
	font:bold 12px/24px Arial, Tahoma, Verdana, sans-serif;
	
} 

#sidenav .navbox2 a {
	font-size: 94%;
	color: #4387D2;
	text-decoration: none;
	padding: 4px 1px 4px 3px;
}

#sidenav .currentnavbox2 a {
	color: #000;
	text-decoration: none;
	padding: 4px 1px 4px 3px;
	font-size: 94%;
	font-weight: bold;
}

#sidenav .currentnavbox2 a:hover {
	color: #4387D2;
}

#sidenav .navbox2 a:hover {
	color: #000;
	border-color: #000;
}

 #sidenav li ul {
	padding-left:3px;
	margin-left: 8px;
}

#sidenav li ul li a {
	text-decoration:none;
	padding-left:13px;
	padding-top:1px;
	border-bottom: none;
	display:block;
	font:11px/20px Arial, Tahoma, Verdana, sans-serif;
	color:#363636;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("../images/navigation/in_std.png")
}

#sidenav li ul li#current a {
	color: #0081BF;
	text-decoration:none;
	padding-left:13px;
	padding-top:1px;
	display:block;
	font:11px/20px Arial, Tahoma, Verdana, sans-serif;
	border-bottom: none;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("../images/navigation/in_hov.png")
}

#sidenav li ul li a:hover {
	text-decoration:none;
	padding-left:13px;
	padding-top:1px;
	background: url("../images/navigation/in_hov.png") no-repeat left center;
	border-bottom: none;
	display:block;
	font:11px/20px Arial, Tahoma, Verdana, sans-serif;
	color:#0081BF;
}

#empty {
	border-bottom: 1px solid #cacaca;;
	margin-bottom: 0px;
	margin-top: 0px;
	font:bold 1px/1px Arial, Tahoma, Verdana, sans-serif;
}

/* Header 
------------------------------------------- */
#headercontainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin: 0px;;
	background-color: white
	
}

#header {
	height:110px;
	width: 100%;/*inner element*/
	margin: 0px;
	padding: 0px;
	margin:0 auto;
	background-image: url("../images/layout/headerbg.png");
	background-repeat: repeat-x;
}


#header .ibmlogo {
	position: absolute;
	top: 34px;
	right: 7%
}	

#header .ibmtrainlogo {
	position: absolute;
	top: 29px;
	right: 7%
}

/* Footer 
------------------------------------------- */

#footer {
	font-size:70%;
	line-height: 150%;
	clear:both;
	width:100%;
	background-color: #181818;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #0081BF;
	color: white;
	margin: 0px;
	height:41px;
	background-image: url("../images/layout/bottombar.png");
	background-repeat: repeat-x;
	background-position: center bottom;
}

#footer a {
	font-size:88%;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	font-weight: bold;
}
	

/* Content 
------------------------------------------- */
#content {
	margin: 0;
	padding-bottom: 30px;
	margin-left: 225px;
	padding-left: 15px;
	padding-right: 20px;  
	background-color: white;
	padding-top: 0px;
}

	
/* Clearing 
------------------------------------------- */	

#header:after,
#container:after,
#nav:after,
#nav li:after{
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

/*Main Navigation 
------------------------------------------- */

#navcontainer {
	height: 60px;
	padding: 0px 0px 0px 15px;
	overflow: hidden;
	position:relative;
	background-repeat: repeat-x;
	background-image: url("../images/mainnav/menubg2.png")
	
}

#navbar {
	margin: 0;
	padding: 0;
	position: relative;
	height: 60px;
	padding-left: 2px;
	background-position:
	/* font: normal 12px Arial, Helvetica, sans-serif; */ 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/mainnav/menubar.png")
}

#navbar ul {
	margin: 0;
	padding: 0;
	float: left;
}

#navbar li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	background: url("../images/mainnav/menubar.png") 100% 0 no-repeat;
}

#navbar li li {
	background:none;
}

#navbar li.mainlevel_current {


}

#navbar a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}

#navbar a:hover {
color: #ccc;

}
#navbar ul#mainlevel li a:hover {
	color:#fff;
	background-color: #000;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url("../images/mainnav/navbar_over.png")
}

#navbar ul#mainlevel ul li a:hover {
	background:none;
	color:#0081BF;
}


#navbar li ul a:hover,
#navbar li.mainlevel_current ul a:hover {
	color: #000;
}

#navbar li:hover ul, #navbar li.sfhover ul {
	display: block;
	z-index: 6000;
}

#navbar li a {
	display: block;
	float: left;
	padding: 0 15px;
	height: 33px;
	line-height: 33px;
}

#navbar li:hover a, 
#navbar li.over a {
}


#bottom {
	height: 5px;
}

/*Breadcrumb styles 
------------------------------------------- */
#breadcrumb {
	font-size:75%;
	line-height: 150%;
	height: 23px;
	color: #fff;
	float: left;
	left: 0.2%; 
	position: absolute;
	top: 34px;
	margin-bottom: 0px;
	
}

#breadcrumb a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	font-weight: bold;
}

#breadcrumb a:hover {
	color: #0081BF;
	text-decoration: none;
	border-bottom: 1px dotted #0081BF;
	font-weight: bold;
}

/*Printer Icon styles 
------------------------------------------- */
#printer {
	margin-top: 0;
	padding-bottom: 15px;
	font-size: 80%
}

#printer a {
	border: none;
}

/*Page Options styles 
------------------------------------------- */
 
#pageoptions {
	width: 22%;
	float: right;
	text-align: left;
	padding:5px;
	color:#323232; 
	margin:3px; 
}

#pageoptions a:link {
	text-decoration:none;
}

/*Course Disclaimer styles 
------------------------------------------- */
#course_disclaimer {
	font-size: 90%;
	font-weight: bolder;
}

#course_disclaimer strong {
	font-size: 114%;
}
/*Course specific styles 
------------------------------------------- */
.subtitle {
	font-weight: bold;
	margin: 0;
	padding-left: 4px;
}



/*Home page table styles
---------------------------------------------- */
#hometable td {
	width: 50%;
	padding: 3px;
	background: #fff;
	vertical-align: top;
	text-align: left;
	font-size: 80%
	
}

#hometable #middle {
	width: 0;
	border-left-color: #B9B9E9;
	border-left-style: solid;
	border-left-width: 1px;
}

#hometable td img {
	padding-right: 7px;
}


#hometable tbody tr td a {
	color:#0081BF;
	text-decoration:underline;
	border-bottom: none;
}


#hometable tbody tr td a:hover {
	color: #3399cc;
	text-decoration:underline;
	border-bottom: none;
}

#hometable p {
	color: #335599;
	font-size: 95%
	
}

.services {
	height: 100px;
}

.services p {
	padding: 0;
	margin: 0;
}

.pagetop {
	font-size: 78%;
	line-height: 120%;
	text-decoration: none;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 11px
}

.floatimage {
	float: left;
	padding: 0 10px 3px 0;
}

.floatimage_right {
	float: right;
	padding: 0 10px 3px 0;
}

.catalogue {
	font-size: 91%;
}

/*Curriculum Styles
---------------------------------------------- */
#relatedcourses {
	padding:5px;
	color:#323232;
	font-size:100%;
	width: 90%;;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 3px
}

#relatedcourses h2 {
	margin-top: 2em;
	color:#0070B2; 
}

#relatedcourses ul{
	list-style-type: square;
	color:#006EB0;;
	margin-bottom: 1px;
	margin-top: 1px
	
}

#relatedcourses ul li a{
	color:#006EB0;
	text-decoration:none;
	
}

#relatedcourses ul li a:hover{
	color:#006EB0;
	text-decoration:underline;
}
/* Details on printed material, hidden on web page
--------------------------------------------*/
#address {
	display:none;
}

#printlogo {
	display:none;
}

/* SETTI
--------------------------------------------*/

#setti h1 {

}

#setti #settilogo {
	background-image: url("../images/layout/teaserbar.png");
	background-repeat: repeat-x;
	background-position: bottom;
	height: 192px;
}

/* Inner Right hand side menu bar
--------------------------------------------*/

#innerright{
	float: right;
	width: 240px;
	margin: 15px 0px 10px 20px;
	padding: 0px 0px 3px 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
		
}

#innerright ul{
	list-style-type: square;
	color:#0070B2;
	
}

#innerright ul li a{
	color:#0070B2;
	text-decoration:underline;
	
}

#innerright ul li a:hover{
	color:#0070B2;
	text-decoration:none;
	
}

.info {
	font-size: 70%;
}



/* Schedule Table
--------------------------------------------------------------------------------------*/

.schedule {
	border: 1px solid #ddd;
	margin: 10px -1px;
	overflow: auto; 
	width: 100%;
	line-height: 1.6em;
}
.schedule table {
	border: 4px solid #fff;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	margin-bottom: 13px;
	padding: 0;
	width: 100%;
}

.schedule table caption {
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	margin-left: 5px;
	text-indent: 3px
}

.schedule #title {
	text-align: left;
	
	
}

.schedule #desc {
	text-align: left;
	
}

.schedule td,
.schedule th {
/*	border-bottom: 1px solid #000; */
	line-height: 1.5em;
	padding: 2px;
	white-space: nowrap;
}
.schedule th,
.schedule td {
	background: #fff;
	border-color: #eee;
	
}
.schedule th {
	background: #f4f4f4;
	border-color: #ddd;
	color: #333;
	font-weight: bold;
	font-size: 78%;
	text-align: center;
}

.schedule td {
	font-size: 78%;
	text-align: center;
	/*border-bottom: 1px solid #eee; */
}

.schedule .alt th {
	background: #e5e5e5;
}
.schedule .alt td {
	background: #fafafa url("../images/schedule/tb03.gif") repeat-x 0 100%;
}
.schedule thead th {
	background: #3990ed url("../images/schedule/tb01.gif") repeat-x;
	color: #fff;
	padding: 4px 2px 2px;
}

.schedule table col {
	width: 5%;
	margin: 0;
	padding: 0;
}

.schedule table col.title {
	width: 50%;
	margin: 0;
	padding: 0;
}

.schedule table col.code {
	width: 10%;
	margin: 0;
	padding: 0;
}

.schedule table col.duration {
	width: 10%;
	margin: 0;
	padding: 0;
}

.schedule a {
	font-size: 93%;
	font-weight: normal;
}

.schedule tr.ruled{
	background:#9cf;
}

.schedule tr {
	background: #e5e5e5;
}

/* Roadmap UL
--------------------------------------------------------------------------------------*/

#roadmap ul{
	list-style-type: square;
	color: black;
	
}

#roadmap ul li a{
	color: black;
	text-decoration:underline;
	
}

#roadmap ul li a:hover{
	color: black;
	text-decoration:none;
	
}

#staff {
	font-size: 100%;
}

#staff li {
	color: #0070B2;
	list-style-type: square	
	
}

#staff li ul li{
	color: black;
	font-size: 90%;
	list-style-type: square	
}

#inner_ul li{
	font-size: 100%;
}

#inner_ol li{
	font-size: 100%;
}

/* Dialog Blurb 
--------------------------------------------------------------------*/

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.d_dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.d_dialog .d_content,
.d_dialog .d_t,
.d_dialog .d_b,
.d_dialog .d_b div {
 background:transparent url(../images/dialog/dialog2-blue-800x1600.png) no-repeat top right;
 _background-image:url(../images/dialog/dialog2-blue.gif);
}

.d_dialog .d_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}


.d_dialog .d_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.d_dialog .d_b {
 /* bottom */
 position:relative;
 width:100%;
}

.d_dialog .d_b,
.d_dialog .d_b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.d_dialog .d_b {
 background-position:bottom right;
}

.d_dialog .d_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.d_dialog .d_hd,
.d_dialog .d_bd,
.d_dialog .d_ft {
 position:relative;
}

.d_dialog .d_wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px2;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.d_dialog h1,
.d_dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
 color: white;
}

.d_dialog h1 {
 padding-bottom:0px;
 font-size: 165%;
	font-weight: bold;
	text-align: center
 
}

.d_dialog h2 {
 padding-bottom:0px;
 font-size: 120%;
	font-weight: bold;
	 color: white;
	 text-align: center
 
}

.d_dialog p#d_par {
 font-size: 100%;
 color: white;
 text-align: center
}

.d_dialog p#d_par a{
 font-size: 100%;
 color: white;
 text-align: center
}

.d_dialog p#d_par a:hover{
 font-size: 100%;
 color: black;
 text-align: center
}

/* Academy table on home page 
--------------------------------------------------------------------*/
#hometable_academy {
	text-align: center;
	width: 300px
}

#hometable_academy td {
	width: 50%;
	padding: 3px;
	background: #fff;
	vertical-align: top;
	text-align: left;
	font-size: 80%
	
}

#hometable_academy #middle {
	width: 0;
	border-left-color: #B9B9E9;
	border-left-style: solid;
	border-left-width: 1px;
}

#hometable_academy td img {
	padding-right: 7px;
}


#hometable_academy tbody tr td a {
	color:#fff;
	text-decoration:underline;
	border-bottom: none;
}


#hometable_academy tbody tr td a:hover {
	color: black;
	text-decoration:underline;
	border-bottom: none;
}

#hometable_academy p {
	color: #fff;
	font-size: 95%
	
}

.cc_head1 {
	font-family:Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 95%;
}

.cc_detail1 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 80%;
}

.cc_detail1 li {
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 80%;
}

.cc_detail1_li {
	font-size: 80%;
}

.cc_course_title {
	font-weight: bold;
	font-size: 110%;
}