/*
	Project: Final Project
	Class: ITEC 1555



*/

#main  {background-color: black; color: white;}
.content {font-family: Sans-serif; font-size: 8pt; color: white;}
.content a  {font-family: Sans-serif; background-color: white; color: black; text-decoration: underline;}
.content a:hover {background-color: black; color: white; text-decoration: none;}
.content p:first-letter {font-family: Sans-serif; font-size: 10pt; color: white;}
.caption {font-family: Sans-serif; font-size: 10pt; color: white;}
.credits {font-family: Sans-serif; font-size: 8pt; color: white}
.downloads {text-align: center;}
.downloads  a {font-family: Arial; background-color: white; color: black; font-size: 10pt; letter-spacing: 2px;}
.downloads  a:hover {background-color: black; color: white;}
.news {font-family: Arial; font-size: 10pt; color: white; letter-spacing: 6px; margin-left: 12px;}

#top {background-image: url('images/horizontal_line.gif'); background-repeat: repeat-x; background-position: top left; background-color: black; width: 500px; margin: 6; padding-top: 4;}
#split {background-image: url('images/horizontal_line.gif'); background-repeat: repeat-x; background-position: top left; background-color: black; padding-top: 4;}
#topleft {background-image: url('images/top_left_curve.gif'); background-repeat: none; background-color: black; width:22px; height:20px;}
#topright {background-image: url('images/top_right_curve.gif'); background-repeat: none; background-color: black; width:22px; height: 20px;}
#verticalSides {background-image: url('images/vertical_line.gif'); background-repeat: repeat-y; background-color: black; width: 40px; height: 352px;}
#bottomLeft {background-image: url('images/bottom_left_curve.gif'); background-repeat: none; background-position: top right; background-color: black; width: 22px; height: 18px;}
#bottomRight {background-image: url('images/bottom_right_curve.gif'); background-repeat: none; background-position: top left; background-color: black; width: 22px; height: 18px;}
#bottomLeft2 {background-image: url('images/bottom_left_curve.gif'); background-repeat: none; background-position: bottom right; background-color: black; width: 22px; height: 20px;}
#bottomRight2{background-image: url('images/bottom_right_curve.gif'); background-repeat: none; background-position: bottom left; background-color: black; width: 22px; height: 20px;}
#bottom {background-image:url('images/horizontal_line.gif'); background-repeat: repeat-x; background-position: top left; background-color: black; width: 500px; height: 4px;}

#button {background-color: black; text-align: center; font-family: Sans-serif; color: white;}
#button a {font-family: Sans-serif; color: white; text-decoration: none;}
#button a:hover {background-color: white; font-family: Sans-serif; color: black;}

ul li {list-style-type: disc;}