/* @override http://localhost/~thinker/Courses/style/courses.css */

/*
   This stylesheet is based off of the Adobe Illustrator course posters for the
   Spring 2008 History of Art courses. The layout is divided into three basic
   sections: the identifiers at the top of the page (Coursenum and Coursename),
   the body content (Courseillus and Coursedesc) and the footer information
   (Instructors, Meets and Credits).  Additionally, the Mid- and Bottom- page
   elements are contained within a partially bordered area with a History of Art
   departmental logo in the bottom-right corner.

   Pages can be very quickly created using this CSS format by using the
   appropriate DIV tags to enclose the correct information. 
*/

body {
	color: black;
	font: 9pt Arial, Helvetica, Geneva, sans-serif;
}

a:link {
	text-decoration: none;
	color: black;
}

a:visited {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration:none;
}

#navigation {
	display: none;
	color: black;
	font: 8pt Arial, Helvetica, Geneva, sans-serif;
	width: 155px;
	left: 20px;
	top: 20px;
	float: left;
	position: fixed;
}


div.navigation {
	color: black;
	font: 6pt Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	display: none;
}

div.Border {
	border-top: thin solid #c9d1d6;
	border-left: thin solid #c9d1d6;
	position: absolute;
	left: .25in;
	top: 1.25in;
	margin-right: .25in;
	background: url(cornerlogo.jpg) no-repeat right bottom;
	padding-bottom: .5in;
}

div.Border li {
	margin-top: .125in;
}


/* @group Top of page area */

div.Leftside {
	position: fixed;
	left: .25in;
	top: .125in;
}

div.Rightside {
	position: fixed;
	right: .25in;
	top: .125in;
	max-width: 35%;
}

div.Coursename {
	font-size: 12pt;
	text-transform: capitalize;
	font-variant: small-caps;
	position: absolute;
	left: .25in;
	top: .75in;
	max-width: 60%;
}

div.Coursenum {
	color: #666666;
	font-size: 36pt;
	position: absolute;
	top: .125in;
	left: .25in;
	letter-spacing: 0em;
}

/* @end */



/* @group Mid page area */

img.Courseillus {
	margin: .125in;
	float: left;
	display: inline;
}

div.Coursedesc {
	margin: .125in;
	padding-bottom: .25in;
}

div.Coursedesc h1 {
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1.5pt;
}

/* @end */



/* @group Bottom of page area */

div.Instructors {
	margin-left: .125in;
	font-weight: bold;
}

div.Meets {
	margin-top: .125in;
	margin-left: .125in;
}

div.Credits {
	font-weight: bold;
	margin-left: .125in;
}

/* @end */