/******************************************************************/
/******************************************************************/
/*                                                                */
/*  SIAST Virtual Campus WebCT course stylesheet                  */
/*                                                                */
/*  For use with "reduced icon set"                               */
/*                                                                */
/*  Version: 2006-10-05                                           */
/*                                                                */
/*  Copyright  SIAST 2006                                         */
/*                                                                */
/******************************************************************/
/******************************************************************/

/**********************************************************/
/* Works with the following DOCTYPES only:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
/**********************************************************/

/*********************************************************
To link stylesheets use the following code in document <head> but 
change pathing to ensure .css is linked correctly:

<link href="vcsstylesheet_2006-7.css" rel="stylesheet" type="text/css">
<!-- OPTIONAL link href="MyCourseStyles.css" rel="stylesheet" type="text/css" -->

**********************************************************/

/**********************************************************/
/* Link colours - hover and active colours are the same - use underlines  */
/**********************************************************/
a:link { 
	color:#000033;
	text-decoration: none;
	} 
	
a:visited { 
	color:#000033;
	text-decoration: none;
	} 
	
a:active {
	color:#000033;
	text-decoration: none;
	} 
	
a:hover {
	color:#000033;
	text-decoration: underline;
	} 

/**********************************************************/
/*  Basic styles */
/**********************************************************/
body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
	border: 0px;
	padding: 0px;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}

h1 {
	font-size: 145%;
	font-weight: 900;
	text-transform: none;
	padding-bottom: 0.5em;
	padding-top: 0em;
}

h2 {
	font-size: 135%;
	font-weight: 900;
	padding-bottom: 0.5em;
	padding-top: 1.3em;
}

h3 {
	font-size: 120%;
	font-weight: 600;
	padding-bottom: 0.5em;
	padding-top: 1.6em;
}

h4 {
	font-size: 105%;
	font-weight: 600;
	padding-bottom: 0.5em;
	padding-top: 1.9em;
}

p {
	clear: both;
	margin-bottom: 0em;
	padding-top: 0.5em;
	margin-top: 0em;
	padding-bottom: 0.5em;
}

/* add a little extra spacing between adjacent paragraphs only */
/* Doesn't work well in IE */
p + p {
	padding-top: 1em;
}

h1, h2, h3, h4, p {
	margin-bottom: 0em;
	margin-top: 0em;
}

/* Adjust <hx> and <p> padding in table cells */
td h2, td h3, td h4, td p {
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}

/**********************************************************/
/*  Tables                                                */
/**********************************************************/
body table {
	font-size: 100%;
}

caption {
	/*  Styled to be the same as an H4 heading with table-specific padding */
	font-size: 105%;
	font-weight: 600;
	padding-bottom: 0.4em;
	text-align: left;
	padding-top: 0.5em;
}

table {
	margin-top: .75em;
	margin-bottom: 1.25em;
}

/**********************************************************/
/*  Lists */
/**********************************************************/
/* Adjust indent of single level lists */
ul {
	padding-top: 0em;
	padding-bottom: 0em;
	margin-top: 0em;
	padding-left: 1.5em;
	margin-left: 2.5em;
}

ol {
	padding-top: 0em;
	padding-bottom: 0em;
	margin-top: 0em;
	padding-left: 1.5em;
	margin-left: 2.5em;	
}

li {
	padding-top: 0.5em;
	padding-bottom: 0em;
	margin-bottom: 0em;
	border-bottom: 0em;
	border-top: 0em;
	clear: left;
}


/* This list style controlls the styling of several nested list styles 
and require DIV's to be inserted around the lists with ID's to be attached to 
the opening DIV tag as follows: <div id="multilist"> put list code here ...</div> 

The available list styles are as follows:
 - OL-OL
 - OL-UL 
 - Ul-OL
 - UL-UL
 - OL-OL-OL
 - UL-UL-UL
*/

#multilist ol {
	list-style-type: decimal;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist ol li {
	padding-top: 0.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist ol li ol {
	margin-left: 2em;
	padding-left: 0em;
	list-style-type: lower-alpha;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist ol li ol li {
	padding-bottom: 0em;
	margin-bottom: 0em;
	padding-top: 0.5em;
}

#multilist ol li ul {
	padding-top: 0.4em;
	margin-left: 1.7em;
	padding-left: 0em;
	list-style-type: disc;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist ol li ul li {
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist ol li ol li ol {
	padding-top: 0.5em;
	list-style-type: lower-roman;
	margin-left: 1em;
	padding-bottom: 0em;
	margin-bottom: 0em;
	padding-left: 0.3em;
}

#multilist ol li ol li ol li {
	padding-top: 0.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

/* UL-OL */
#multilist UL {
	list-style-type: disc;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist UL LI {
	padding-top: 0.5em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist UL LI OL {
	margin-left: 2em;
	padding-left: 0em;
	list-style-type: lower-alpha;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist UL LI OL LI {
	padding-top: 0.5em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

/* OL-UL */

#multilist OL LI UL {
	padding-top: 0.4em;
	margin-left: 1.7em;
	list-style-type: none;
	list-style-type: disc;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist OL LI UL LI {
	padding-bottom: 0em;
	margin-bottom: 0em;
}


/* up to 3 levels UL-UL-UL (disc-square-circle) */
#multilist UL {
	list-style-type: disc;
	margin-left: 2.2em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist UL LI {
	padding-top: 0.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist UL LI UL {
	padding-top: 0.5em;
	list-style-type: square;
	margin-left: 1em;
	padding-left: 0.3em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist UL LI UL LI {
	padding-top: 0.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist UL LI UL LI UL {
	padding-top: 0.5em;
	list-style-type: circle;
	margin-left: 1em;
	padding-bottom: 0em;
	padding-left: 0.3em;
	margin-bottom: 0em;
}

#multilist UL LI UL LI UL LI {
	padding-top: 0.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}


/**********************************************************/
/* Ordered list with minimal indent

Especially useful to use when putting lists inside tables
where indenting might just be wasted space.

This list style controls the styling of several nested list styles 
and require DIV's to be inserted around the lists with ID's to be attached to 
the opening DIV tag as follows:
<div id="multilist_minimalindent"> put list code here ...</div> 

The available list styles are as follows:
 - OL-OL
 - OL-UL 
 - Ul-OL
 - UL-UL
 - OL-OL-OL
 - UL-UL-UL
*/

/* OL-OL */
#multilist_minimalindent ol {
	list-style-type: decimal;
	padding-left: 0.5em;
	margin-left: 2em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent ol li {
	padding-top: 0.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent ol li ol {
	margin-left: 2em;
	padding-left: 0em;
	list-style-type: lower-alpha;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent ol li ol li {
	padding-bottom: 0em;
	margin-bottom: 0em;
	padding-top: 0.5em;
}

#multilist_minimalindent ol li ul {
	padding-top: 0.4em;
	margin-left: 1.7em;
	padding-left: 0em;
	list-style-type: disc;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent ol li ul li {
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent ol li ol li ol {
	padding-top: 0.5em;
	list-style-type: lower-roman;
	margin-left: 1em;
	padding-bottom: 0em;
	margin-bottom: 0em;
	padding-left: 0.3em;
}

#multilist_minimalindent ol li ol li ol li {
	padding-top: 0.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

/* UL-OL */
#multilist_minimalindent UL {
	list-style-type: disc;
	padding-left: 0.5em;
	margin-left: 1.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent UL LI {
	padding-top: 0.5em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent UL LI OL {
	margin-left: 2em;
	padding-left: 0em;
	list-style-type: lower-alpha;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent UL LI OL LI {
	padding-top: 0.5em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

/* OL-UL */

#multilist_minimalindent OL LI UL {
	padding-top: 0.4em;
	margin-left: 1.7em;
	list-style-type: none;
	list-style-type: disc;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent OL LI UL LI {
	padding-bottom: 0em;
	margin-bottom: 0em;
}


/* up to 3 levels UL-UL-UL (disc-square-circle) */
#multilist_minimalindent UL LI UL {
	padding-top: 0.3em;
	list-style-type: square;
	margin-left: 1em;
	padding-left: 0.3em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent UL LI UL LI {
	padding-top: 0.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

#multilist_minimalindent UL LI UL LI UL {
	padding-top: 0.5em;
	list-style-type: circle;
	margin-left: 1em;
	padding-bottom: 0em;
	padding-left: 0.3em;
	margin-bottom: 0em;
}

#multilist_minimalindent UL LI UL LI UL LI {
	padding-top: 0.4em;
	padding-bottom: 0em;
	margin-bottom: 0em;
}
/**********************************************************/


/**********************************************************/
/* Ordered list with larger inter-item spacing */

#list_bigspacing ol li {
	padding-bottom: 1em;
}
/**********************************************************/


/* Bulletless list with image + text */
/* You must demarcate text with .activity text */
/* Works only with <p> text styles */

#list_learnactivities UL {
	padding: 0em;
	padding-top: 1em;
	margin-left: 0em;
	list-style-type: none;
}

#list_learnactivities UL LI {
	padding-top: 0em;
	padding-bottom: 1em;
}

#list_learnactivities UL LI IMG {
	float: left;
	margin-right: 1em;
	margin-top: 0em;
 	padding-top: 0em;
}

.activitytext {
	/* styles set in previously */
}

#list_learnactivities UL LI .activitytext {
	float: left;
	clear: none;
	margin-bottom: 1em;
}

/* Ordered with lowercase letters */
#list_letters {
	padding-left: 2.2em;
	list-style-type: lower-alpha;
}


/**********************************************************/
/* Definition list, term and Descriptions                 */
/**********************************************************/

dl {
	margin-left: 0em;
	padding-left: 0em;
	margin-right: 0em;
	padding-right: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
}

dt {
	margin-left: 0em;
	padding-left: 0em;
	margin-right: 0em;
	padding-right: 0em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	margin-top: 0em;
	padding-bottom: 0em;
	font-weight: 900;
}

dt p {
	margin-bottom: 0em;
	padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 0em;	
}

dd {
	margin-left: 1em;
	padding-left: 0em;
	margin-right: 0em;
	padding-right: 0em;
	margin-bottom: 1em;
	padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 0em;

}

dd p {
	margin-bottom: 0.5em;
	padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
}

/**********************************************************/
/* Miscellaneous styles                                   */
/**********************************************************/

/* The following 3 classes require <p>, <span> or <div> tags to be inserted around the 
text that is to be styled. These styles are then identified as classes to be attached to 
the <p>, <span> or <div> tags as follows: 
<span class="reference>(.reference) reference sample text </span>*/ 

/*for bottom-of-section/page references */
.reference {
	color: #666666;
	font-size: 82%
}	

/* use for bottom-of-screen "navigation" message */
.navinstruc {
	color: #838282;
	padding-top: 2em;
	font-size: 90%;
}

/* Set <p> text as a callout with a tan background */
/* same formatting as <blockquote> except different colour */
.shadedcallout {
	margin: 1em;
	padding: 1em;
	clear: both;
 	background-color: #B3CBE2;
}

/**********************************************************/
/* APA-specific styles                                    */
/**********************************************************/

/* Force to uppercase for APA */
/* Can apply to almost any text element */
.apa_uppercase {
	text-transform: uppercase;
}

/**********************************************************/
/*  HTML 4.0 phrase elements                              */
/**********************************************************/

/* Use for pre-formatted text like HTML or Java code */
pre {
	font-family: Andale Mono, Courier New, Courier, mono;
	color: #004080;
	font-weight: 600;
	font-size: 95%;
	margin-bottom: 0em;
	padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 0.5em;
	margin-left: 0em;
	clear: both;
}

/* an alternative to PRE that is useful for putting code-like text within a <P> */
/* need to insert spacing manually */
code {
	font-family: Andale Mono, Courier New, Courier, mono;
	color: #004080;
	font-weight: 600;
	font-size: 95%;
	margin-bottom: 0em;
	padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 0.5em;
}

/* Use for command-line style text */
kbd {
    font-family: Andale Mono, Courier New, Courier, mono;
	font-weight: 600;
	font-size: 95%;
	margin-bottom: 0em;
	padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 0.5em;
}

/*For quotes in a lovely light-blue shaded panel*/
blockquote {
	margin: 1em;
	padding: 1em;
	clear: both;
	background-color: #FFFFFF;	
}
	
/***********************************************************************************/
/* Generic class/ID typically used for positioning of:                             */
/*   - graphic and h1 text at the top of a learning outcome or learning step page  */
/*   - graphic on left                                                             */
/*   - text on graphic's right                                                     */
/*    - or vice versa                                                              */
/***********************************************************************************/
img.leftgraphic {
	float: left;
	margin-right: 1em;
	margin-top: 0em;
	padding-top: 0em;
}

.righttext {
	float: left;
	margin-top: 0em;
	padding-top: 0em;
	clear: none;
}

img.rightgraphic {
 	float: right;
	margin-right: 1em;
 	margin-top: 0em;
 	padding-top: 0em;
}

.lefttext {
 	float: right;
 	margin-top: 0em;
 	clear: none;
 }

	
/**********************************************************/
/* Disable WebCT 6.x-specific styling for printable view  */
/**********************************************************/

/* Nothing here yet ... */

/**********************************************************/
/* Modify non-optimal WebCT styling for print             */
/**********************************************************/

/* Disable ALL printing of navigation message */
@media print {
    .navinstruc { display: none; }
}