@charset "utf-8";
/* CSS Document */

/* NAVIGATION AREA */

/* Makes site title an h1 for accessibility */
#navlist #button h1 a{
	margin-top: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
	border: 0px none;
	padding-top: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	font-size: 16pt;
	font-weight: bold;
	line-height: 125%;
	}
/* site titles on online tutorials are coloured red */
#navlist #button h1.red a {
	color:#CC0000;
	}

/* Link that returns people to the parent site */
p.returnMain a {
	text-align:center;
}
#button p.returnMain a {
	color:#CC0000;
	text-decoration:none;
}

/* underline the letter of the access key in top-level menu items, for sighted users */
.accessKey{
text-decoration:underline;
}

/* used to hide access key codes in [] from sighted users but not from screen readers */
.hidden {
	display: none;
}

/* formatting for the list below the main menu (only on tutorials on this site) */
#button #finallinks
{
	text-align: center;
	margin-top: 2px;
}
#button #finallinks ul li a
{
	margin-top:0.5em;
	font-size: 0.95em;
	color:#CC0000;
	text-decoration:none;
}

/* search links */
#button #cst-searchlinks a {
	display: inline;
    color:#CC0000;
	text-decoration:underline;
}
#button #cst-searchlinks {
	text-align: center;
	margin-top: 40px; 
	margin-bottom: 40px;
}



/* SECTION TITLE */


/* CONTENT AREA */

/* to add some white space between nav bar and page content */
/* a new div named cst-content has been added to template inside content area */
#content #cst-content
{
	margin-top:0px;
	padding-left: 10px;
}

/* PAGE FOOTER */

/* remove red line */
#footerwide {
	border-top: none;
	}
	
/* add CST web ring */
#webring {
	background-color:#333333;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	padding: 3px 0px 3px 0px;
	margin-bottom: 6px;
	line-height: 120%;
}

#webring a:link, #webring a:visited, #webring a:focus, #webring a:active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#webring a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/* ADJUSTMENTS TO EXISTING STYLES */

/* adjust smallbodytext so that it takes on colour of parent */
#content .smallbodytext {
	color: inherit;
	}


/* SPECIAL STYLES FOR THE TUTORIALS */

/* for text in prewriting examples of what a student would type */
div.textdisplay {
	padding: 1em;
	margin: 1em;
	border: 1px solid #999999;
}

#content #cst-content .textdisplay p {
	font-family: Courier New, Courier, mono;
	}

/* to float navigation aids to right in tutorial section title */
#navlinks {
	float: right;
	padding-right: 1em;
	}

/* Style for button on case study feedback pages that returns user to previous page in tutorial */
.nomenuback{
text-align:right;
}

/* boxes to highlight text in academic integrity tutorial */
.ai-displaybox {
	padding: 1em;
	margin: 1em;
	border: 1px solid #999999;
}

.ai-displaybox-red {
	padding: 1em;
	margin: 1em;
	border: 2px solid red;
}

/* colour styles used in case study feedback -- academic integrity tutorial */
.red {
	color: maroon;
	}
.blue {
	color: blue;
	}
.green {
	color: green;
	}
.purple {
	color: purple;
	}


/* MISCELLANEOUS STYLES */

/*for the size of the hr*/
.hrSize
{	
	border-top:solid 1px #666666;
	border-bottom:solid 0px white;
	border-left:solid 0px white;
	border-right:solid 0px white;
}

/* decorative indent for p, if it is not a quote */
#content p.indent {
	margin-left: 18px;
	}

/* reverse indent items in lists of references, works cited, bibliography, etc. */
.reference {
	margin-left: 2em;
	text-indent: -2em;
	}
	
/* Styles for a floating menu or box, if needed */
/* apply class to div tag then use local styles to modify width, color, etc., if desired */
div.floatbox{
	float:right;
	display:inline;
	width:170px;
	padding: 0px 0 12px 12px;
	margin-bottom:16px;	
}
div.floatheader{
	margin:0;
	width:100%;
	background-color:#EFEDED;
	padding:0;
	height:24px;
}
div.floatheader h2, h3, h4 {
	font-size: 12px;
	font-weight: bold; 
	font-style: italic;
	padding: 0px;
	text-align: left;
}
div.floattext{
	border:1px dotted #CCCCCC; 
	padding: 0 6px 12px 12px;
}
div.floattext p {
	font-size: 12px;
	margin: 5px 0 5px 0; 
}
div.floattext ul li {
	font-size: 12px;
	margin-left: -20px;
}