/*Top Stuff*/

html, body{
margin: 0;
padding: 0;
background: #3399FF;
font-family: arial,helvetica,sans serif;
}

#container {
width: 761px;
margin: auto;
border-left: 2px solid white;
border-right: 2px solid white;
background: white;
}

#header {
width: 800px;
height: 207px;
background: url(tsotu.jpg);
background-repeat: no-repeat;
}

/*Top Navigation*/

#nav,#nav ul {padding:0;margin:0}
#nav li ul a {margin-left:1em}
#nav li {
	float:left;
	width:9em;
	position:relative;
	list-style-type:none;
	font-weight:600
}

#nav li ul {
visibility:hidden;
position:absolute;
	width:9em
}

#nav li:hover ul {
	visibility:visible;
	background-color:#fff;
}


#navigation {
background: black;
width: 100%;
font-size: 12px;
border-top: 2px solid black;
border-bottom: 2px solid black;
padding-top:2px;
padding-bottom:2px;
}

#navigation ul{
display: inline;
padding: 0px;
margin: 0px;
}

#navigation ul li{
display: inline;
list-style-type: none;
position: relative;
padding: 15px;
margin: 0px;
}

#navigation a:link, #navigation a:visited{
color: white;
padding-bottom: 1px;
text-decoration: none;
}

#navigation ul a:hover, #navigation ul a:active {
padding-bottom: 1px;
color: orange;
text-decoration: none;
}

/*Sidebar*/

#sidebar {
float: left;
padding-left: 20px;
padding-top: 20px;
width: 180px;
height: 1100px;
background-color: orange;
border-right:2px solid black;
}

#sidebar p{
color:white;
width: 160px;
padding-bottom: 1px;
border-bottom: 1px solid black;
font-size: 10pt;
}

#sidebar h5{
color:white;
width: 160px;
font-size: 10pt;
}

#sidebar a:hover{
color:red;
}

#sidebar a:link{
text-decoration: none;
}

/*Content*/

#content {
margin-left: 220px;
margin-right: 20px;
background: white;
font-size: 10pt;
}

#content a:hover{
color: red;
}

#content a:link{
text-decoration: none;
}

/*Academics*/

#courses1 {
width:250px;
margin-left:0px; 
padding-left:20px; 
list-style:none;
float:left;
}

#courses2 {
padding-left:20px; 
list-style:none;
}

/*Footer*/

#footer {
clear: both;
background: black;
text-align: right;
padding-right: 20px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#footer p{
color: white;
font-size: 10pt;
}

#footer img{
float: left;
padding-top: 8px;
padding-left:10px;
}

/*Activities Logos*/

#firstlogo img{
float: left;
}

#nthslogo img{
float: left;
padding-right: 10px;
}

#secmelogo img{
float: left;
padding-right: 10px;
}

/*Writing Left Navigation*/

#navbar ul, #navbar ul li {
list-style-type: none;
list-style:none;
padding: 0px;
font-family: arial,helvetica,sans serif;
font-size: 14px;
}

#navbar a:link, a:visited{
text-decoration: none;
color: black;
}

#navbar ul li a:hover{
color: white;
}

#navbar ul li{ 
font-weight: bold;
}

/*Other*/

h4{
font-weight: bold;
color: #999999;
border-bottom: 1px solid black;
}

#noellepic{
float:right;
padding: 5px;
}

#writing{
padding-left: 50px;
}

#writing ul{
list-style-type: none;
}

#poem{
text-align: center;
}