/* CSS Document */

html {
height: 100%;
}

body {
margin: 0;
padding: 0;
text-align: center;
background: #ffffff url('images/proto3_bodybg.jpg') bottom left repeat-x;
background-attachment: fixed;
height: 100%;
}

p {
font:11px arial;
color:#333333;
line-height:20px;
letter-spacing:.1em;
}

h1 {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 1.5em;

color: #630000;
}

#maincontainer {
margin: 0 auto;
height: 100%;
}

#left {
width:147px;
height: 100%;
margin: 3;
border-left: 3px double #fff;
border-right: 3px double #fff;
padding: 0;
background: #266384 url('images/leftcol.gif') top left no-repeat;
}

#right {
text-align: left;
background: #fff;
padding: 0 25px 5px 25px;
border-right: 3px double #266384;
}

#container {
			position: relative;
			width: 487px;
			height: 67px;
			padding: 5px;
			margin: 0;
		}

		#menu {
			position: absolute;
			top: -2px;
			left: -1px;
			width: 487px;
			height: 67px;
			margin: 0;
			padding: 0;
			display: inline;
			overflow: hidden;
			list-style: none;
		}

		#menu LI {
			margin: 0;
			padding: 0;
			display: inline; /* duplicated for IE 5/Win */
			list-style-type: none; /* duplicated for IE 5/Win */
		}

		#menu A {
			float: left;
			height: 0px !important;
			height /**/:67px; /* IE 5/Win hack */ 
			padding: 67px 0 0 0;
			overflow: hidden;
		}

		#menu A:hover {
			background-position: 0 -67px;
		}

		#menu A:active, #menu A.selected {
			background-position: 0 -134px;
		}

		#item0 A {
			width: 56px;
			background: url(http://www.gjlts.com/images/navbar_home.gif) top left no-repeat;
		}

		#item1 A {
			width: 112px;
			background: url(http://www.gjlts.com/images/navbar_syllabi.gif) top left no-repeat;
		}

		#item2 A {
			width: 112px;
			background: url(http://www.gjlts.com/images/navbar_presentations.gif) top left no-repeat;
		}

		#item3 A {
			width: 87px;
			background: url(http://www.gjlts.com/images/navbar_resources.gif) top left no-repeat;
		}

		#item4 A {
			width: 64px;
			background: url(http://www.gjlts.com/images/navbar_photos.gif) top left no-repeat;
		}

		#item5 A {
			width: 56px;
			background: url(http://www.gjlts.com/images/navbar_links.gif) top left no-repeat;
		}

.bottomnav a {
	text-align: center;
	font:11px arial;
	color:#630000;
	letter-spacing:.1em;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #999999;
	text-decoration: none;	
}

.bottomnav a:visited {
	text-align: center;
	font:11px arial;
	color:#630000;
	letter-spacing:.1em;
	font-weight: bold;
	padding: 3px;
	text-decoration: none;
}

.bottomnav a:hover {
	text-align: center;
	font:11px arial;
	color:#ffffff;
	letter-spacing:.1em;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #000000;
	text-decoration: none;
	background: #630000;
}

.copyright {
	text-align: center;
	font: 9px arial;
	color: #333333;
}

p a {
	color: #336699;
	text-decoration: none;
	border-bottom: 1px dotted #336699;
}

p a:visited {
	color: #336699;
	text-decoration: none;
	border-bottom: 1px dotted #336699;
}

p a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}