/*
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Sans'), url('http://themes.googleusercontent.com/font?kit=POVDFY-UUf0WFR9DIMCU8g') format('truetype');
}
*/
* {
	outline:none;
	border:none 0px;
}
body {
	/*font-family: "Droid Sans", Verdana, Arial,  serif;*/
	font-family: Verdana, Arial,  serif;
	margin:0px;
	padding:0px;
	background-color:#B3E2FF;
	text-align:center; /*So that Ineternet Explorer performs the auto left and right centering*/
	background-image: url(images/bodyBGTile.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
	color: #0A3258;
}
#container {
	width:955px;
	margin:15px auto; /*center the container*/
	text-align:left; 
	background-color:#fff;
	padding:15px;
}
#masthead {
	padding:15px;
	height:100px;
	background-color:#E1D555;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D0BE3B), to(#FFFB80));
}
#masthead h2, #masthead h3 { display:none;}
#masthead h4 { margin:0px; padding:0px; line-height:100%; }
#masthead h4#course {
	font-size:26px;
	color: #172F45;
	margin-bottom:10px;
}
#masthead h4#instructor { color: #265076; }
#mainmenu {
	padding:0px;
	margin-bottom:15px;
	background-color:#172F45;
	overflow:auto;
}
#mainmenu ul { list-style-type: none; margin:0px; padding:0px; }
#mainmenu ul li { display:inline; }
#mainmenu ul a:link, #mainmenu ul a:visited {
	font-size:12px;
	display:block;
	width:100px;
	text-align:center;
	padding:10px;
	background-color:#172F45;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
}
#mainmenu ul a:hover, #mainmenu ul a:active { background-color:#294156; }
#mainmenu ul li.last a { float:right;}
#content {}
#content a:link, #content a:visited {
	font-weight: bold;
	color: #172F45;
}
#content a:hover, #content a:active { text-decoration: none; }

#articles {
	padding:15px;
	min-height:500px;
}

#outline {}
#outline .session {
	border: 2px solid #A1B3BD;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	background-color: #E1F4FF;
	color: #000;
	padding: 25px;
	margin-bottom:5px;
}
#outline .sessionLabel {}
#outline .sessionLabel * { display:inline; }
#outline .sessionLabel h2.title {
	font-size:18px;
	color:#172F45;
	margin-right:15px;
}
#outline .sessionLabel p.date { font-size:12px; color:#666; margin-right:5px;}
#outline .sessionLabel p.time { font-size:12px; color:#666; margin-right:15px; }
#outline .sessionDescription {
	font-size: 14px;
	line-height: 18px;
	width: 600px;
}
#outline .sessionModule {
	padding: 10px;
	margin-bottom: 3px;
	font-size: 12px;
	color: #CCC;
	border: 2px solid #172F45;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	
	background-color: #172F45;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#09151F), to(#172F45));
	
}
#outline .sessionModule h3 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #FFF;
}
#outline .sessionModule a:link, #outline .sessionModule a:visited {
	font-weight: bold;
	color: #E1F4FF;
	font-size:larger;
}
#outline .sessionModule a:hover, #outline .sessionModule a:active {
	text-decoration: none;
	color: #FFF;
}
#outline .sessionModule .details { padding:5px 45px 5px; }

#outline .homework {
	background-color: #245A5C;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#381111), to(#5C201B));
}
#outline .other {
	background-color: #22585C;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0F3335), to(#206569));
}
#outline .project { 
	background-color: #060; 
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#002905), to(#060));
}

table#assignments {
	border-collapse:collapse;
	width:100%;
	border-spacing:0px;
}
table#assignments th, table#assignments td { padding:5px; border:solid 1px #369; }

#footer {
	background-color:#E1D555;
	font-size:12px;
	background-color:#FAF579;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#C4AF2F));
	padding-top: 100px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#footer ul { list-style-type:none; margin:0px; text-align:center; }
#footer ul li { display:inline; margin:10px; }

/*
FORMS
********************************/
form.vert { width:300px; padding:10px; background-color:#F4DB87; }
form.vert table { width:100%; border:dotter 1px #333; }
form.vert table tr {}
form.vert table td { padding:5px; }
form.vert table td label { }
form.vert table td input[type="text"], form.vert table td input[type="password"] { width:95%; padding:5px; }
form.vert table td textarea { width:95%; padding:5px; }
form.vert table td input[type="text"]:focus, 
form.vert table td input[type="password"]:focus,
form.vert table td textarea:focus { background-color:#CCC; }
form.vert table td input[type="text"].error, 
form.vert table td input[type="password"].error, 
form.vert table td textarea.error { background-color:#FDA2F2; }
form.vert div.submit input[type="submit"] { }
form.vert div.submit input[type="submit"]:active { }


form.twoCol { width:500px; padding:10px; background-color:#F4DB87; }
form.twoCol table { width:100%; border:dotter 1px #333; }
form.twoCol table tr {}
form.twoCol table th { width:40%; padding:5px; text-align:right; font-weight:bold; }
form.twoCol table td { padding:5px; }
form.twoCol table th label { }
form.twoCol table td input[type="text"], form.twoCol table td input[type="password"] { width:95%; padding:5px; }
form.twoCol table td textarea { width:95%; padding:5px; }
form.twoCol table td input[type="text"]:focus, 
form.twoCol table td input[type="password"]:focus,
form.twoCol table td textarea:focus { background-color:#CCC; }
form.twoCol table td input[type="text"].error, 
form.twoCol table td input[type="password"].error, 
form.twoCol table td textarea.error { background-color:#FDA2F2; }
form.twoCol div.submit input[type="submit"] { }
form.twoCol div.submit input[type="submit"]:active { }