﻿html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}


/* 'Jello Mold' page construction technique based on http://www.positioniseverything.net/articles/jello.html */
body
{
    margin: 0;
    padding: 0 386px; 
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(Images/bg_tile.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    color: #333333;
}
p  {
    margin: 1em 0;
    line-height:1.4;    
}





#sizer {
	width: 50%;
	max-width: 100px;
	margin: 0px auto 0 auto;
	padding: 0;
}
#sizer2
{
	width: 50%;
	max-width: 100px;
	margin: 0px auto;
}
#expander 
{
    width: 990px;
	position: relative;
	min-width: 990px; /* Critical Safari fix! */
	margin: 0 -386px 0 -386px;

	z-index: 100; 
	left: 0px; 
	top: 5px;

}

#expander2 
{
    width: 500px;
	position: relative;
	min-width: 760px; /* Critical Safari fix! */
	margin: 0 -386px 0 -386px;
	z-index: 100; 
	left: 0px; 
	top: 150px;

}
/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

#wrapper
{
	width: 990px;/*  helps IE get the child percentages right. */
	text-align: left;
    height: 189%; 
    position: relative;
    border-top:  silver 1px solid;
	border-right:  silver 1px solid;  
	border-left: silver 1px solid; 
	border-bottom: silver 1px solid;	
} 

#wrapper2
{
	width: 500px; /*  helps IE get the child percentages right. */
	text-align: left;
	height: 189%;
	position: relative;
	border-top: #B5C7DE 1px solid;
	border-right: #B5C7DE 1px solid;
	border-left: #B5C7DE 1px solid;
	border-bottom: #B5C7DE 1px solid;
} 

/* http://positioniseverything.net/easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#skiptocontent{
	position:absolute;
	margin-left:-990px;
}


#header {
	position:relative;
	height:134px;
	margin:2px;
	border:1px solid #493221;
  
	background-image:url(Images/header_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
#maincontent
{
    margin: 2px;
    padding: 1em .5em;
    border: 1px solid buttonface;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 100;
    top: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
    left: 0px;
    width: 990px;
    position: relative;

    background-color: white;
}
 
#footer
{
    padding: 0.0em;
    font-size: 12px;
    z-index: 100;
    left: 0px;

    height: 40px;
    width: 990px;
    position: relative;
    top: 20px;
    color: #333366;
    font-family: Arial, Helvetica, sans-serif;
    border-top: silver 1px solid;
    border-top: silver 1px solid;
    background-color: #dcdcdc;
    text-align: center; 
    
}
#footer2
{
    padding: 0.0em;
    font-size: smaller;
    z-index: 100;
    left: 0px;
    height: 40px;
    width: 774px;
    position: relative;
    top: 0px;
    color: #333366;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #EFF3FB;
    text-align: center; 
    
}
.menu
{
    background-image: url(images/menuback.gif);
    background-repeat: repeat-x;
 	border-top:  silver 1px solid;  
	border-bottom: silver 1px solid; 	  	
	
}

.mytxt2 { color: black; font: 12px/13px arial,helvetica sans-serif; }
A.mytxt2 { color: black; font: 12px/13px arial,helvetica sans-serif; }
A.mytxt2:hoverstyle { color: red; }


.menu a:visited { color: black; text-decoration:none;}
.menu a:hover { color: Red; text-decoration:underline;}
.menu a:link{ color: black; text-decoration:none;}

.menudynamic {}
.menudynamichover{}
.menudynamicselected{}
.menudynamicitem{}
.menustatic{text-align: center}
.menustatichover{}


