body
{
   background: #DADADA;
   color: #0000A6;
   font-family: Arial;
   font-size: 12px;

}
a:link
{
    color:  #000000;
    font-family: Arial
}
a:visited
{
    color: #555555;
    font-family: Arial
}
a:active
{
    color: #666666;
    font-family: Arial
}
/* Pre-CSS for tables style */
table
{
    border-right: #808080 1px solid;
    padding-right: 1px;
    border-top: #f0f0f0 1px solid;
    padding-left: 1px;
    padding-bottom: 1px;
    border-left: #f0f0f0 1px solid;
    padding-top: 1px;
    border-bottom: #808080 1px solid;
    font-family: Arial;
    background-color: #c0c0c0
}
table td
{
	border-right: thin solid;
	padding-right: 2px;
	border-top: thin solid;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: thin solid;
	color: #0000af;
	padding-top: 2px;
	border-bottom: thin solid;
	font-family: Arial;
	background-color: #c0c0c0;
	font-size: 12px;
	left: auto;
	top: auto;
}
h4{
   font-family: Arial;
}

/* first primative attempt at replacing tables with css */
/* 
   things that need work
   Center table on page without div elements being centered (Fixed with text-align:left)
   Eliminate the redundant border/color information in each div (Fixed with multiple classes)
   Get the elements to auto size (fixed by using percentage - however outer box with percentage is problamatic)
*/

.raise{
border-left:#f0f0f0 solid;
border-top: #f0f0f0 solid;
border-bottom: #808080 solid;
border-right: #808080 solid;
border:solid 2px;
background-color:#c0c0c0;
text-align: left;
}
.divOuter{
position: relative;
top:2px;
width:440px;
height:300px;
}
.div11 {
float: left;
width:24%;
height:58%;
}
.div12{
float: left;
width:26%;
height:58%;
}
.div13{
float: left;
width:29%;
height:58%;
}
.div14{
float: left;
width:17%;
height:58%;
}
.div21 {
float: left;
width:24%;
height:22%;
}
.div22{
float: left;
width:26%;
height:22%;
}
.div23{
float: left;
width:29%;
height:22%;
}
.div24{
float: left;
width:17%;
height:22%;
}
.div31{
float: left;
width:24%;
height:16%;
}
.div32{
float: left;
width:26%;
height:16%;
}
.div33{
float: left;
width:29%;
height:16%;
}
.div34{
float: left;
width:17%;
height:16%;
}
.nav{
   display:block; /* eliminate br tags in anchor tags */
}