@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;	
	margin: 0px;
	padding: 0px;
}

body {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;

	background-color: #CCCCCC;	
}

a:link, a:visited, a:active {
	color: #336699;
	text-decoration: underline;
}

a:hover {
	color: #6699CC;
	text-decoration: none;
}

h3 {
	font-size: 16pt;
	color: #003366;
	border-bottom: 1px solid #339933;
}

img {
	border: none;
}

input, button, textarea, select, option {
	border: #CCCCCC 1px solid;
	background-color: #E0E0E0;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	text-align: justify;
	line-height: 1.5em;
}

form {
	padding: 0px;
	margin: 0px;
}

form ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: block;
}

form ul li ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	display: table;
	width: 100%;
	clear: left;
}

form ul li ul li {
	display: inline-block;
	width: 150px;
	padding: 3px;
	float: left;
}

form ul li ul li input {
	width: 100%;
}

form ul li ul li.formItemName {
	text-align: right;
	width: 150px;
}

ul.itemList, ul.itemList li {
	width: 100%;
	display: block;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.itemList {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}
ul.itemList li {
	border-bottom: 1px solid black;
}

ul.itemList li a:link, ul.itemList li a:visited, ul.itemList li a:active, ul.itemList li a:hover {
	text-decoration: none;
	color: #333333;
	width: 100%;
}
ul.itemList li a:hover {
	color: #003366;
	width: 100%;
}

#_0_ { background-color: #DDDDDD; }
#_1_ { background-color: #EEEEEE; }
#_0_:hover, #_1_:hover { background-color: #CCDDEE; }

/* MUSIC KIDS */
div.itemList {
	float: left;
	width: 100%;
	cursor: pointer;
}

div.itemList div {
	float: left;
	padding: 3px;
	width: 230px;
}

#musicKidsTime { width: 125px; }
#musicKidsDays { width: 120px; }

/* LINKS */
#linkTitle { width: 25%; font-weight: bold; font-size: 0.8em }
#linkLink { width: 25%; text-align: left; font-size: 0.8em }
#linkDesc { width: 47%; text-align: right; font-size: 0.75em; }
#linkCategory { background-color: #6699FF; color: #FFFFFF; font-size: 1.3em; font-weight: bold; }

/* FILES */
#fileTitle { width: 280px; }
#fileName { width: 250px; text-align: center; }
#fileType { width: 32px; }
#fileSize { width: 80px; text-align: right; }
#fileOrder { width: 30px; text-align: right; }
#fileTimesDL { width: 30px; text-align: right; }

/* MAILING LIST MEMBERS */
#mailFullName { width: 150px; }
#mailChildName { width: 100px; }
#mailEmail { width: 175px; }
#mailInstructor { width: 150px; }
#mailInstrument { width: 100px; }
#mailReceiveEmails { width: 25px; }


/* CALENDAR */
ul.calMonthWrap { margin: 0px; padding: 0px; list-style: none; float: left; display: block; width: 100%; }
li.calMonthWrap { margin: 0px; padding: 0px; list-style: none; float: left; display: block; width: 100%; }
div.calWrapper { float: left; width: 224px; height: auto; text-align: center; padding: 2px; font-variant:small-caps; }
div.calWrapper h1 { width: 100%; margin: 0px; padding: 2px 0px; font-size: 0.9em; background-color: #CCCCCC; color: #333333; }
ul.calWrapper { margin: 0px; padding: 0px; list-style: none; float: left; display: block; width: 100%; }
ul.calWeek { margin: 0px; padding: 0px; list-style: none; float: left; display: block; width: 100%; background-color: #E0E0E0; cursor: default; }
ul.calWeek li { float: left; width: 14.2857%; overflow: hidden; font-size: 0.8em; padding: 1px 0px; height: 16px; }
ul.calInfoWrapper { margin: 3px; padding: 0px; list-style: none; float: left; display: block; width: 100%; }
ul.calInfoWrapper li { font-size: 0.7em; width: 100%; }
li.calTitle { background-color: #666666; color: #FFFFFF; }
li.calNull { background-color: #FFFFFF; }
li.calWE { background-color: #CCCCCC; }
li.calEvent { background-color: #6699CC; }
ul.calWeek li a:link, ul.calWeek li a:visited, ul.calWeek li a:hover, ul.calWeek li a:active {
	text-decoration: none; color: #333333; font-weight: bold; display: block; width: 100%; height: 100%; }

/* NEWS */
div.newsMenu { padding: 2px; float: right; width: 150px; height: 100%; background-color: #DDDDDD;}
ul.newsMenu { padding: 2px; margin: 0px; list-style: none; display: block; }
ul.newsMenu li { width: 150px; padding: 2px; margin: 0px; display: block; }
div.newsContent { margin: auto; height: 100%;}
ul.newsContent { width: 90%; padding: 0px; margin: 0px; list-style: none; display: block; }
ul.newsContent li { width: 100%; padding: 2px; margin: 0px; display: block; }
ul.newsContent #newsTitle { font-size: 1.3em; font-weight: bold; color: #6699CC; }
ul.newsContent #newsAuthor { float: left; width: 200px; padding: 3px; font-size: 0.75em; color: #333333; }
ul.newsContent #newsDate { float: left; width: 200px; padding: 3px; font-size: 0.75em; color: #333333; }
ul.newsContent #newsData { border-bottom: 2px solid #999999; padding-bottom: 10px; text-align: justify;}

/* CONTACT */
ul.columnList, ul.columnList li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
}
ul.columnList li div {
	vertical-align: top;
	float: left;
	margin: 1px;
	padding: 2px;
}
ul.columnList li #name { width: 90px; text-align: right; }
ul.columnList li #value { width: 200px; background-color: #DDDDDD; }