body, html {margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
	background: black;
	}

.bigger {
font-size: 15px;
color: red;
font-weight: bold;
}
.biggerblue {
font-size: 15px;
color: blue;
font-weight: bold;
}

#main a {
text-decoration: none;
color: blue;
}
#main a:hover {color:red;}

#navcontainer {background:#e2d8cd;
margin-left: auto;
margin-right: auto;
margin-top: 120px;
font-family: Verdana;
color: black;
text-align: center;
vertical-align: middle;
width: 460px;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
font-size: 12px;
clear: both;
}
.class1 navlist
{list-style-type: none;
padding: 0px;
margin: 0px;
font-size: 12px;
}
.class1 li{
display: block;
float: left;
position: relative;
cursor: default;
width: 85px;
margin: 0;
padding: 0;
text-align: center;
border-left:1px solid #6d5641; 
border-right:0px solid white; 
border-top:1px solid #6d5641; 
border-bottom:1px solid white; 
border-style: inset;
background: white;
}

.class1 li a{
display: block;
width: 80px;
padding: 0.2em;
text-decoration: none;
background: white;
border-left:1px solid #6d5641; 
border-right:0px solid white; 
border-top:1px solid #6d5641; 
border-bottom:1px solid white; 
border-style: inset;
}

.class1>#li a { width: auto; }

.class1 li#active a
{background: #abcbfa;
color: Red;
}

.class1 li a:hover, #navlist li#active a:hover
{color: Red;
background: #e2d8cd;
border-left:1px solid #6d5641; 
border-right:0px solid white; 
border-top:1px solid #6d5641; 
border-bottom:1px solid white; 
border-style: inset;
padding-top: 1px;
	padding-bottom: 1px;
}

.class1 li li {display: block;
	float: left;
	background-color: White;
	border: 0px none;
	}
.class1 li li a {
	display: block;
	width: 80px;
	font-weight: normal;
	color: Black;
	padding: 0.2em;
}
.class1 li li a:hover {padding: 1px;
	border-left: 2px solid #6d5641;
	border-right: 2px solid #6d5641;
}
 ul {list-style: none;
	padding: 0;
	margin: 0;
}

.class1 a {font-family: Verdana;
font-weight: normal;
	color: Black;
	font-size: 12px;
	text-decoration: none;
}
		
.class1 li ul {display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #6d5641;
	padding: 0px;
	}


.class1 li>ul {	top: auto;
	left: auto;
}

.class1 li:hover ul, li.over ul {display: block;
}


	
	#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 400px;
	background: #e2d8cd url('pics/loggo.jpg') no-repeat left top;
	}
	
	#header {margin:0px auto; width: 795px;
	height: 175px;
	padding: 0px;
	text-align: center;
	vertical-align:top;
	border:medium groove #6d5641; 
	background-image: url('pics/bursar.jpg'); background-position: right top; background-repeat: no-repeat; margin-right:auto; margin-bottom:0px; margin-left:auto; margin-top:0px;
	}
	
		
	p {font-family: Verdana;
	font-style: normal;
	color: silver;
	font-size: 11px;
	}
	
	#footer {font-family: Verdana;
	font-size: 9px;
	font-style: normal;
   	width: 800px;
	height: 30px;
	background-color: #e2d8cd; 
	color: black;
	clear: both;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0px;
    }
	
	li.list3 {list-style: none; 
	color:#b00000;
	text-align: left;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	} 
	
	li.list3 A {color: blue;
text-decoration: none;
}
li.list3 A:hover {text-decoration: none;
color: red;}


	
	.text {text-align: justify;
	float: left;
	margin-left: 0px;
	font-family: verdana;
	color: black;
	font-size: 11px;
	font-style: normal;
		}
	
	#main {background: #e2d8cd;
	width: 440px;
	height: 405px;
	float: left;
	text-align: left;
	padding-left: 1.7em;
	padding-right: 2em;
	padding-top: 0.5em;
	padding-bottom: 0px;
	margin: 0px;
	}
	
	#sidebar {
	width: 271px;
	height: 402px;
	float: right;
	margin: 0px;
	}
	#sidebar {	text-align: left;
	background-color: white;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1.7em;
	font-family: verdana;
	color: black;
	font-size: 11px;
	font-style: normal;
	}
	
	#sidebar A {color: blue;
text-decoration: none;
}
#sidebar A:hover {text-decoration: none;
color: red;}

	B {font-family: Verdana;
	font-size: 18px;
	}
	
	
		img.floatLeft { 
    float: left; 
    margin-right: 1.2em; 
    }
	
	
	#textwrap {
	text-align: left;
	vertical-align: top;
	font-family: verdana;
	color: black;
	font-size: 11px;
	font-style: normal;
	}
	
	.amazon {float: left;	
margin-left: 0px;
margin-top: 0.3em;
}  

.bold {
font-weight: bold;
font-size: 20px;
}

.links {text-align: left;
	background-color: white;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	font-family: verdana;
	color: black;
	font-size: 11px;
	font-style: normal;
	margin-top: 9em;
}  
		
	.small {
	font-weight: bold;
	}
	
	

