/* CSS For the Mellowood web pages */

/* Drop down menu. This is modified from example
	http://www.tanfa.co.uk/css/examples/
*/

#menu {
	width: 100%;
	float: left;
	padding-bottom: 0px;
	padding-left: .5em;
}


#menu a, #menu h2{
	display: block;
	border-width: .2em;
	border-style: Solid;
	border-color: Black;
	margin: 0;
	padding: .2em .8em .1em .8em;
	background: #eeeeee url(images/grad.jpg);
	color: Black;
	font-weight: Bold;
	text-decoration: none;
	font-family: serif;
	font-size: 85%; 
	width: auto;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}
#menu h2 {
	background: #eeeeee url(images/h2grad.jpg);
}

#menu h2:hover {
	background: #818181 url(images/h2rgrad.jpg);
}

#menu a:hover {
	background: #818181 url(images/rgrad.jpg);
}

#menu li {
	position: relative;
    z-index: 5;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
    z-index: 5;
}
#menu ul ul {
	position: absolute;
	width: auto;
	text-align: left;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#menu li ul a, #menu li ul h2{
	font-family: sans-serif;
	font-size: .8em;
	width: auto;
}

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

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
	display: block;
}



/*************************************************/

/* Default style for the main content */

body {
	margin: 1em;
    font-family: helvetica, sans-serif;
	padding: 0px;
	background: #483D8B;
	background-image: url(images/backgd-sky.jpg); background-attachment: scroll;
}


/* Some boxes that we use to separate content. */

div.box {
	border: thick  gray  solid;
	background-color: white;
    background-image: url(images/boxgrad.jpg);
	padding: 4%;
	margin: .2em;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}

div.topbox {
	text-align: center;
	background-color: #99bdf4;
	padding: .5em;
	border: .3em solid black;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}


#content {
	text-align: justify;
	background-color: #eeeeee;
	padding: 2em;
	border: .5em solid black;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
    background-image: url(images/contentgrad.jpg);
}

/* leftnav and main are used for 2 panel layouts. Use each in div tags. */

#leftnav{
	float: left;
    width: 18%;
    border: thick  gray  solid;
	background-color: #97e3ff;
    background-image: url(../images/boxgrad.jpg);
	margin: .2em;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
  }

#leftnav p {font-style: italic; font-weight: bolder;}

#main{
    margin-left:20%;
  }


/* Our Headers */

h1, h2, h3, h4, h5 {text-align: center; line-height:80%;  color:#002266; font-family: serif; } 
h1 { font-size: 240% }
h2 { font-size: 200% }
h3 { font-size: 170% }
h4 { font-size: 150% }
h5 { font-size: 130% }

/* paragraphs. By default all pg. have a reverse/handing indent. 
   the .med and .sm define small fonts with narrower line spacing and no indent.
*/

p {text-indent: -.5em; padding-left:1em}

p.med { font-size: 95%; line-height:70%; text-align:left; text-indent:0em} 
p.sm {  font-size: 90%; line-height:74%; text-align:left; text-indent:0em}
p.medfull { font-size:95%; line-height:96% ; text-align:left; text-indent:0em }




/*********  EOF ***********/