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

body {
	font: 100%  Verdana, Geneva, sans-serif;
	line-height: 140%;
	margin: 0; 
 /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #222222;
	/*background: url("../media/BTEC-365-Background.png") fixed top left no-repeat; */
	width: 100%;
}
img {border: 0;}

li {padding-top: .25em; padding-bottom: .25em}
td {font-size: 95%; padding: 4px;}
caption {
	font-weight: bold;
	font-style: italic;
	font-size: 85%;
	text-align: left;}
th {
	background-color: #005EB8;
	color: #fcf5ec;
	font-weight: normal;
}
h1 {font-family:Georgia, "Times New Roman", Times, serif;}
h2, h3, h4, h5, h6 {font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1 {
	font-size: 160%; 
	font-family: Georgia, serif;
	line-height: 100%;
	color: #002855; /*wvublue*/
	letter-spacing:.05em;
	font-weight:bold;
	border-top: 5px none #8e674a;
	border-bottom: 5px none #8e674a;
	background-color:#FAF2F0;*/
	}
h2 {
	font-size: 130%;
	color:  #B05F21;  /*gold*/
	font-weight: normal;
	}
h3 {
	font-size: 118%;
	line-height: 118%;
	margin-top: 1.5em;
	margin-bottom: -.6em;
	color: #1A50A8;  /*med blue*/
	font-weight:normal;
	}
h4 {
	font-size: 109%;
	margin-bottom: -.6em;
	color: #8e3b13; 
	font-weight: normal;
	}
h5 {
	font-size: 100%;
	color: #2100AC; /*dark blue*/
	font-weight: normal;
	}
h6 {
	font-size: 95%;
	color:  #6E6259; /*warm gray*/
	font-weight: normal;
	}
.quote {
	font: Verdana, Geneva, sans-serif;
	
	background-color: #EFEDED;
	font-size: 109%;
    font-weight: bold;
	color: #1A50A8;
	width: 98%;
	margin-left: 0%;
	text-align: left;
	padding: 15px; 
    line-height: 35px;
	}
    
    .quotehalf {
	font: Verdana, Geneva, sans-serif;
	
	background-color: #EFEDED;
	font-size: 109%;
    font-weight: bold;
	color: #1A50A8;
	width: 50%;
	margin-left: 0%;
	text-align: left;
	padding: 15px; 
    line-height: 35px;
	}

.quotesource {
	font: Verdana, Geneva, sans-serif;
	font-size: 80%;
	color: #3F3E3E;
	margin-left: 6%;
	
	}



a:link {
	color: #0033A0; /*blue*/
	border-bottom: 1px dotted #017091;
	text-decoration:none;
	}

a:visited {
	color: #002855; /*wvublue*/
	border-bottom: 1px dotted #8e674a;
	text-decoration:none;
	}
a:hover {
	color: #CD4C08; /*redorange*/
	border-bottom: 1px solid #6d5054;
	text-decoration:none;
	}

a.class1 {color:red;border-bottom: none;}
a.class1:link  {text-decoration: none; color: white;}
a.class1:visited {text-decoration: none; color: white;}
a.class1:hover {text-decoration: none; color: black;}
a.class1:active {text-decoration: none; color: white;}

#container {
	background: url("../media/BUSA-310_Bknd-2.png") top right no-repeat #FFFFFF;
	max-width: 820px; 
	min-width: 480px;
	margin: 0; 
	padding: 0;	
	position:relative;
	left: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {
	padding: 63px 70px 0 70px; 
	border-top: 3px solid #4b5ea3;
	border-right: 1px solid #DFD0BC;
	border-bottom: 6px solid #DFD0BC;
	border-left: 1px solid #DFD0BC;
	
	}
#mainContent p, li, td, th {
	font-size: 1em;
	line-height: 1.48em;
}

#mainContent li li  {
	font-size: inherit;
}

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	color: #797b7d;
		font-size: 70%;
}
#footer p {
	text-align: right;
	line-height: 125%;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

ul#horiz li {
    display:inline;
}

.box {
	position: relative;
	border: 1px solid #EAAA00;  
	width: 95%; 
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px; 
	background-color:#fff 
	}

.box-half {
	position: relative;
	border: 1px solid #fc0;  
	float: left;
	font-size: 98%;
	width: 290px;
	margin-top: 30px;
	margin-left: 0;
	margin-right: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	height: auto;
	background-color: #fff; 
}

.box-half-r {
	position: relative;
	float:right;
	border: 1px solid #fc0;  
	font-size:98%;
	width:290px;
	margin-top: 30px;
	margin-right: 5px;
	margin-left:0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right:10px;
	height:auto;
	background-color:#fff; 
	}

.caption {
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:82%;
	line-height: 110%;
	color: #464036;
	font-style: italic;
	font-weight: normal;
}
.cite {
	font-size: 10px;
	line-height: 120%;
}

.click {
	float: right; 
	margin-left: 1em;
	}

.highlite {
	border: 2px solid #C00;
	background-color:#FFC;
	padding: 5px 10px;}
	
.img {
	font: normal 93% Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	position: relative;
	
	
	}
.img-l  {
	margin: 8px 10px 8px 0;
	float: left;
	font: normal 93% Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	position: relative;
	z-index: 10;
	background-image: url(images/big-book-42.jpg);
	padding-right: 6px;
}

.img-r {
	margin: 8px 0 8px 10px;
	float: right;
	font: normal 93% Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	position: relative;
	z-index: 10;
	width: 300;
	padding-left: 6px;
}

.l {float: left; margin-right:20px;}
.r {float: right; margin-left:20px;}

.pull {
	font: 120%/140%  "Helvetica Neue", Helvetica, Arial, sans-serif ;
	letter-spacing: .08em;
	color:  #005EB8;
	float: right;;
	margin: 12px 0 12px 20px;
	width: 45%;
	border-top: 0px solid #4b5eaa;
	border-left: 3px solid #EAAA00; /* wvugold */
	padding: 20px 12px;
	
		}

.pull-left {
	font: 120%/140% ;
    font-weight: bold;
	float: left;
	margin: 12px 20px 12px 0;
	width: 50%;
	border-top: 4px solid #243069;
    border-bottom: 4px solid #DD9512;
	padding: 10px; 
	position: relative;
	}

.sidebar {
	float: right;
	margin-left: 25px;
	padding: 0 10px;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 115%;
	width: 250px;
	color: #333F48;
	border-left: 10px solid #4b5eaa;
}

.speaker {
	float: right;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color: #888888;
	width: auto;
}

.speaker-l {float: left; font: normal .8em Arial, Helvetica, sans-serif; color: #888888;}	

#mainContent .large {font-size: 1.2em;
}

#mainContent .smaller {
	font-size: 0.9em;
	line-height: 1.3em;
}

.designernote
{color: red}

.colorbox {
	position: relative;
	border: 1px solid #262626; 
	 background: url("../media/680bg.png") top no-repeat #FFFFFF;
	width: 100%; 
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color:#fff 
	}

.colorboxshort {
	position: relative;
 float: left;
	border: 1px solid #262626; 
	 background: url(../media/680bg.png) top no-repeat #FFFFFF;
	width: 50%; 
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color:#fff 
	}

.colorbox_in {
	padding: 10px;
}


.tdltblue {

	background-color:#E0EBF9;
	padding-left: 30px;
	padding-right: 30px;
	}

.tdltred {

	background-color:#F9E3E3;
	padding-left: 30px;
	padding-right: 30px;
	}

.thred {

	background-color:#E06868;
	}

.tdltorange {

	background-color:#FBE1CC;
	padding-left: 30px;
	padding-right: 30px;
	}

.thorange {

	background-color:#F48B38;
	}

.tdltyellow {

	background-color:#FDEECE;
	padding-left: 30px;
	padding-right: 30px;
	}

.thyellow {

	background-color:#D7AD54;
	}

.tdltgreen {

	background-color:#DEF6FC;
	padding-left: 30px;
	padding-right: 30px;
	}

.thgreen {

	background-color:#539FA6;
	}

.apa-reference {
padding-left: 36px;
    text-indent: -36px
}