/* Screen CSS Document for Whatcom Agility Team */

/* Color Scheme: 	
	body blue		#6b67c2 (body)
	logo blue		#504d93 (from logo, used in main content)
	gold			#f3ca24 (title, headings, sidebar navigation)
	white			#fff 	(main content text)
	link blue		#c5c3ec (main content links)
	red				#ca2323 (hover)
*/
					
body {
	margin:0;
	padding:0;
	font:.8em Verdana, Arial, Helvetica, sans-serif;
	background:#6b67c2;
	text-align:center; 
	color:#fff;
}
#container { 
	position:relative;
	margin:0 auto; 
	padding:0;
	width:780px; 
	text-align: left; 
	background:#504d93;
	border-left:1px solid #f3ca24;
	border-right:1px solid #f3ca24;
} 
#header { 
	margin:0;
	padding:0; 
	height:150px;
}
#sidebar {
	position: absolute;
	left:0;
	width:120px;
	padding:70px 15px 10px 15px;
	color:#f3ca24;
	font-weight:bold;
	text-align:center;
}
#sidebar ul {
	font-size:1.2em;
	margin:0;
	padding:0;
}
#sidebar ul li {
	margin:15px 0;
	list-style:none;
	font-variant:small-caps;
}
#mainContent {
	top:150px;
	margin:-20px 0 0 150px;
	padding:0 30px 15px 30px;
	border-left:1px solid #f3ca24;
}
#footer {
	margin:0 0 0 150px;
	padding:5px 30px 5px 30px;
	text-align:center;
	font-weight:bold;
	font-size:.9em;
}
h1 {
	font-variant:small-caps;
	text-align:center;
}
h2 {
	color:#f3ca24;
	font-style:italic;
}
h3 {
	color:#f3ca24;
	padding-left:3%;
}
img {
	border:none;
}
#mainContent li {
	padding-bottom:5px;
}
.fltrt {
	float:right;
	padding:0px 0px 0px 20px;
}
.fltlft {
	float: left;
	padding: 0px 20px 0px 0px;
}
.clearfloat { 
	clear:both;
    height:0;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.coursemap {
	padding-left:3%;
	text-align:center;
/*	overflow:scroll; */
}
.highlight {
	text-align:center;
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
	padding:5px 0;
}
.highlight-box {
	border:2px solid #ca2323;
	text-align:center;
	margin:0 40px 5px 40px;
	padding:10px 20px;
}
.highlight-box-bullets {
	border:2px solid #ca2323;
	margin:0 40px 5px 40px;
	padding:0 10px 5px 0;
}
.highlight-box-bullets ul li {
	padding:5px 0;
}
.indent {
	padding-left:3%;
	padding-right:3%;
}
.indent2 {
	padding-left:6%;
	padding-right:6%;
}
.table-cell {
	padding:10px 0;
	vertical-align:top;
}
.table-cell-center {
	padding:10px 0;
	text-align:center;
}
.table-cell img {
	margin:0;
	padding:30px 0 10px 0;
}
a:link, a:visited {
	text-decoration:none;
	color:#c5c3ec;
	font-weight:bold;
}
a:hover {
	color:#ca2323;
	text-decoration:none;
}
#sidebar a:link, #sidebar a:visited {
	color:#f3ca24;
}
#sidebar a:hover {
	color:#ca2323;
}