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


div.header {
position:       absolute;
top:            25px;
left:			10px;
}

div.headercontents {
position:       absolute;
top:            31px;
left:			188px;
}

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

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

div.google {
	position:       absolute;
	top:            111px;
	width:			267px;
	left:			466px;
	height: 65px;
}

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

div.calendar {
position:		absolute;
top:			360px;
left:			10px;
width:			185px;
}

div.maincontent {
	position:       absolute;
	width:          525px;
	top:            210px;
	left:           220px;
	padding-bottom:  40px;
	border:			0;
	z-index: 		1;
	visibility: visible;
	background-repeat: repeat-y;
	background-image: url(../teengraphics/circles.jpg);


}

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

}

div.book {
	position:		absolute;
	width:          150px;
	top:			350px;
	left:			12px;
	padding-bottom:  40px;
	border:			0;
	z-index: 		1;
	background-repeat: no-repeat;
	

}


div.right  {
	position:       absolute;
	width:          150px;
	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: #333333;
    font-size: 90%; 
	font-family: arial, sans serif;
    color: #99FF99;
    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: #ffffff;
    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 .item1d,
.ddmx .item1d:hover,

.ddmx .item1d-active,
.ddmx .item1d-active:hover {
    padding: 3px 10px 3px 10px;
    border-bottom: 1px solid #cccccc;
    background: #006666;
    font-size: 90%; 
	font-family: arial, 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: #333333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #99FF99;
}
.ddmx .item2:hover,

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

.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: #99FF99;
	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: #000000; 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;
	}