/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html{
	height: 100%;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;       
	color: #6699FF;
	background-color: #0000CC;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: 100%;
	font-size: 75%;
}

a{
	color: #FF0000;
	text-decoration: none;
}

a:link{
	color: #FF0000;
	text-decoration: none;
}

a:visited{
	color: #FF0000;
	text-decoration: none;
}

a:hover{
	color: #FF0000;
	text-decoration: underline;
}

h1{
	font-family: Verdana,Arial,sans-serif;
	font-size: 120%;
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: disc;
}

ul ul{
	list-style-type: circle;
}

ul ul ul{
	list-style-type: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper{
	width: 1000px;
}

#content{
	background-color: #FFFFFF;
	border: 10px solid #99bbff;
	padding: 10px 25px 10px 10px;
}


#header{
	height: 215px;
	width: 1000px;
	background-image: url(http://www.drsilly.com/images/web/DS_Logo.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#navigation{
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: center;
	color: #990000;
	font-weight: bold;
}

	#navigation a{
		color: #990000;
		text-decoration: none;
	}
	
	#navigation a:link{
		color: #990000;
		text-decoration: none;
	}
	
	#navigation a:visited{
		color: #990000;
		text-decoration: none;
	}
	
	#navigation a:hover{
		color: #990000;
		text-decoration: underline;
	}

	.navigationTable{
		width: 100%;
		text-align: center;
	}
	
	.navigationCell{
		text-align: center;
	}
	
#documentBody{
	text-align: left;
	padding: 5px 5px 5px 5px;
	width: 100%;
	font-size: 90%;
}

#footer{
	color: #99bbff;
	clear: both; 
	text-align: center;
	width: 100%;
	font-size: 100%;
}

	#footer a{
		color: #99bbff;
		text-decoration: none;
	}
	
	#footer a:link{
		color: #99bbff;
		text-decoration: none;
	}
	
	#footer a:visited{
		color: #99bbff;
		text-decoration: none;
	}
	
	#footer a:hover{
		color: #99bbff;
		text-decoration: underline;
	}


/***********************************************/
/* form table                                  */
/***********************************************/

.formTable{
	color: #000000;
	border: 0px;
	text-align: left;
	border: 1px solid #CCCCCC;
}

.formSection{
	background-color: #CCCCCC;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

.formLabel{
	text-align: left;
	vertical-align: top;
/*	font-weight: bold; */
	color: #003E9C;
	padding: 2px 2px 2px 2px;
}

.formCell{
	text-align: left;
	vertical-align: top;
	padding: 2px 2px 2px 2px;
}

.formNote{
	color: #666666;
	text-align: left;
	vertical-align: top;
	padding: 2px 2px 2px 2px;
}

/***********************************************/
/* report table                                */
/***********************************************/

.reportTable{
	color: #000000;
	text-align: left;
	width: 100%;
	border: 1px solid #C0C0C0;
	border-collapse: collapse; 
}

.reportHeader{
	font-weight: bold;
	background-color: #C0C0C0; 
	padding: 3px 3px 3px 3px;
}

.reportCellEven{
	vertical-align: top;
	padding: 3px 3px 3px 3px;
	background-color: #CCCCCC;
}

.reportCellOdd{
	vertical-align: top;
	padding: 3px 3px 3px 3px;
}

/*************************************************/
/*  message tables                               */
/*************************************************/

.messageTable{
	background-color: #990000;
	border: 1px solid #990000;
	border-collapse: collapse;
}

.messageHead{
	color: #FFFFFF;
	text-align: left;
	background-color: #990000;
	padding: 3px 3px 3px 3px;
}

.messageCellEven{
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
	padding: 3px 3px 3px 3px;
}

.messageCellOdd{
	text-align: left;
	color: #000000;
	background-color: #FF9900;
	padding: 3px 3px 3px 3px;
}

/*************************************************/
/******************  navigation ******************/
/*************************************************/

#headerNavigation{
	text-align: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

	.headerNavigationTable{
		text-align: center;
	}

/* Home */

	#headerNavigationUL_Home{
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 30;
	}
	
	#headerNavigationUL_Home li a{
		display: block; 
		width: 143px;
		height: 72px;
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonRedHome.png);

	}
	
	#headerNavigationUL_Home li a:hover{
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonRedHoverHome.png); 
	}

/* About */

	#headerNavigationUL_About{
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 30;
	}
	
	#headerNavigationUL_About li a{
		display: block; 
		width: 143px;
		height: 72px;
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonBlueAbout.png);

	}
	
	#headerNavigationUL_About li a:hover{
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonBlueHoverAbout.png); 
	}

/* Store */

	#headerNavigationUL_Store{
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 30;
	}
	
	#headerNavigationUL_Store li a{
		display: block; 
		width: 143px;
		height: 72px;
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonGreenStore.png);

	}
	
	#headerNavigationUL_Store li a:hover{
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonGreenHoverStore.png); 
	}

/* Play Therapy */

	#headerNavigationUL_Play{
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 30;
	}
	
	#headerNavigationUL_Play li a{
		display: block; 
		width: 143px;
		height: 72px;
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonYellowPlay.png);

	}
	
	#headerNavigationUL_Play li a:hover{
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonYellowHoverPlay.png); 
	}

/* Ask */

	#headerNavigationUL_Ask{
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 30;
	}
	
	#headerNavigationUL_Ask li a{
		display: block; 
		width: 143px;
		height: 72px;
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonOrangeAsk.png);

	}
	
	#headerNavigationUL_Ask li a:hover{
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonOrangeHoverAsk.png); 
	}

/* Radio */

	#headerNavigationUL_Radio{
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 30;
	}
	
	#headerNavigationUL_Radio li a{
		display: block; 
		width: 143px;
		height: 72px;
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonPurpleRadio.png);

	}
	
	#headerNavigationUL_Radio li a:hover{
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonPurpleHoverRadio.png); 
	}

/* Contact */

	#headerNavigationUL_Contact{
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: 30;
	}
	
	#headerNavigationUL_Contact li a{
		display: block; 
		width: 143px;
		height: 72px;
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonPinkContact.png);

	}
	
	#headerNavigationUL_Contact li a:hover{
		background-position: top center; 
		background-repeat: no-repeat; 
		background-image: url(http://www.drsilly.com/images/web/buttonPinkHoverContact.png); 
	}

/***********************************************/
/* miscellaneous                               */
/***********************************************/

.hiddenPic{
	display: none;
}