/* Headers */

h1 {
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#007dcd;
}

h2 {
 	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#b1b1b1;
}

h3 {
 	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#007dcd;
	font-weight:bold;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#007dcd;
	font-weight:bold;
}

/* New left navigation styling Begin - JRH, CRH */
#navbar {
	margin:10px;
	width:180px;
	}
#navbar a {
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

ul { /* 12/22/08 */
list-style-type:none;
margin:0;
padding:0;
}

#navbar ul li {
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	color:#fff;
	}

#navbar ul li ul.bullets li{
list-style-type:disc;
}

#navbar .blued {
	color:#A1D1F0;
}

#navbar a:hover {
	text-decoration:underline;
}
	
#navbar h1, #navbar h1 a {
	color:#fff;
	font-size:14px;
	margin-bottom:0px;
	}
#navbar ul {
	padding-left:10px;
	margin:3px 0;
	}
#navbar ul li, #navbar ul li ul li, #navbar ul li ul li ul li {
	margin:3px 0;
	list-style-type: none;
	}
#navbar ul ul ul {
	padding-left:17px;
}
#navbar ul li a {
	color:#fff;
	}
#navbar ul ul li {
	margin:0px 0;
	}
#navbar ul ul li a {
	color:#A1D1F0;
	}
#navbar img {
	margin:10px 10px 0 10px;
	}
/* End navbar styling  */


/* New Error Message Style */
p.error {
	color:#900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
#wrapper_wide { /* 123008crh */
	width:749px;
	padding:14px 5px;
}

/* New content wrapper with fixed width - added by JRH 12/21/06 */
#wrapper {
	width:600px;
	padding:14px 5px;
}
#content {
	padding-left:20px;
	padding-right:20px;
	}
#content h1 {
	padding-top:15px;
	}
#content h2 {
	padding:10px 0;
	}
#content p {
	color:#333;
	margin:15px 0 0 0;
	padding:0;
	font-size:12px;
	}
#content a {
	color:#007dcd;
	font-weight:normal;
	text-decoration:underline;
}
#content a:hover {
	text-decoration:none;
}
#content td {
	color:#333;
	font-size:12px;
	}
#content ul {
	margin:0 0 0 20px;
	padding:0;
	}
#content ul li, .info ul li, .infoborder ul li {
	color:#333;
	list-style-type:none;
	padding-left: 10px;
	margin-left:10px;
	background-image:  url(images/bullet.png);
	background-repeat: no-repeat;
	background-position:5px 0.5em;
	}
#content ol li {
	color:#333;
	padding-left: 10px;
	margin-left:10px;
	}
#content .indent {
	padding-left:20px;
	}
#content .summary_box {
	background-color:#f2f2f2;
	margin-top:25px;
	padding:15px;
	padding-bottom:35px;
	}
#content .summary_box h3 {
	font-weight:600;
	color:#666;
	}
#content .summary_box ul {
	margin:0;
	}
#content .summary_box ul li {
	padding:0;
	padding-left:10px;
	margin:0;
	font-size:11px;
	}
#content .summary_box p {
	font-size:11px;
	}
/* New content wrapper end */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* end bjup front page styles */

/* ------------------------------------------------------------------------------------------------- */
/* Beginning of the "you are now leaving" section of styles */
/* ------------------------------------------------------------------------------------------------- */

/*  Leaving Site Warning  */
#offsiteWarning {
    position: fixed;
	z-index: 150;
	top: 100px;
	left: 50%;
    width: 400px;
    margin-left: -200px;
    padding: 20px 20px 10px 20px;
    background: #fff;
	border: 4px solid #555;
    font-size: 10px;
    display: none;
}
#offsiteWarning h3 {
    padding: 1ex;
    background: #0E0C29;
    color: #fff;
    font-size: 120%;
}
#offsiteWarning button {
	margin: 0 0.3em;
	padding: 0.2em 0.4em; }

#offsiteWarningOverlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	display: none; }

/* Hacks to emulate proper fixed positioning in IE6. */
/* Courtesy of http://jquery.com/demo/thickbox/. */
* html #offsiteWarningOverlay {
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
* html #offsiteWarning {
	position: absolute;
	margin-top: expression(100 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
	
	
/* ------------------------------------------------------------------------------------------------- */
/* End of the "you are now leaving" section of styles */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------*/
/* BJUPRESS Inscriptions CSS August 2007 Christopher R. Howard */
/* ------------------------------------------------------------*/

#inscriptions_wrapper {
padding:0px 0px 0px 0px;
margin:0px 0px 60px 40px;
width:675px;
}

#inscriptions_content_index {
width: 622px;
padding: 15px 0px 0px 0px;
margin: 20px 0px 0px 25px;;
}

#inscriptions_content {
width: 580px;
margin:60px 0 0 47px;
}

*html #inscriptions_content { /* Hide from IE, since IE already adds a higher top margin */
	margin-top: 25px;
}

h2 {
color:#666666;
}

#inscriptions_content p{
color:#666666;
font-size:14px;
margin-right:0;
padding-right:0;
}

#inscriptions_content a{
color:#007dcd;
font-size:14px;
text-decoration:none;
}

#inscriptions_content a:hover{
text-decoration: underline;
}
#left_main {
float:left;
}

#right_main {
float:right;
}

/* --------------------------------------------------------------------------------------------- */
/* This is the beginning of the section that deals with the special effects for the buttons----- */
/* --------------------------------------------------------------------------------------------- */

#menu li, #menu li a {list-style-type: none; margin: 0; padding:0; width: 135px; height: 40px; float: left; text-decoration: none;  background-repeat:no-repeat; background-image: url('/images/inscriptions/buttons-i.jpg'); display: block; overflow: hidden;} 
/* Removes the bullet from the li, sets margin to zero so the buttons butt up against each other, defines the height and width of the button, and floats each state of each button left-most after each previous thing */

/* Doesn't work without this */
#menu li a:hover {background-image: none; }

/* Normal State */
li#cool_reads {background-position: 0 0;}
li#contests {background-position: -135px 0;}
li#showcase {background-position: -270px 0;} 	
li#contact_us {background-position: -405px 0;}
li#enews {background-position: -540px 0;}

/* Current State*/		
li#cool_reads_current {background-position: 0 -80px;}
li#contests_current {background-position: -135px -80px;}
li#showcase_current {background-position: -270px -80px;}
li#contact_us_current {background-position: -405px -80px;}
li#enews_current {background-position: -540px -80px;}

/* Hover State -- Image Settings */
li#cool_reads a {background-position: 0 -40px;}
li#contests a {background-position: -135px -40px;}
li#showcase a {background-position: -270px -40px;}
li#contact_us a {background-position: -405px -40px;}
li#enews a {background-position: -540px -40px;}




/* ---------------------------------------------------------------------------------------------------- */
/* This is the end of the section that deals with the special effects for the buttons ----------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------*/
/* ------- This is the end of BJUPRESS Inscriptions CSS ------ */
/* ------------------------------------------------------------*/




/* A class to put spacing between list items */
.spaced {
padding-bottom: 1em;
}

/* used on articles added 12/08*/
.foot {
	font-size: small;
}

/* used on sf new release added 12/08*/
.sf_img {float:left; padding-right:5px;}

/* DL Courses */
#content ul li.available, #content ul li.available-dvd, #content ul li.available-hdd, #content ul li.available-dlo{
	list-style-type: none;
	/* background-image: url(/distance-learning/images/courses/box-yes.jpg);*/
	background-repeat: no-repeat;
	padding-left: 60px;
	padding-top: 15px;
	padding-bottom: 20px;
}

#content ul li.available-dvd{
	background-image: url(/distance-learning/images/bullet-dvd.jpg);
}

#content ul li.available-hdd{
	background-image: url(/distance-learning/images/bullet-hd.jpg);
}

#content ul li.available-dlo{
	background-image: url(/distance-learning/images/bullet-dlo.jpg);
}

/* DL Main Homes */
#wrapper #content #dl_blurbs {
	padding-left: 280px; padding-top: 10px;
}

/* DL Nav */

#nav li {float: left; text-decoration: none; list-style-type: none;}

#nav li, #nav li a{
top: 0;
margin: 0;
padding: 0;
display: block;
height: 50px;
background: url(/distance-learning/images/nav2-dvd.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#nav li#home a {left: 0; width: 183px; background-position: 0 0; }
#nav li#home a:hover {background-position: 0 -50px; }

#nav li#courses a {left: 183px; width: 77px; background-position: -183px 0; }
#nav li#courses a:hover {background-position: -183px -50px; }

#nav li#faqs a {left: 260px; width: 58px; background-position: -260px 0; }
#nav li#faqs a:hover {background-position: -260px -50px; }

#nav li#options a {left: 318px; width: 136px; background-position: -318px 0; }
#nav li#options a:hover {background-position: -318px -50px; }

#nav li#pricing a {left: 454px; width: 135px; background-position: -454px 0; }
#nav li#pricing a:hover {background-position: -454px -50px; }

/* end nav */

/* DL Course page tabs */
		#content ul.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}

		#content ul.tabNavigation li {
		    display: inline;
			background-image:none;
			 margin: 0;
		    padding: 0;
		}

		#content ul.tabNavigation li a {
		    padding: 3px 5px;
		    background-color: #b1b1b1;
		    color: #000;
		    text-decoration: none;
		}

		#content ul.tabNavigation li a.selected,
		#content ul.tabNavigation li a:hover {
		    background-color: #007dcd;
		    color: #fff;
		    padding-top: 7px;
		}
		
		#content ul.tabNavigation li a:focus {
			outline: 0;
		}

/*		Not working in UE, so dropped for now.
			div.tabs > div {
			padding: 5px;
			margin-top: 3px;
			border: 5px solid #333;
		}
		
		div.tabs > h2 {
			margin-top: 0;
		}
/*
		
		
/*		#tab1 {
		    background-color: #ffc873;
		}

		#tab2 {
		    background-color: #dffb34;
		}

		#tab3 {
		    background-color: #b1b1b1;
		}
		
		#tab4 {
		    background-color: #6a94d4;
		}
		
		#tab5 {
		    background-color: #b1b1b1;
		}*/
		
		.waste {
			min-height: 1000px;
		}
/* end DL Course page tabs */

/* DL Home page */
#content .toptype {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #bdbec2;
	text-align: center;
}
#button {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}

/* end DL Home page */

.upd { /* DL Awards page */
	text-transform: uppercase;
	color: #007dcd;
}

/* Course Pages */
.coursetext {
	padding-bottom: 0px;
}

.nomargin {
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.margin {
	padding: 0px;
	margin-top: 30px;
	margin-right: 40px;
	float: left;
	margin-left: 90px;
}

.timg {
	float: left; 
	margin-right: 10px; 
	margin-bottom: 10px;"
}


#content p.breadcrumb {font-size: 10px}

table.tvert tr {vertical-align: top}

p.quote {font-size: 100%;}