/* -- general styles for site -- */

body { /* only the font-family and color should change here */
	font-size:62.5%	;
	font-family:Arial, Verdana;
	line-height:1.4em;
	font-size:10pt;
	color:#000;
	background:url('../images/wlac-online/wlac-bg.png') repeat-x 0 0;
}
p {margin-bottom:15px;}
a {color:#ff6600;text-decoration:none;}
a:hover {color:#00398a;text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;font-size:19pt;}
h1 {overflow:hidden;}
h2 {font-size:15pt;color:#00398a;padding-bottom:10px;line-height:1.2em;}
h3 {font-size:13pt;color:#00398a;padding-bottom:10px;line-height:1.2em;}
h4 {}
h5 {}
h6 {}
ul, ol {margin:0 0 15px 30px;list-style:square;}
li {}
blockquote {
	font-family:Georgia;
	font-style:italic;
	border-left:4px solid #ccc;
	padding:3px 20px 3px 10px;
	margin:0 0 20px 15px;
}
a.email {
	background:url('../images/wlac-online/email.png') no-repeat 0 0;
	padding-left:20px;
}
p.info {
	text-align:center;
	padding:10px;
	border:1px solid #ccc;
	background:#f9f9f9;
}
p.back-top a {
	float:right;
	clear:both;
	font-size:9pt;
	padding:0 0 5px 12px;
	display:block;
	background:url('../images/wlac-online/top-arrow.png') no-repeat 0 4px;
}
.printonly {display:none;}
.right {float:right;}
.left {float:left;}
img.branding {margin-bottom:15px;display:inline;}
#site-logo {margin-left:20px;width:175px;height:118px;}


/* ------------------------------------------- */
/* -- general layout styles for containers -- */

#sbt-pageboundingbox {width:100%;}
#sbt-header, #header, #main-navigation, #sbt-footer {
	width:950px; 
	margin:0 auto;
}
#sbt-contentboundingbox {width:920px;padding:15px 15px 30px 15px;margin:0 auto;background:#fff;overflow:hidden;} 
#sbt-leftsidebar {display:none;}
#sbt-maincontent{width:685px;float:left;display:inline;}
#sbt-rightsidebar {width:205px;float:right;}

/* ------------------------------------------- */
/* ----- HEADER STYLES ------- */

#header {background:#000468 url('../images/wlac-online/wlac-header-bg.png') repeat-x 0 0;height:118px;position:relative;}
#headertoplinks {width:180px;height:23px;padding-top:2px;background:url('../images/system/bg-top-right2.jpg') 0 0 no-repeat;position:absolute;top:0;right:0;}
#headertoplinks ul {list-style:none;padding-left:20px;margin:0;}
#headertoplinks li {display:inline;padding:0 15px 0 0;margin:0;}
#headertoplinks li.last {padding-left:10px;}
#headertoplinks a{color:#fff;font-size:8pt;}
#headertoplinks a:hover{}
#headertoplinks li.first {background:url('../images/system/top-links-sep.png') no-repeat 100% 1px;}

#headertoplinks a.checkout {
		background: url('../images/checkout-bg.png') no-repeat 0 0;
		padding:0 0 0 30px;
		width:84px;
		display:block;
		float:right;
		height:29px;
		line-height:29px;
		font-weight:bold;
		font-size:8pt;
		color:#1e4688;
	}

#headertoplinks a:hover.checkout {
		color:#000;
		background-position:0 -29px;
		text-decoration:none;
	}
#headertoplinks a.checkout {
	background-image:url('../images/checkout-bg.png');
	width:79px
}

#header-photo {position:absolute;right:22px;bottom:15px;}

#main-navigation {height:33px;background:#f8b411 url('../images/wlac-online/wlac-nav-bg.png') repeat-x 0 0;}
#main-navigation ul {margin:0;padding:0;}
#main-navigation li {display:inline;float:left;background:url('../images/wlac-online/wlac-nav-sep.png') no-repeat 100% 0;padding-right:2px;margin:0;}
#main-navigation a {float:left;display:block;color:#005596;font-weight:bold;font-size:11pt;height:33px;line-height:33px;padding:0 12px;}
#main-navigation a#nav-apply {color:#000;}
#main-navigation a:hover,#main-navigation a.active {text-decoration:none;background:#000468 url('../images/wlac-online/wlac-nav-bg.png') repeat-x 0 -33px;}

/* ------------------------------------------- */
/* ----- RSB NAVIGATION STYLES ------- */
/* -- first tier -- */
		ul.navlist {
			list-style:none;
			margin:0;
            padding-bottom:10px;                       
		}
			ul.navlist li {
				padding:0;
				margin:0;
				border-bottom:1px dotted #ccc;
		}
		ul.navlist a {
			color:#005596;
			//font-weight:bold;			
			font-size:10pt;
			display:block;
			padding:4px 5px;
		}
		ul.navlist a:hover,
	        ul.navlist li.Active a {
			color:#fff;
			background:#005596;
			text-decoration:none;
		}
			/* -- second tier -- */
			ul.subnavlist {
				padding:3px 0 5px 5px;
				margin:0;
				list-style:none
			}
			ul.subnavlist li {
				margin:0;
				padding:0;
				line-height:1.1em;
				border:none;			
			}
			li.Active ul.subnavlist li a {
				padding:1px 0 1px 10px;
                font-size:8pt;
				background:url('../images/wlac-online/lsb-bullet.png') no-repeat 0 5px;
				color:#005596;
				height:1%; /* fixes has layout bug for IE6 which causes large gaps */
			}
			li.Active ul.subnavlist li a:hover,
			li.Active ul.subnavlist li.Active a {
				color:#000;
			}                    
			/* third tier */
			ul.subnavlist ul.subnavlist {
				padding-left:10px;
			}
			li.Active ul.subnavlist li.Active ul.subnavlist li a {
			   color:#005596;
			}
			li.Active ul.subnavlist li.Active ul.subnavlist li a:hover,
			li.Active ul.subnavlist li.Active ul.subnavlist li.Active a {
			   color:#000;
			}



/* ----- RSB CTA BUTTONS ----- */
a.cta-button, 
a.cta-button-inv,
.dyk-box {
	display:block;
	width:205px;
	background:orange url('../images/wlac-online/cta-scale.png') no-repeat 0 100%;
	margin-bottom:10px;
	color:#000;
	font-family:Georgia;
	position:relative;
}
a.cta-button-inv {
	background:orange url('../images/wlac-online/cta-scale2.png') no-repeat 0 100%;
}

a.cta-button div, 
a.cta-button-inv div {	
	padding:12px;
	background:url('../images/wlac-online/cta-top.png') no-repeat 0 0;
}
a.cta-button-inv div {	
	background:url('../images/wlac-online/cta-top2.png') no-repeat 0 0;
}


a.cta-button-inv h4,
a.cta-button h4,
.dyk-box h4 {
	font-weight:normal;
	font-size:14pt;
	margin-bottom:5px;
	letter-spacing:-1px;
}
a.cta-button-inv span.link, 
a.cta-button span.link {
	font-family:Arial, Verdana;
	color:#1e4688;
	font-weight:bold;
	padding-left:17px;
	background:url('../images/wlac-online/blue-arrow-icon.png') no-repeat 0 4px;
}
	a:hover.cta-button-inv,
	a:hover.cta-button {
		text-decoration:none;
		background-position:-205px 100%;
	}
	a:hover.cta-button-inv div,
	a:hover.cta-button div {	
		background-position:-205px 0;
	}
	span.apply-icon, span.info-icon, span.tut-icon {
		position:absolute;
		width:44px;
		height:44px;
		bottom:5px;
		right:10px;
	}
	span.apply-icon {background:url('../images/wlac-online/apply-icon.png') no-repeat 0 0;bottom:10px;}
	span.info-icon {background:url('../images/wlac-online/info-icon.png') no-repeat 0 0;}
	span.tut-icon {background:url('../images/wlac-online/tutorial-icon.png') no-repeat 0 0;}

/* Did you know box */
.dyk-box {
    background:#fff url('../images/wlac-online/dyk-bottom.png') no-repeat 0 100%;
	text-align:center;
}
.dyk-box div {
	padding:12px;
	background:url('../images/wlac-online/dyk-top.png') no-repeat 0 0;
}
.dyk-box p {
	color:#424242;
	font-style:italic;
}
	
	
/* ------------------------------------------- */
/* ----- MAIN CONTENT STYLES ------- */
#sbt-maincontent h1 {	
	height:45px;
	line-height:45px;
	padding:0 15px;
	margin-bottom:15px;
	text-transform:uppercase;
	background:url('../images/wlac-online/h1-bg.jpg') no-repeat 100% 0;
	color:#fff;
}
.cookieBlock {
	margin-bottom:5px;
	color:#adadad;
	font-size:8pt;
}
/* ------------------------------------------- */
/* ----- HOME PAGE STYLES ------- */
.home-column {
	width:331px;
}
	.home-column h2 {
		background:#1e4688;
		color:#fff;
		height:37px;
		line-height:37px;
		text-transform:uppercase;
		font-size:12pt;
		margin:0;
		padding:0 0 0 15px;
	}
	.home-column img {
		width:331px;
		height:196px;
		float:left;
	}
	.home-content {
		border:1px solid #e3e3e3;
		background:#fff url('../images/wlac-online/wlac-grey-grad-tile.png') repeat-x 0 0;
		padding:15px;
		overflow:hidden;
		float:left;
		width:299px;
	}
	.home-content h3 {
		font-size:11pt;
		margin-bottom:0px;
	}
	.home-content p {
        margin:0 0 10px 0;
	}
	.home-content ul {		
		margin:0 0 15px 15px;
		padding:0;
	}
	.home-content em {
		font-size:8pt;
	}

	a.language-button1 { clear:right; }
	a.language-button1, a.language-button2, a.language-button3 {
		background:orange url('../images/wlac-online/lang-button-bg.png') no-repeat 0 0;
margin:10px 0 0 8px;
		padding:0 0 0 25px;
		width:66px;
		display:block;
		float:right;
		height:29px;
		line-height:29px;
		font-weight:bold;
		font-size:9.5pt;
		color:#1e4688;
	}

	a:hover.language-button1, a:hover.language-button2, a:hover.language-button3 {
		color:#000;
		background-position:0 -29px;
		text-decoration:none;
	}

	a.learn-more, a.add-cart, a.add-more {
		background:orange url('../images/wlac-online/learn-more-bg.png') no-repeat 0 0;
		padding:0 0 0 30px;
		width:84px;
		display:block;
		float:right;
		height:29px;
		line-height:29px;
		font-weight:bold;
		font-size:9pt;
		color:#1e4688;
	}
	a:hover.learn-more, a:hover.add-cart, a:hover.add-more {
		color:#000;
		background-position:0 -29px;
		text-decoration:none;
	}
		a.add-cart {
			background-image:url('../images/wlac-online/add-cart-bg.png');
			width:79px
		}
		a.add-more {		    
			background-image:url('../images/wlac-online/add-more-bg.png');
			width:79px
		}
		a.checkout {
		
		}


/* --- COURSE CREDIT TABLES ----*/
table.course-table {
	width:100%;
	text-align:left;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:5px;
}
table.course-table th {
	padding:3px 5px;
	border-right:1px solid #ccc;
	background:#ffcc33;
}
table.course-table tr.highlight td,
table.course-table tr.highlight th {
	background:#ffeebb;
	border-bottom:1px solid #ccc;
}
table.course-table td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px 5px;
}
table.course-table tr.alt td {
	background:#eeeeee;
}
table.course-table tr.optional td {
	text-align:center;
}
colgroup.credits {width:55px;}
p.note {
	font-style:italic;
	font-weight:bold;
	font-size:9pt;
	line-height:.5em;
}

/* ------------------------------------------- */
/* ----- COURSE DESC STYLES ------- */
.course-desc {
	border-bottom:1px solid #e3e3e3;
	margin-bottom:10px;
	padding:5px 10px;	
}
.course-desc h3 {
	margin-bottom:0;
	padding:0;
}

/* --------- INSTRUCTOR PAGE ---- */
img.instructor {
	float:right;
	margin:0 0 10px 10px;
}
.instructor-panel {
	border-bottom:1px dotted #ccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	overflow:hidden;
}
.instructor-panel h2{
	margin:margin-bottom:5px;
	padding:0;
	line-height:1em;
}
.instructor-panel p {
	margin-bottom:10px;
}
.anchor-table {
	margin:0;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}
.anchor-table td {
	vertical-align:top;
	line-height:1.2em;
}
.anchor-table ul {
	margin:0 0 0 13px;
	font-size:8.5pt;
}
/* ------------------------------------------- */
/* ----- FOOTER STYLES ------- */

#sbt-footer {background:#fff;border-bottom:5px solid #000080;}
#sbt-footer p {text-align:center;margin-bottom:5px;font-size:8pt;color:#525252;}

/* ------------------------------------------- */
/* ------------------------------------------- */
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;    
    position: fixed;
    top: 25%;
    left: 50%;    
    margin-left: -150px;
    width: 300px; 
    overflow:hidden;
    background-color: #fff;
    border: 3px solid #00398a;
    padding: 20px;
}
#how-hear {
	text-align:center;
	height:65px;
}
.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#video-block-right { background:#ffffdd; padding: 10px 10px; 0 10px; width: 255px; text-align: center; float: right; margin-left: 10px;}