/* basic stuff */


body {
	font-family: Calibri, Helvetica, sans-serif ;
        font-size: 0.65em/1.3em;
        font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background: #f5f5f5;
	color: #000;
	padding: 0;
	margin: 0;
	height: 100%;
}

/* body div */

h1 {
	border-bottom: #000 1px solid;
}

html > body h1 {
        /* redefinition of the border to dotted,
        hidden from IE - because the dashed line
        that IE uses instead of dots looks a bit
        too crude in my opinion */
        border-bottom: #000 1px dotted;
}

span#quote {
font-family: comic sans ms, cursive;
}

#body {
	position: relative;
	padding: 5px 5px 5px 5px;
	margin-left, margin-right: 20px;
        top:-4.8em;
min-height:790px;
}



/* main elements - lists */
#body ul {
padding-left: 40px;
}
	
#body li {
padding-bottom: 10px;
padding-left: 10px;
}

/* main elements - tables */
#body table {
border: 1px solid #4C4C4C;
margin-left:10px;
margin-right:10px;
}

#body td,
#body th {
padding: 10px 10px 10px 10px;
vertical-align: top;
border:none;
}	


a, a:link { color: #516A94; background: transparent; text-decoration: none; }
a:visited { color: #516A94; background: transparent }
a:hover { color: #8597B6; background: transparent }
a:active { color: #8597B6; background: transparent }

/* container */

#container {
	position: relative;
	padding: 0px 5px 5px 5px;
	margin: 5px;
	text-align: left;
	background: white;
	border: #000 1px solid;
	color: inherit;
}

/* and now the specific divs */

/* header */							
#header {
position:relative;
background-repeat: repeat-x; 
background-image: url('../grad2.png');
padding: 0px;
margin:0px;
height:120px;
width: 100%;
vertical-align: top;
top: -4.0em;
}

#header p {
font-family : Calibri, Helvetica, sans-serif;
font-size: 4em;
font-weight: bold;
text-align: center;
top: -1em;
}

a.bannerimage {
text-decoration:none;
}


#topnavigation {
        font-size: 0.85em;
	position: relative;
	padding: 5px 5px 5px 5px;
	margin-left, margin-right: 10px;
	text-align: center;
	top: -5.3em;
}

/* there seems to be an issue in Opera with the hover on the lselect...
any clues to a solution would be appreciated ;) */

#topnavigation ul li:hover  {
	background: #516A94;
	color: #fff;
}

#topnavigation ul li:hover a {
	background: inherit;
	color: #eee;
}

#topnavigation ul a:hover {
	/* this style is there to make up for IE's inability to apply
	:hover pseudo to an li. of course, it won't look the same as having the whole
	li turn red, but it should be an acceptable compromise */
	background: #516A94;
	color: #eee;
}

#topnavigation ul li:hover ul li a {
	background: inherit;
	color: #516A94;
}

#topnavigation ul li:hover ul li:hover  {
	background: #8597B6;
	color: #fff;
}

#topnavigation ul li:hover ul li:hover a {
	background: inherit;
	color: #eee;
}

#topnavigation ul li:hover ul a:hover {
	/* this style is there to make up for IE's inability to apply
	:hover pseudo to an li. of course, it won't look the same as having the whole
	li turn red, but it should be an acceptable compromise */
	background: #516A94;
	color: #eee;
}


#body-index {
	position: relative;
	padding: 5px 5px 5px 5px;
	margin-left, margin-right: 10px;
	text-align: center;
	min-height: 500px;
	background-image: url(/media/wmorb.jpg);
	background-repeat: no-repeat;
	background-position: center;
        top:-5.8em; 
       font: 0.9em/1.35em Calibri, Helvetica, sans-serif ;
                font-style: normal;
                font-weight: lighter;
        font-variant: normal;

}


div#body a {
	text-decoration: none;
}



#imprint {
position: relative;
clear: both;
	margin: 0;
	padding: 5px;
	border: 1px #000 dotted;
	background: #fff;
	color: inherit;
	text-align: center;
}





/* homepage only - boxes  */	
#menubox{	
        position: absolute;
        background-repeat: repeat-x; 
        background-image: url('../gradient.png');
        width:275px;
        top:175px;	
	float:left;
	margin-left:0px;
	margin-top:5px;
	padding: 5px;
	min-height: 230px;
        font: 0.9em/1.35em Calibri, Helvetica, sans-serif ;
                font-style: normal;
                font-weight: lighter;
        font-variant: normal;


	}
	
#box1{	
        position: relative;
        background-repeat: repeat-x; 
        background-image: url('../gradient.png');
        width:275px;	
	float:left;
	margin-left:0px;
	margin-top:5px;
	padding: 5px;
	min-height: 230px;
        font: 0.9em/1.35em Calibri, Helvetica, sans-serif ;
                font-style: normal;
                font-weight: lighter;
        font-variant: normal;


	}
	
#box2{	
position: relative;
background-repeat: repeat-x; 
background-image: url('../gradient.png');
width:280px;
	float:right;
	margin-right:0px;
	margin-top:5px;
	padding: 5px;
	        font: 0.9em/1.35em Calibri, Helvetica, sans-serif ;
                font-style: normal;
                font-weight: lighter;
        font-variant: normal;

min-height: 230px;
	}


#box3, #directionsbox{	
position: relative;
background-repeat: repeat-x; 
background-image: url('../gradient.png');
width:275px;
clear: both;
	float:left;
	margin-left:0px;
	margin-top:10px;
	padding: 5px;
	        font: 0.9em/1.35em Calibri, Helvetica, sans-serif ;
                font-style: normal;
                font-weight: lighter;
        font-variant: normal;

min-height: 230px;
	}
#directionsbox{	
  position:absolute;
  top: 500px;
}


#cbox{	
background-repeat: repeat-x; 
background-image: url('../gradient.png');
position: absolute;
        left:330px;
        top:500px;
        padding: 5px;
width:550px;
		        font: 0.9em/1.35em Calibri, Helvetica, sans-serif ;
                font-style: normal;
                font-weight: lighter;
        font-variant: normal;
min-height: 200px;
	}


#box4{	
background-repeat: repeat-x; 
background-image: url('../gradient.png');
width:280px;
	float:right;
	margin-right:0px;
	margin-top:10px;
	padding: 5px;
		        font: 0.9em/1.35em Calibri, Helvetica, sans-serif ;
                font-style: normal;
                font-weight: lighter;
        font-variant: normal;

min-height: 230px;
	}


/* Normal Page - contentbox */

#content-box{
    width: inherit;
    padding-left:300px;
    vertical-align: top; 
}

/**************** menu coding *****************/
#topnavigation a, #menu h2 {
padding: 2px 3px;
align:center;
}



#topnavigation li {
position: relative;
white-space:nowrap;
padding: .2em 1em;
display:inline-block;
width: 9em;
}


#vertnav1, #vertnav2, #vertnav3, #vertnav4, #vertnav5 {
padding-top:10px;
}

#vertnav1 li, #vertnav2 li, #vertnav3 li, #vertnav4 li, #vertnav5 li {
display:block;
}

#topnavigation ul ul {
position: absolute;
white-space:nowrap;
top: 1.2em;
left: 0em;
width: 12em;
align:center;
z-index:500;
display:block;
}

div#topnavigation ul ul,
div#topnavigation ul li:hover ul ul
{display: none;}

div#topnavigation ul li {
   color: #000000;
}

div#topnavigation ul li:hover ul,
div#topnavigation ul ul li:hover ul
{
padding: 0em 0em;
background-color: #ffffff;
display: block; //inline;
marker-offset: 0;
list-style: none;
}