html {
   font-family:"Times New Roman", serif;
}
body {
	padding: 0;
	margin: 0;
	background: #0e4c92 url(img/background.jpg) 50% 0;
}

h1 {
	font-size:18pt;
	color: #0e4c92;
	font-weight:bold;
}

#wrapper {	
	margin: 0 auto;
	width: 700px;	
	background-image: url(img/corner-bottom.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#banner {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}

#menu {
	background:#fff;	
	border-bottom: 2px solid black;
}

ul.menu {
	margin: 0px;
	padding: 10px 0;
	text-align:center;
}
ul.menu li {
	display:inline;
	list-style: none;
}
ul.menu li a {
	padding: 3px .5em;
}

.rect, a .rect, .rect a, ul.menu li a {
	font-size: 10.855pt;
	font-weight:bold;
	color:#0e4c92;
	background-color:white;
	border: 2px solid #0e4c92;
	text-decoration: none;
	text-align: center;
}
.rect a:hover, a:hover .rect, ul.menu li a:hover {
	color:#005;
	background-color:#e1e1f6;
}

#bigbuttons div {
	width: 125px;
	margin:auto;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px 0px;
	cursor:pointer;
}

.bigbutton:hover {
	color:#005;
	background-color:#e1e1f6;
}



#breadcrumb {
	margin:0px 0px;
	margin-bottom:10px;
}

#content {		
	float: left;
	width: 500px;
	padding:10px;
	
	background-image: url(img/corner-top-blur.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#content p {
	margin-top: 15px;
	margin-bottom: 15px;
}

#content form {
	margin: 15px;
}

#side {		
	float: right;
	width: 180px;
	font-size: small;
}

#side p {
	padding: 20px 20px 0 0;
}

.box-title {
	padding: 3px 0px;
	width: 100%;
	background-color: #0e4c92;
	color: white;
	text-align: center;
	font-weight:bold;
	cursor:pointer;
}

.panel {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 160px;
	border: 5px double #0e4c92;
	border-bottom: 5px double #0e4c92;
	border-top: 5px double #0e4c92;
}

#controlPanel {
 text-align:center;
}

.panelcontent {
	padding: 5px;
}

.panelcontent * {
 font-size: 11px;

}

.panelcontent .login {
 text-align:center;
}

.panelcontent .login .text {
 width: 120px;
 margin-top: 3px;
 margin-bottom: 3px;
}

.login label {
 display:block;
}

.panelcontent .login .buttons {
 background-color: #333333;
 color: #FFFFFF;
}

.panel ul {
	margin: 0px;
	padding: 5px;
	list-style:none;
}

.account {
	width: 425px;
	border: 3px double #0e4c92;
	margin:auto;
	margin-bottom: 10px;
	padding: 10px;
	background:white;
}

.account div {
	float:left;
	clear:left;
}

.student {
	width: 300px;
	background:white;
	padding:5px;
	border: 1px solid #333;
	margin:auto;
	margin-bottom: 5px;
}

div.announcement {
	font-size: 14px;
	color: #0e4c92;
	background:#e1e1f6;
	border: 5px double #0e4c92;
	margin: auto;
	padding: 10px;
	text-align:center;
	width: 400px;
}

#footer {
	background:white;
	clear: both;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
}

#footer p {
	margin: 0 auto;
	font-size: .8em;
	text-align: center;
}

img {
	border:none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


.emph {
	color: #0e4c92;
	font-weight: bold;
}

hr {
 border: 1px solid #333;
 width: 75%;
}