/***  wideoval.css is absolute positioned layer for widest oval assembly, content div, & footer ****/

body {
margin:0 auto;
padding:0;
font-size:.70em;
background: #eaeaea;
text-align:center;
}

p {
margin:0;
padding:0;
}

/*** layer1 has widest oval assembly, content column, & footer  ****/

.layer1_wrap {
position:absolute;
top:5px;
left:50%;
display:block;
margin:0;
margin-left:-388px;
padding:0;
width:775px;
border:0px solid #000000;
text-align:center;
}

/**** can put header or logo in wide_oval_top div, height is adjustable  *****/

.wide_oval_top_outer {
display:block;
margin:0 auto;
padding:0;
width:775px;
height:54px;
background:  url("../media/wideovaltophead.gif") no-repeat;
border:0px solid #000000;
font-weight:normal;
text-align:center;
}

.wide_oval_top_inner {
display:block;
margin:0 auto;
padding:0;
padding-top:10px;
width:auto;
height:auto;
border:0px solid #000000;
font-weight:normal;
text-align:center;
}

/**** height automatically controlled by content height  ******/

.wide_oval_vbody {
display:block;
margin:0;
padding:0;
width:775px;
height:auto;
background: transparent url("../media/wideovalvbody.gif") repeat-y;
text-align:left;
}

.content {
display:block;
margin:0;
margin-left:290px;
padding:0;
width:425px;
height:auto;
background-color:transparent;
border:0px solid #000000;
font-weight:normal;
text-align:left;
}

.wide_oval_base {
display:block;
margin:0 auto;
padding:0;
width:775px;
height:56px;
background:  url("../media/wideovaltop.gif") no-repeat bottom left;
border:0px solid #000000;
font-weight:normal;
text-align:center;
}



/***  footer is inside of the layer1 oval base div, height adjustable  *****/
.footer {
display:block;
clear:both;
margin:0 auto;
padding:0;
width:40%;
border-top:1px dashed #000000;
border-bottom:1px dashed #000000;
text-align:center;
font-weight:bold;
color:#336666;
font-size:1em;
}

.styleh2 {
display:block;
float:none;
margin:0 auto;
padding:0;
font-size:3em;
width:auto;
border-bottom:0px dashed #000000;
color:#336666;
font-weight:bold;
text-align:center;
}

.styleh3 {
display:block;
float:none;
margin:0 auto;
padding:0;
font-size:1.75em;
width:auto;
border-bottom:0px dashed #000000;
color:#cc3300;
font-weight:bold;
text-align:center;
}

.layer1_wrap a:link, .layer1_wrap a:visited {
margin:0;
padding:0;
border-bottom:1px dashed #cc3300;
font-weight:bold;
color:#336666;
text-decoration:none;
}

.layer1_wrap a:hover, .layer1_wrap a:active {
margin:0;
padding:0;
background-color:#000000;
border-bottom:1px dashed #ffcc33;
font-weight:bold;
color:#ffcc33;
text-decoration:none;
}