/* CSS for pixlor.com */

body { margin : 10px 0 20px 0;
	color : #000000;
	background : #ffffff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 90%;
	padding : 0;
	}

.layout { background : #ffffff;	 }
#content { padding : 10px 0px 30px 50px; }

p { margin : 0.5em 0 0 1.25em; }
.bright { font-weight : bold; }
.attribution { font-weight : bold; text-align : right; }
.urlid { font-family : "Courier New", Courier, monospace; font-size : 90%; color : #002c82; }

ul {margin : 0.2em 0 0em 5em; }
ol {margin : 0.2em 0 0em 5em; }
ul ul { margin : 0.2em 0 0 2.5em; }
ol ul { margin : 0.2em 0 0 2.5em; }
ul ol { margin : 0.2em 0 0 2.5em; }
ul li { margin : 0.2em 0 0 .5em; }
ol li { margin : 0.2em 0 0 .5em; }
ul ul li { margin : 0.125em 0 0 .125em; }

a { text-decoration : none; }
a:link { color : #4477d0; }
a:visited { color : #002c82; }
a:hover, a:active { color : #ebc73d; text-decoration : underline; }

h1, h2, h3 { font-weight : bold; color : #671941; }
h1 { font-size : 135%; margin : .5em 0 0.2em 0; }
h2 { font-size : 120%; margin : 1em 0 0.5em 0; }
h3 { font-size : 110%; margin : 0.5em 0 0.2em 0; }

/* Navigation : white links on color, yellow on hover; colors depending upon doetm */
.nav { font-size : 11px; }
.nav a { text-decoration : none; }
.nav a:link, .nav a:visited { color : #ffffff; text-decoration : none;}
.nav a:hover, .nav a:active { color : #ebc73d; text-decoration : none;}


table{ font-size : 100%; }
tr { vertical-align : top; }
.vatop { vertical-align : top; }
.head { font-weight : bold;	padding : 0.4em 0 0 0; }
.sub { padding : 0.2em 0 0 1.5em; }
#content table { margin : 0.5em 0 0 1.25em; }
.se-style { font-size : 80%; margin : 0; padding : 0; }

/* Student Projects */
.assign { font-style : italic; }
.backto { margin : 2em 0 0 1.25em; }
.bqreq { background-color : #dae4f6; font-size : 80%; margin : 0.5em 0 0.5em 3em; padding : .5em; }
.bqreq p { margin : 0; }
#outline { padding : 0 0 0 3em; }
.outline1 { list-style-type : upper-roman; font-weight : bold; margin : 1em 0 0 3em;}
.outline2 { list-style-type : upper-alpha; font-weight : bold; margin : 0em 0 1em 2em;}
.outline3 { font-weight : normal; margin : 0em 0 .5em 2em;}
.outline4 { list-style-type : lower-roman; font-weight : normal; margin : 0em 0 .5em 2em; }
.outline5 { list-style-type : lower-alpha; font-weight : normal; margin : 0em 0 .5em 2em; }
.outline1 li { margin : 0 0 .5em 0;}
.outline2 li { margin : 0;}
.outline3 li { margin : 0;}
.outline4 li { margin : 0;}
.outline5 li { margin : 0;}

/* Online Projects */
.opsidetab { background-color : #e5f4e5; font-size : 80%; float : right; margin : 0; padding : 0; }

/* For the pen */
.de-pen { color : #ffffff; background-color : #002c82; padding : 0 5px 2px 0; text-align : right; vertical-align : bottom; }
.copyright-pen { text-align : right; font-size : 10px; color : #4477d0; padding : 10px 0 20px 0; }

/* For the leaf */
.de-leaf { color : #ffffff; background-color : #4477d0; padding : 0 5px 2px 0; text-align : right; vertical-align : bottom; }
.copyright-leaf { text-align : right; font-size : 10px; color : #009400; padding : 10px 0 20px 0; }
#sidebar-leaf { background-color : #dae4f6; font-size : 80%; width : 40%; float : right; margin : 0 0 5px 5px; padding : 0; }
.sidebar-leafpara { margin : 0; padding : 5px 5px 5px 10px; color : #002c82; }

/* For the mouse */
.de-mouse { color : #ffffff; background-color : #009400; padding : 0 5px 2px 0; text-align : right; vertical-align : bottom; }
.copyright-mouse { text-align : right; font-size : 10px; color : #999999; padding : 10px 0 20px 0; }
#sidebar-mouse { background-color : #e5f4e5; font-size : 80%; width : 40%; float : right; margin : 0 0 5px 5px; padding : 0; }
.sidebar-mousepara { margin : 0; padding : 5px 5px 5px 10px; color : #003300; }

/* For the pinwheel */
.de-pinwheel { color : #ffffff; background-color : #8e204f; padding : 0 5px 2px 0; text-align : right; vertical-align : bottom; }
.copyright-pinwheel { text-align : right; font-size : 10px; color : #ffaf00; padding : 10px 0 20px 0; }

/* For the pen pointing down */
.de-pendown { color : #ffffff; background-color : #999999; padding : 0 5px 2px 0; text-align : right; vertical-align : bottom; }
.copyright-pendown { text-align : right; font-size : 10px; color : #4477d0; padding : 10px 0 20px 0; }

/* Home page table */
.tetop { vertical-align : top;		background-image : url(images/bkt-te-line.gif);	background-repeat : repeat-y ; }
.temid { vertical-align : middle;	background-image : url(images/bkt-te-line.gif);	background-repeat : repeat-y ; }
.tebot { vertical-align : bottom;	background-image : url(images/bkt-te-line.gif);	background-repeat : repeat-y ; }
.idtop { vertical-align : top;		background-image : url(images/bkt-id-line.gif);	background-repeat : repeat-y ; }
.idmid { vertical-align : middle;	background-image : url(images/bkt-id-line.gif);	background-repeat : repeat-y ; }
.idbot { vertical-align : bottom;	background-image : url(images/bkt-id-line.gif);	background-repeat : repeat-y ; }
.cgtop { vertical-align : top;		background-image : url(images/bkt-cg-line.gif);	background-repeat : repeat-y ; }
.cgmid { vertical-align : middle;	background-image : url(images/bkt-cg-line.gif);	background-repeat : repeat-y ; }
.cgbot { vertical-align : bottom;	background-image : url(images/bkt-cg-line.gif);	background-repeat : repeat-y ; }

/* Contact page table */
.contacthead { font-weight : bold ; background-color : #c8c8c8; color : #002c82; text-align : right; }
.contactinput { background-color : #c8c8c8; }