body {font-size: 100%; font-family: arial, sans serif; background: transparent }


div.header {
	position:       absolute;
	top:            26px;
	left:			10px;
	width: 686px;
	height: 85px;


}


div.headercontents {
	position:       absolute;
	top:            32px;
	left:			188px;
	width: 420px;

}

div.account {
position:       absolute;
top:            5px;
left:			680px;
}

div.search {
position:       absolute;
top:            112px;
width:			310px;
left:			215px;
padding-bottom:  40px;
border:			  0px;
z-index:	      1;			
}

div.google {
position:       absolute;
top:            112px;
width:			195px;
left:			540px;
}

div.calendar {
position:		absolute;
top:			190px;
width:			550px;	
left:			195px;	
}

div.bookgroup {
position:		absolute;
top:			480px;
left:			10px;
width:			185px;

}	

div.overdrive {
position:		absolute;
top:			420px;
left:			22px;
}
			
div.navigation {
position:       absolute;
width:          176px;
top:            112px;
left:			12px;
z-index: 		300;
}

div.maincontent {
position:       absolute;
width:          525px;
top:            200px;
left:           194px;
padding-bottom: 40px;
border:			0;
z-index: 		1;
visibility: visible;
}

div.left {
position:       absolute;
width:          310px;
top:            200px;
left:           215px;
padding-bottom:  40px;
border:			0;
z-index: 		1;
}

div.right  {
	position:       absolute;
	width:          195px;
	top:            200px;
	left:           560px;
	padding-bottom:  40px;
	border:			0;
	z-index: 		1;

}

.ddmx {
    font-size: 90%; 
	font-family: arial, sans serif;
	font-weight: bold;
}

.ddmx .item1,
.ddmx .item1:hover,

.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #cccccc;
    background: #006666;
    font-size: 90%; 
	font-family: arial, sans serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item1a,
.ddmx .item1a:hover,

.ddmx .item1a-active,
.ddmx .item1a-active:hover {
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #cccccc;
    background: #214FBD;
    font-size: 90%; 
	font-family: arial, sans serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item1b,
.ddmx .item1b:hover,

.ddmx .item1b-active,
.ddmx .item1b-active:hover {
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #cccccc;
    background: #660033;
    font-size: 90%; 
	font-family: arial, sans serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item1c,
.ddmx .item1c:hover,

.ddmx .item1c-active,
.ddmx .item1c-active:hover {
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #cccccc;
    background: #ffffff;
    font-size: 10%; 
	font-family: arial, sans serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item2,
.ddmx .item2:hover,

.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 10px 4px 10px;
    font-size: 75%; 
	font-family: arial, sans serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #006666;
}
.ddmx .item2:hover,

.ddmx .item2-active:hover {
    background: #339999;
}

.ddmx .item3,
.ddmx .item3:hover,

.ddmx .item3-active,
.ddmx .item3-active:hover {
    padding: 3px 10px 4px 10px;
    font-size: 75%; 
	font-family: arial, sans serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item3 {
    background: #006666;
}
.ddmx .item3:hover,

.ddmx .item3-active:hover {
    background: #339999;
}

.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
	border: 1px solid #ffffff;
	background: #006666;
	position: absolute;
	z-index: -1;
	visibility: hidden;


}

.ddmx .bottom,
.ddmx .bottom:hover {
    border-bottom: 1px solid #ffffff;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */

p { color: #000000; font-size: 80%; font-family: arial, sans serif; background: transparent;}
li { color: #000000; font-size: 80%; font-family: arial, sans serif; background: transparent;}
h1 {color: #000000; font-size: 120%; font-style: italic; font-family: arial, sans serif; background: transparent; margin-bottom:-10px;}
h2 {
	color: #000;
	font-size: 110%;
	font-family: arial, "sans serif";
	background: transparent;
}
h3 {color: #000000; font-size: 100%; font-family: arial, sans serif; background: transparent;}
h4 {color: #000000; font-size: 90%; font-family: arial, sans serif; background: transparent; margin-bottom:-3px;}
h5 {color: #000000; font-size: 80%; font-family: arial, sans serif; background: transparent;}
h6 {color: #000000; font-size: 70%; font-family: arial, sans serif; background: transparent;}

a
	{
	color: #006666; 
	font-size: 100%; 
	font-family: arial, sans serif;
	font-weight: bold;
	background: transparent; 
	}



a:hover 
	{
	color: #003366; 
	font-size: 100%;  
	font-family: arial, sans serif;
	font-weight: bold;
	background: transparent;
	}


a.account 
	{
	color: #006666;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: bold;
	background: transparent; 
	}

a.account:visited 
	{
	color: #999999;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: bold;
	background: transparent; 
	}

a.account:hover 
	{
	color: #003366;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: bold; 
	background: transparent;
	}

a.cal
	{
	color: #0000CC; 
	font-size: 70%; 
	font-family: arial, sans serif;
	font-weight: normal; 
	background: transparent;
	}

a.cal:visited 
	{
	color: #0000CC;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: normal;
	background: transparent; 
	}
	
a.cal:hover 
	{
	color: #000033; 
	font-size: 70%;  
	font-family: arial, sans serif;
	font-weight: normal;
	background: transparent;
	}
	
a.calteen
	{
	color: #990000;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: normal; 
	background: transparent;
	}

a.calteen:visited 
	{
	color: #990000;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: normal; 
	background: transparent;
	}

a.calteen:hover 
	{
	color: #660000;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: normal; 
	background: transparent;
	}

a.calchild
	{
	color: #006600;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: normal; 
	background: transparent;
	}

a.calchild:visited 
	{
	color: #006600;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: normal; 
	background: transparent;
	}

a.calchild:hover 
	{
	color: #003300;
	font-size: 70%; 
	font-family: arial, sans serif; 
	font-weight: normal; 
	background: transparent;
	}

a.calclosed
	{
	color: #000000; 
	font-size: 70%; 
	font-family: arial, sans serif;
	font-weight: normal; 
	background: transparent;
	}