/* ======= BREAD.CSS ======= */
/* Alan Colquhoun, MDIA 3206 */
/* Last Update: March 31     */
/* ========================= */  

body {
	background: url(images/bg_tile.png);
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
}

a.body:link {
	color: #0000ff; background: #fff;
	text-decoration: underline;
	font-weight: bold;
}

a.body:visited {
    color: #808; background: #fff; 
	text-decoration: underline;
	font-weight: bold;
}

a.body:active {
	color: #808000; background: #fff; 
	text-decoration: underline;
	font-weight: bold;
}

a.body:hover {
	color: #ff0000; background: #fff; 
	text-decoration: underline;
	font-weight: bold;
}

a.ftr:link {
  color: #0000ff; background: #ccc;
  font-weight: bold;
  text-decoration: none;
}

a.ftr:visited {
  color: #808; background: #ccc;
  font-weight: bold;	
  text-decoration: none;
}

a.ftr:active {
  color: #808000; background: #ccc;
  font-weight: bold;	
  text-decoration: none;
}

a.ftr:hover {
  color: #ff0000; background: #ccc;
  font-weight: bold;
  text-decoration: underline;
}

#wrapper {
	margin: 0 auto; 
	width: 900px;	
	text-align: left;
	border: 3px solid #000;
}

#header {
	color: #000; background: #ccc;
	height: 128px;
}

#banner
{
	height: 125px;
	border-bottom: 3px solid black;
}

#bnrtext
{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 40px;	
	padding-top: 35px;
	text-align: center;
}

#mainmenu 
{
	font-family: Arial;
	padding: 23px 0px 0px 0px;
	margin-bottom: 0px;
	width: 900px;
	background: #fff;
}

#mainmenu p 
{
	margin: 0;
	text-align: center;
	padding-bottom: 23px;
	border-bottom: 3px solid black;
}

#mainmenu p a#current 
{ 
	border: 2px solid red;
	color: #000; background: transparent;
	padding: 4px 10px;
	text-decoration: none;
}

#mainmenu p a 
{
	color: #fff; background: #333;
	font-size: 18px;
	padding: 4px 10px;
	text-decoration: none;
}

#leftright {
    color: #fff; background: #567;
	text-align: center;	
}

#left_column {
	font-size: 12px;
	padding-top: 35px;
	padding-left: 30px;
	float: left;
	width: 490px; height: 570px;
}

#bg_area {
	color: #000; background: #fff; 
	width: 490px; height: 535px;
}

#textarea
{
	font-size: 12px;	
	padding: 20px 25px 20px 20px;
	text-align: left;
}

hr
{  
    float: left;
	color: #000; background: #f00;
	height: 3px; width: 442px; 
	margin-bottom: 15px;
}
   
#right_column {
	float: left;
	padding: 10px;
	width: 360px; height: 585px;
}

.picarea1 {
    border: 3px solid black;
	padding: 20px 15px 20px 15px;
	background: #ccc;
	margin: 25px 0 0 20px;
	width: 280px; 
}

.picarea2 {
    border: 3px solid black;
	padding: 20px 15px 20px 15px;
	background: #ccc;
	margin: 20px 0 0 20px;
	width: 280px; 
}

.video {
	margin: 25px 0 20px 20px;
	width: 320px; 
}

table {
  border-collapse: collapse;
  width: 800px;
  border: 2px solid #000;
  margin-left: 5px;
  color: #000; background: #ccc;
  margin: 0 auto; 
}

th {
  background: #999;
}

th, td {
  padding: 6px 20px;
  font-size: 90%;
}

caption {
  font-size: 100%;
  font-weight: bold;
  margin: 5px 0;
}  

col {
  border-right: 2px solid #000;
}

thead {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

tr {
   border: 2px solid #000;
}   

#txtbox
{
	color: #000; background: #ccc;
	font-size: 18px;	
	margin: 10px 50px 10px 50px;
	padding: 15px;
	text-align: left;
	border: 3px solid black;
}
#footer
{
    border-top: 3px solid black;
	background: #ccc; 			
	font-size: 1.25em;
	padding-top: 35px;
	text-align: center;
	height: 60px;   
}