/*-------------------------------

Design 1

colors: 

#104E8B 		blue

#A9ACB6		aluminum

---------------------------------*/



/*-------------------------------

Basic Elements

---------------------------------*/

body{

	color: 011d42; 			/*blue*/
	color:011d42;

	background: #001d42;

	font-family:verdana;

	margin: 0 auto;		

	text-align: center;
	font-size: 10pt;

}





#container{

	width: 750px;

	margin: 0px auto;

	border-right: solid 1px black;

	border-left: solid 1px black;

	border-bottom: solid 1px black;

	padding: 0;

	background: #cccccc;

	/*background: #FFFAFA;*/	

	text-align: left;

}



#container a{

	color: red;

	text-decoration: none;

}



#container a:hover{

	text-decoration: underline;

}







/*-------------------------------

Specific Elements

---------------------------------*/

.text{

	margin: 27px 25px 10px 25px;

	background: #FFFFFF;

	padding: 15px 10px 10px 10px;

	border-top: solid 1px #00008D;

	border-bottom: solid 1px #00008D;

}

.special{

	margin: 32px 25px 10px 25px;

	background: #FFFFFF;

	padding: 15px 20px 10px 20px;

	border: solid 1px #104E8B;

}




h3, h4{

	font-family: Arial;

	padding: 0;

	font-style: italic;

	position: absolute;
	color: #104E8B; 

}

h3{
	font-size: 22pt;
	margin:  0 0 0 500px;
}

h4{
	color: #104E8B;
	font-size: 16pt;
	margin:  10px 0 0 50px;
	padding: 1px 1px 5px 1px;
	border-top: solid #104E8B 1px;
	border-left: solid #104E8B 1px;

}







#header span{

	display: none;

}





#header{

	height: 0;

}



#shadow{

	margin: 0 auto;

	background: url(drop-shadow.jpg) repeat-y;

	width: 780px;

	text-align: center;

}

#shadow2{

	margin: 0 auto;

	background: url(bottom-shadow.jpg) repeat-x;

	width: 780px;

	height: 20px;

	text-align: center;

}


.aspecial{
	padding: 0 5px;
}

.alink{	
	text-align: left;
	margin: 10px 8px;
	font-size: 8pt;
}

/*-------------------------------

Calendars

---------------------------------*/
#calendar{
	margin: 10px auto;
	font-size: 9pt;
}

.hrow{
	background: #CCCCCC;
	text-align: center;
}
.shaded{
	background: #CCCFFF;
}
.members, .perf{
	font-size: 7.5pt;
}
.perf{
	color: green;
}
.imp{
	color: red;
}
.members{
	color:   #00008D;
}
.month{
	border: solid 1px #00008D;
	background: #CCCCCC;
	margin: 0px auto;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 98%;
}
.blue{
	color: #104E8B;
	font-style: oblique;
	font-variant: normal;
	font-weight: bold;
}

/*-------------------------------

navBar

---------------------------------*/

#navBar{

	height: 250px;

	background: #CCCCCC;

	width: 750px;

}

#navBar a:hover{
	text-decoration: none;
}



#divNav {

		background: transparent url(banner-disney.jpg) no-repeat top left;

		margin: -20px auto 40px auto;

		padding: 0;

		height: 200px;

		width: 750px;

		overflow: none;

		text-align: center;

		position: relative;

	}



#nav {

		position: relative;

		top: 173px;        /* top: 55px;*/

		height: 80px;

		width: 750px;

		margin: 0;

	}



#nav li ul, #nav li ul {

		margin: 0;

		padding: 0;

	}



#nav a {

		text-decoration: none;

	}



#nav li { /*float the main list items*/

		margin: 0;

		float: left;

		display: block;

		padding-right: 15px;

	}



#nav li ul {

		display: none;

	}



#nav li.off ul, #nav li.on ul  { /*put the subnav below*/

		position: absolute;

		top: 25px;

		left: 0;

		padding-top: 15px;

		background: #A50400;

		height: 28px;

		width: 690px;           

		padding-left: 60px;

	}



#nav li.on ul {

		background: #264973;

		width: 690px;

		/*background: #f90;*/

	}



#nav li.on:hover ul{ /*for ie*/

		background: #264973;                 /*originally #A50400 for red hover bar "on" */

	}

/*THIA EDIT FOR IE DISJOINT COLORS PART I */
#nav li.over ul {

		background: #A50400;                 /*originally combined with above element*/

	}



#nav li a {

		color: #A50400;

		font-weight: bold;

		display: block;

		width: 97px;

		padding: 0;

	}



#nav li.on a {

		color: red;

		/*color: #f90;*/

	}



#nav li.on ul a, #nav li.off ul a {

		border: 0;

		float: left; /*ie doesn't inherit the float*/

		color: red;

		/*color: #f90;*/

		width: auto;

		margin-right: 15px;

	}



#nav li.on:hover ul a{ /*for ie - the specificity is necessary*/

		background: #264973;                 /*originally #A50400 for red link background hover bar "on" */

	}
/*THIA EDIT FOR IE DISJOINT COLORS PART II */

#nav li.over ul li a { /*for ie - the specificity is necessary*/

		background: #A50400;                 /*originally combined with above element*/

	}


#nav li.on ul {

		display: block;

	}



#nav li.off:hover ul, #nav li.over ul {

		display: block;

		z-index: 6000;

	}



#nav li.off a:hover, #nav li.on a:hover { 

		color: red;

		/*color: #f90;*/

	}



/*do the image replacement*/



#nav li span {

		position: absolute;

		left: -9384px;

	}



#li-1 a, #li-2 a, #li-3 a, #li-4 a, #li-5 a, #li-6 a {

		display: block;

		position: relative;

		height: 26px;

		background: url(navBar.gif) no-repeat; /*contains all hover states*/

	}



/*first, put the initial states in place*/



#li-1 a {

	background-position: 0 0;

}



#li-2 a {

	background-position: -104px 0;

}



#li-3 a {

	background-position: -210px 0;

}



#li-4 a {

	background-position: -316px 0;

}



#li-5 a {

	background-position: -422px 0;

}



#li-6 a {

	background-position: -528px 0;

}







/*hover states*/



#li-1 a:hover, #li-1:hover a, #li-1.over a {

	background-position: 0 -73px;

}



#li-2 a:hover, #li-2:hover a, #li-2.over a {

	background-position: -104px -73px;

}



#li-3 a:hover, #li-3:hover a, #li-3.over a {

	background-position: -210px -73px;

}



#li-4 a:hover, #li-4:hover a, #li-4.over a {

	background-position: -316px -73px;

}



#li-5 a:hover, #li-5:hover a, #li-5.over a {

	background-position: -422px -73px;

}



#li-6 a:hover, #li-6:hover a, #li-6.over a {

	background-position: -528px -73px;

}



/*subnav formatting*/



#nav li.off ul a, #nav li.on ul a {

	display: block;

	background: #A50400;

	color: #fff;

	font-family: arial, verdana, sans-serif;

	font-size: small;

}		



#nav li.on ul a {

	background: #264973;

	/*background: #f90;*/

}
h6 {
	margin-left: 36%;
	font-size: 22pt;
	font-family: Arial;
	font-style: italic;
	color: #104E8B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: absolute;
}
/* h3, h4{
	font-family: Arial;
	padding: 0;
	font-style: italic;
	position: absolute;
	color: #104E8B;
} */
h7 {
	margin-left: 36%;
	font-size: 22pt;
	font-family: Arial;
	font-style: italic;
	color: #104E8B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: absolute;
}

/*h7 {
	margin-left: 31%;
	font-size: 22pt;
	font-family: Arial;
	font-style: italic;
	color: #104E8B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: absolute;
	/*font-weight: bold;
} */

wb{
	/* margin-left: 28%;*/
	/*font-size: 22pt;*/
	font-family: Arial;
	padding: 0;
	font-style: italic;
	position: absolute;
	color: #104E8B;
	/*font-weight: bold;*/
}
.textcal {
	background: #FFFFFF;
	border-top: solid 1px #00008D;
	border-bottom: solid 1px #00008D;
	margin-top: 27px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}