a:hover {color: #FF0000}
ul {list-style: circle;}
h1 {font-family: sans-serif; color: #2C5F3F}
h2 {font-family: sans-serif; color: #2C5F3F}
h3 {font-family: sans-serif; color: #2C5F3F}
strong { color:#2C5F3F}

body {
	font-family: sans-serif;
	background-color: #555;
}

#navbar ul { 
margin: 0; 
padding: 5px; /* Set margin and padding for cross browser consistency. */ 
list-style-type: none; /* Needed to eliminate list item marker */ 
text-align: center; /* Centers navigation bar */ 
background-color: #2C5F3F; /* Set as desired */ 
} 

#navbar ul li { 
display: inline; /* Needed to create horizontal effect */ 
} 

#navbar ul li a { 
text-decoration: none; /* The setting of "none" allows the link to not be underlined. This is up to user preference. */ 
padding: .2em 1em; /* Gives the link space inside it's individual block. */ 
color: #fff; /* Set as desired */ 
background-color: #2C5F3F; /* Set as desired */ 
} 

#navbar ul li a:hover { 
color: #000; 
background-color: #fff; /* Both of these values create the "Rollover effect, Set as desired */ 
} 

#syllabus
{
        background: #fff;
        margin : 0 auto;
        border-collapse: collapse;
        text-align: left;
	border-collapse : collapse;
	border : 1px solid #000;
		
}
#syllabus th
{
	font-weight:normal;
        color: #000;
	font-size : 100%;
        padding: 10px 8px;
        border-bottom: 2px solid #6678b1;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;

}
#syllabus td
{
        border-bottom: 1px solid #ccc;
        color: #0;
        padding: 6px 8px;
	border-right : 1px dashed #000;
}
#syllabus tbody tr:hover td
{
        background-color: #F9F9F9;
	
}