/* GENERAL DEFINITIONS */

body {
	margin: 0px;
	padding: 0px;
	background: #3366CC url(../_images/bg1.gif) fixed;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-size: small;*/
	font-size: 13px;
	color: #333333;
}


h1, h2, h3, h4, h5, h6 {
	color: #003399;
	margin: 0px;
	padding: 2px 0px 6px;
	text-align: left;
	letter-spacing: -1px;
	line-height: 1em;
}

h1 {
	font-size: 185%;
	font-weight: normal;
	color: #CC0000;
}

h2 {
	font-size: 160%;
	font-weight: normal;
}

h2.purple {
     color: #9933CC;

}	 

h3 {
	font-size: 140%;
	font-weight: normal;
	color: #555;
}

h4 {
	font-size: 100%;
	font-weight: bold;
}

h5 {
	font-size: 100%;
	font-weight: normal;
	color: #CC0000;
}

h6 {
	background: #666666;
	font: bold 95% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 6px 1px;
	letter-spacing: normal;
}

h1.h1-home {
	padding: 3px 4px 3px 6px;
	margin: 1px 1px 2px 2px;
	background: #FFFFFF url(../_images/title_bg_index.gif) no-repeat right center;
	font-size: 175%;
}

h6.blue { background-color: #006699; }

h6.dk-blue { background-color: #3366CC; }

h6.green { background-color: #99CC33; }

h6.red { background-color: #CC0000; }

h6.orange { background-color: #FF6600; }

h1.special_section {
	font-size: 240%;
	color: #FFFFFF;
	padding: 2px 10px 6px;
	margin: 0px 0px 12px;
}

h1.dk-blue {
	background: #3366CC url(../_images/title_bg_blue.gif) no-repeat right center;
}

h1.green {
	background: #99CC33 url(../_images/title_bg_green.gif) no-repeat right center;
}

h1.red {
	background: #CC0000 url(../_images/title_bg_red.gif) no-repeat right center;
}

h1.orange {
	background: #FF6600 url(../_images/title_bg_orange.gif) no-repeat right center;
}

p {
	margin: 0px;
	padding: 2px 12px 6px 0px;
	font-size: 90%;
}

th.purple { background:#9933FF; }

p.large { font-size: 110%; }

p.small, span.small {
	font-size: 85%;
	padding: 0px 2px 0px 0px;
	margin: 0px 0px 4px 0px;
}

p.tiny, span.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding: 0px 3px 4px 0px;
}

p.long { text-indent: 12px; }

blockquote {
	border: 4px solid #CEE1FF;
	padding: 18px 6px 12px 24px;
	margin: 6px 8px 6px 12px;
	font-size: 110%;
	font-weight: bold;
	color: #666666;
	background: #EAF7FF url(../_images/quote.gif) no-repeat left top;
}

img {
	border-style: none;
	vertical-align: middle;
	background: #F6F6F6;
	position: relative;
	overflow: auto;
	background-color: #FFFFFF;
}

img.img-left {
	float: left;
	margin: 2px 8px 6px 0px;
	padding: 6px;
	border: 1px solid #666666;
}

img.img-right {
	float: right;
	margin: 2px 0px 6px 8px;
	padding: 6px;
	border: 1px solid #666666;
}

img.img-left-head {
	float: left;
	background: none;
}



a { text-decoration: underline; }

a:link, a:visited { color: #003399; }

a:hover {
	color: #CC0000;
	text-decoration: none;
}

a:active { color: #999999; }

#content form {
	border: 1px dashed #CC0000;
	margin: 6px 0px;
	padding: 8px 12px 0px;
	width: 345px;
}

#content input, #content select {
	font: 90% Arial, Helvetica, sans-serif;
	background: #F6F6F6;
	padding: 1px 1px 1px 2px;
	margin: 0px 0px 12px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	vertical-align: middle;
}

#content input { width: 75%; }

#content select { width: 95%; }

#content input.button {
	background: #C6E8FF;
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	width: auto;
}

#content input.check {
	width: auto;
	border-style: none;
	vertical-align: middle;
}

#content input.short-input {
	width: 20%;
}

#content form.form-simple {
	width: auto;
	border: none;
}

#content form.form-simple input, #content form.form-simple select {
	width: auto;
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

#content ul, #content ol {
	margin: 2px 6px 16px 18px;
	padding: 0;
}

#content ul li {
	list-style: url(../_images/bullet3.gif) none;
	margin: 0px 0px 4px 4px;
	padding: 0px;
	font-size: 90%;
}

#content ul li.disc {
	list-style: disc;
	margin: 0px 0px 4px 14px;
	padding: 0px;
	font-size: 90%;
	color:#FF0000;
}

table {
	width: 100%;
	border: 1px solid #3366CC;
	border-collapse: collapse;
	padding: 3px;
	margin: 0px;
}


/*print shop table*/

#brdr {
	border: medium;
	border-color: #000099;
	border-style: outset;
	background-color: #CEDBFD;
	text-align: center;
}

/*added by GG*/

/*table for SHAC Meetings*/
#border1 {
	border: medium;
	border-color:#FF0000;
	border-style:outset;
	text-align:center;
	font-size:14px;
}	


/*End of SHAC table*/	

th, td {
	font: 85% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 2px 3px;
	border: 1px solid #CCCCCC;
}

th {
	background: #6699CC;
	color: #FFFFFF;
	font-weight: bold;
}

td.td-mgsch {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
}
	
td.td-label {
	font-weight: bold;
	background: #F6F6F6;
	text-align: center;
}

td.td-right {
	text-align: right;
}

td.td-center {
	text-align: center;
}


/* MAIN DIVs */

#container {
	background: #FFFFFF url(../_images/bg3.gif);
	margin: 15px auto;
	padding: 0px 2px;
	width: 766px;
	border: 1px solid #000000;
	min-height: 400px;
}

#header {
	height: 69px;
	width: 100%;
	border-bottom: 3px solid #DFDFDF;
	background: #FFFFFF url(../_images/tile1.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
}


#menu-top {
	background: #F3F3F3 url(../_images/ql_bg.gif) no-repeat left center;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	height: 33px;
	padding-right: 60px;
}

#search-top {
	height: 33px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	background: #FFFFFF;
}

#menu-left {
	float: left;
	width: 128px;
	margin: 2px 2px 2px 0px;
	padding: 0px;
}

#quick-links {
	margin: 8px 0px 0px;
	padding: 6px;
}

#content {
	float: left;
	width: 590px;
	margin: 2px;
	padding: 12px 24px 30px 18px;
}

#crumbs {
	margin: 0;
	padding: 0px 12px 4px 0px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #BBB;
}

#box-right {
	background: #F9F9F9;
	border: 4px solid #EBEBEB;
	width: 175px;
	clear: both;
	float: right;
	margin: 0px 0px 24px 10px;
	padding: 8px;
}

/*for facilities larger box to the right*/
#box-fac-rt {
	background:#F9F9F9;
	border:4px solid #EBEBEB;
	width: 175px;
	clear: both;
	float: right;
	margin: 0px 0px 24px 10px;
	padding: 8px;
	
	 
}

/*added by GG*/

#content-index {
	float: left;
	width: 452px;
	margin: 2px;
	padding: 0px;
}

#index-right {
	float: left;
	width: 178px;
	margin: 2px 0px 2px 2px;
	padding: 0px;
	text-align: center;
}

#weather {
	text-align: left;
	margin: 1px 1px 6px;
	padding: 3px 2px 0px 6px;
	background: #F6F6F6;
	border: 1px solid #EBEBEB;
}

#powered-by {
	padding-top: 60px;
	padding-bottom: 15px;
}

#datebox {
	float: right;
	width: 380px;
	font-size: 90%;
	color: #CC0000;
	text-align: right;
	margin: 1px 0px 0px;
	padding: 16px 6px 0px 2px;
}

/* NAVIGATION */

#navlist {
	margin:0px;
	padding:0px;
	float: right;
}

#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
}

#navlist a:link, #navlist a:visited {
	display:block;
	float: left;
	padding: 24px 20px 1px 16px;
	background: url(../_images/bullet1.gif) no-repeat left bottom;
	text-decoration: none;
	color: #999999;
}

#navlist a:hover {
	text-decoration: underline;
	color: #999999;
}

/* NAVIGATION MENU-TOP */
#menu-top ul, #menu-top li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font: bold 95% Arial, Helvetica, sans-serif;
}

#menu-top a:link, #menu-top a:visited {
	display:block;
	float: right;
	padding: 11px 46px 3px 40px;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../_images/bullet_top.gif) no-repeat center top;
	margin: 0px 4px 5px 0px;
}

#menu-top a:hover { text-decoration: underline; }

/* NAVIGATION MENU-LEFT */
#menu-left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu-left li {
	margin: 0;
	list-style: none;
	font-size: 95%;
	border-bottom: 2px solid #FFFFFF;
}

#menu-left li a {
	display: block;
	padding: 4px 10px 3px 17px;	
	background: #DBE7F7 url(../_images/bullet2.gif) no-repeat left center;
}

#menu-left li.highlight a {
	display: block;
	padding: 4px 10px 3px 17px;	
	background: #f9e781 url(../_images/bullet2h.gif) no-repeat left center;
}

#menu-left li a:link, #menu-left li a:visited, #menu-left li.highlight a:link, #menu-left li.highlight a:visited {
	text-decoration: none;
	color: #3366CC;
}

#menu-left li a:hover, #menu-left li.highlight a:hover {
	text-decoration: underline;
	color: #CC0000;
}

#menu-left li.current {
	display: block;
	padding: 4px 10px 3px 17px;
	background: #FFD2D2 url(../_images/current.gif) no-repeat left center;
	text-decoration: none;
	color: #CC0000;
}


/* SPECIAL DEFINITIONS */
div.announce-red {
	padding: 8px 36px 4px 12px;
	border: 4px solid #FFB0B0;
	background: #FFF0F0 url(../_images/warning.gif) no-repeat right top;
	margin: 4px 2px 5px;
	font-size: 95%;
}

div.announce-green {
	padding: 8px 36px 4px 12px;
	border: 4px solid #D3E9A7;
	background: #F4FAEB url(../_images/all-ok.gif) no-repeat right top;
	margin: 4px 2px 5px;
	font-size: 95%;
}

div.announce-yellow {
	padding: 8px 36px 4px 12px;
	border: 4px solid #FFFF66;
	background: #FFFFEC url(../_images/alert.gif) no-repeat right top;
	margin: 4px 2px 5px;
	font-size: 95%;
}

div.news-box {
	padding: 2px 0px 4px;
	margin: 2px 6px 8px;
	border-bottom: 3px solid #DFDFDF;
	text-align: left;
	/* clear: both; */
}

p.more-link {
	text-align: right;
	margin: 2px 6px 8px;
	padding: 2px;
	font-size: 90%;
}

p.back-link {
	text-align: left;
	margin: 2px 6px 8px;
	padding: 2px;
	font-size: 90%;
}

p.disclaimer {
	font: 85% Arial, Helvetica, sans-serif;
	background: #F6F6F6;
	padding: 8px;
	margin: 6px;
	border: 1px solid #EBEBEB;
	color: #999999;
}

p.rss {
	font-size: 80%;
}

p.p-special {
	border:1px solid #CCCCCC;
	padding: 4px;
	margin: 4px 0px 8px;
	background: #F6F6F6;
	font-size: 85%;
}

div.episd-info {
	margin: 6px;
	padding: 120px 4px 8px;
	border-bottom: 3px solid #DFDFDF;
	background: url(../_images/episd_light.gif) no-repeat center top;
}

p.info {
	padding-bottom: 4px;
	border-bottom: 1px solid #CCCCCC;
	color: #0033CC;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	font-size: 105%;
	margin-bottom: 4px;
}

img.img-weather {
	float: right;
	margin: 2px 0px 0px 5px;
	padding: 1px;
	border: 1px solid #000000;
}

span.bluebold {
	color: #0033CC;
	font-weight: bold;
}

.date {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
}

.date-small {
	font: 85% Arial, Helvetica, sans-serif;
	color: #CC0000;
}

img.img-news {
	float: right;
	border: 1px solid #666666;
	margin: 0px 0px 2px 6px;
	padding: 0px;
}

img.img-news-large {
	float: right;
	margin: 0px 0px 2px 6px;
	padding: 0px 0px 10px 10px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	clear: both;
}

div.news-image { /* For large images in news detail page */
	float: right;
	max-width: 300px;
	clear: both;
	font: 85% Arial, Helvetica, sans-serif;
	background: #F6F6F6;
	text-align: center;
	margin: 6px 0px 6px 12px;
	padding: 5px 5px 16px 5px;
	border: 1px solid #CCCCCC;
	color: #003399;
}

div.featured {
	background: #FFEBDD;
	border: 1px solid #FFAA71;
	margin: 0px 0px 12px;
	padding: 6px;
}

form.search-form {
	margin: 0px;
	width: 350px;
	padding: 7px 4px 4px 8px;
	color: #999999;
	font: 90% Arial, Helvetica, sans-serif;
	float: left;
}

form.search-form input {
	background: #F3F3F3;
	border: 1px solid #999999;
	font-size: 90%;
	width: 140px;
	margin: 0px;
	padding: 1px;
}

form.search-form input.search-button {
	width: auto;
	padding: 1px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
}

.red-txt { color: #CC0000; }

.blue-text {color:#003399;}

.center-txt { text-align: center; }

.underlined {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 4px;
	margin-bottom: 6px;
}

p.pdf_dl_right {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align: right;
	background: url(../_images/tiny_pdf_icon.gif) no-repeat right center;
	margin: 0px 8px 0px 0px;
	padding: 1px 15px 1px 0px;
}

span.new {
	font-size: smaller;
	color: #FF0000;
}

table.narrow-table { width: 75%; }

/* added for no borders on tables*/
.borderless-table th, .borderless-table td{
	border: none;
}


/* START TABLE GOALS for /_district/goals_2006-2011.php */
#table-goals {
	width: 100%;
	border-collapse: collapse;
}

#table-goals th {
	border: 1px solid #000000;
	background: #FFFF99;
	color: #000000;
}

#table-goals th.t-head2 {
	background: #93C9FF;
}

#table-goals td {
	margin: 0px;
	padding: 3px;
	border: 1px solid #000000;
	font-size: 85%;
	font-weight: bold;
}

#table-goals td.currents {
	text-align: center;
	color: #333333;
}

#table-goals td.targets {
	color: #0000FF;
	text-align: center;
}

#table-goals td.td-comment{
	font-weight: normal;
	color: #333333;
	background: #E0FF9F;
}
/* END TABLE GOALS for /_district/goals_2006-2011.php */

/* ADDDED BY MIGUEL */

#content ul.mainlevel li {
	margin: 0px 0px 12px 0px;
}

#content ul ul.sublevel li {
	list-style: none;
	font-size: 95%;	
	padding: 0px;
	margin: 3px 0px;
}
/* ADDDED BY MIGUEL */

/* ADDDED BY GIGI */

#HealthCalendar h3, #HealthCalendar h4 {
	margin-bottom: 12px;
	text-align:center;
}

#HealthCalendar p {
	margin-bottom: 9px;
}
table#orgchart-tbl {
	width: 150%;
	padding: 0px;
	margin: 0px;
	border-spacing: 4px; 
}

#orgchart-tbl th, #orgchart-tbl td {
	text-align: center;
	vertical-align: top;
	font-size: 80%;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	background: #F9F9F9;
	
}

#orgchart-tbl td p {
	margin: 0px 0px 2px;
	padding: 4px 2px;
}


/* ADDDED BY GIGI */

/* Maps styles */


#mapdiv {
	background-color: #FFFFFF;
	width: 800px;
	padding: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

/*#contentarea style for directory listings in http://www.episd.org/_departments/coordschhealth/schtohmconn.php added by gr */

#contentarea {
	background: #DEF;
	border: 2px solid #000;	
}
