body {
background-color:#366;
background-image:url(imgs/back.jpg);
background-repeat:repeat-x;
margin: 0px auto;
font: Georgia, "Times New Roman", Times, serif;
color:#000;
}

#main {
background-image:url(imgs/shell.jpg);
width:850px;
margin:auto;
}
#top {
background-image:url(imgs/top.jpg);
background-repeat:repeat-x;
width:850px;
height:83px;
margin:auto;
vertical-align:top;
}
#header {
background-image:url(imgs/header.jpg);
background-repeat:no-repeat;
width:850px;
height:265px;
margin:auto;
text-align:right;
}
#menu {
background-color:#033;
background-image:url(imgs/menu.jpg);
background-repeat:no-repeat;
width:850px;
height:46px;
vertical-align:top;
margin:auto;
}

#home {background: transparent url(imgs/menu.jpg) left:0px; width:54px;}
#family {background: transparent url(imgs/menu.jpg) left:54px; width:191px;}
#access {background: transparent url(imgs/menu.jpg) left:245px; width:146px;}
#case {background: transparent url(imgs/menu.jpg) left:391px; width:144px;}
#events {background: transparent url(imgs/menu.jpg) left:535px; width:139px;}
#resources {background: transparent url(imgs/menu.jpg) left:674px; width:86px;}
#contact {background: transparent url(imgs/menu.jpg) left:760px; width:89px;}

#home a:hover{background: transparent url(imgs/menu.jpg) 0px -46px no-repeat;}
#family a:hover{background: transparent url(imgs/menu.jpg) -54px -46px no-repeat;}
#access a:hover{background: transparent url(imgs/menu.jpg) -245px -46px no-repeat;}
#case a:hover{background: transparent url(imgs/menu.jpg) -391px -46px no-repeat;}
#events a:hover{background: transparent url(imgs/menu.jpg) -535px -46px no-repeat;}
#resources a:hover {background: transparent url(imgs/menu.jpg) -674px -46px no-repeat; }
#contact a:hover {background: transparent url(imgs/menu.jpg) -760px -46px no-repeat; }

/*
a:hover {display:block}
*/

ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

li { /* all list items */
	float: left;
	position: relative;
	color:#FFF;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0;
	list-style: none;
	border-top: 0;
	padding: 0;
	padding-left:3px;
	margin-left: -1px;
	width: 225px;
	background: #CCC;
	z-index:5;
	top:30px;
}

li ul a:link {
	font-size:14pt;
	margin: 0;
	padding-top:5px;
	width:225px;
	height: auto;
	color: #000;
	text-decoration: none;
	display: block;
	background: #DAD5DC;
	text-indent: 0;
	}
	li ul a:visited {
	font-size:14pt;
	margin: 0;
	padding-top:5px;
	width: 225px;
	height: auto;
	color: #000;
	text-decoration: none;
	display: block;
	background: #DAD5DC;
	text-indent: 0;
	}
li ul a:hover {
	font-size:14pt;
	margin: 0;
	padding-top:5px;
	width: 225px;
	height: auto;
	color: #FFF;
	text-decoration: none;
	display: block;
	background: #252340;
	text-indent: 0;
	background-image: none;
	}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

a.headnav { /* works with ul and li from above to control first-level lists */
	display: block;
	padding: 0;
	border: 0;
 	color: #fff;
	height: 46px;
	margin: 0;
	text-indent: -9999px;
	text-decoration: none;
	} 
	
#menutop {
background-image:url(imgs/menutop.jpg);
background-repeat:no-repeat;
width:227px;
height:136px;
float:left;
}
#left {
background-color:#C8D6D7;
padding:20px 10px 10px 10px;
width:207px;
float:left;
}
#right {
background-color:#FFF;
background-image:url(imgs/content.jpg);
background-repeat:no-repeat;
float:right;
width:577px;
padding-top:80px;
padding-left:25px;
padding-right:20px;
padding-bottom:0px;
}
#footer {
background-image:url(imgs/footer.jpg);
background-repeat:no-repeat;
width:840px;
height:28px;
margin:auto;
clear:both;
text-align:right;
padding-top:60px;
padding-right:10px;

}
.small {
font-size:16px;
}
.medium {
font-size:18px;
}
.large {
font-size:20px;
}
.extralarge {
font-size:22px;
}

h1 { color:#033; font-size:24px;}
h2 { color:#FFF; font-size:22px;}
h3 { color:#93F; font-size:20px;}
h4 { color:#FFF; font-size:18px;}

.flright {
float:right;
padding-right:10px;
}
a.left:link{
color:#000;
text-decoration:none;
font-size:20px;
}
a.left:visited{
color:#000;
text-decoration:none;
font-size:20px;

}
a.left:hover{
color:#000;
text-decoration:none;
font-size:20px;

}
a.left:active{
color:#000;
text-decoration:none;
font-size:20px;
}
hr {
border: #FFF 1px dotted;
width:100%;
}
#smallmain {
padding-left:10px;
font-size:18px;
background-color:#FFF;
}