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

body {
	margin: 0px;
	padding: 0px;
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 8px solid #054B91;
	background: #004A93;
}

h1, h2, h3, h4, h5, h6 {
	font: normal 120% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #006;
	margin: 0em 0em 0.2em;
	padding: 0em;
	letter-spacing: -0.07em;
}

h1 {
	font-size: 180%;
	color: #C00;
}

h2 { font-size: 160%; }

h3 {
	font-size: 140%;
	color: #666;
	letter-spacing: -0.05em;
}

h4 {
	font-size: 120%;
	color: #C00;
	letter-spacing: -0.05em;
}

h5 {
	font-size: 112%;
	color: #06C;
	letter-spacing: -0.03em;
}

h6 {
	font-size: 110%;
	color: #333;
	letter-spacing: -0.02em;
}

h1.special-section {
	font-size: 200%;
	color: #FFFFFF;
	padding: 2px 8px;
	margin: 0px 0px 18px;
}

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 {
	font-size: 90%;
	margin: 0px 0px 0.6em;
	padding: 0px;
	line-height: 1.6em;
}

a { text-decoration: underline; }

a:link { color: #00C; }

a:visited {
	color: #00C;
}

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

a:active { color: #666; }

img {
	border: none;
	vertical-align: middle;
}

img.img-right {
	background: #F6F6F6;
	margin: 0px 0px 8px 6px;
	padding: 4px;
	float: right;
	border: 1px solid #EBEBEB;
	clear: both;
}

.center-txt { text-align: center; }
.justify-txt { text-align: justify; }

/* MAIN DIVS */

#top-menu {
	background: #303030;
	border: none;
	border-top: 1px solid #666;
	margin: 0px;
	padding: 12px 12px 0px;
}

#header {
	margin: 0px;
	padding: 4px 12px;
	height: 72px;
	border-bottom: 1px dotted #999;
	background: #FFF;
}

#google-search{
	float: right;
	width: 285px;
	text-align: right;
	margin: 12px 0px 4px;
	padding: 14px 0px 6px;
	background: url(../images/search_icon.jpg) no-repeat 16px center;
}

#top-address {
	float: right;
	width: 280px;
	margin: 12px 0px 4px;
	text-align: right;
	padding: 9px 18px 0px 0px;
	border-right: 1px dotted #999;
	height: 43px;
}

#wrapper { background: #FFF; }

#container {
	margin: 0px auto;
	background: #FFF;
	width: 990px;
	clear: both;
	padding: 0px;
}

#left-menu {
	width: 200px;
	min-height: 488px;
	background: url(../images/tile1.jpg) repeat-x left top;
	margin: 3px 4px 48px 0px;
	padding: 0px 0px 12px 12px;
	float: left;
}

#content {
	background: #FFF;
	float: left;
	width: 534px;
	margin: 12px 4px 48px 0px;
	padding: 0px 12px 12px;
}

#index-banner {
	background: #FFF;
	margin: -9px -14px 12px;
	padding: 0px;
}

#content-wide {
	background: #FFF;
	float: left;
	width: 684px;
	margin: 12px 4px 48px 0px;
	padding: 0px 12px 12px;
}

#right-bar {
	width: 200px;
	min-height: 488px;
	background: url(../images/tile1.jpg) repeat-x left top;
	margin: 3px 0px 0px;
	padding: 0px 12px 12px 0px;
	float: left;
}

#box-right {
	background: #F9F9F9;
	border: 4px solid #EBEBEB;
	width: 175px;
	float: right;
	margin: 16px 4px 24px 0px;
	padding: 10px;
}

#footer {
	clear: both;
	margin: 0px;
	padding: 12px 18px 24px;
}

#crumbs {
	margin: 0px;
	padding: 0px 12px 8px 0px;
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #BBB;
}


/* NAVIGATION */
ul#navlist {
	font-size: 85%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#navlist li {
	float: left;
	height: 29px;
	margin: 2px 2px 0px 2px;
	border: 1px solid #000;
}

#navlist a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 8px 14px 7px;
	background: #000 url(/images/menu_tile1.jpg) repeat-x left top;
}

#navlist a:hover {
	background: #000 url(/images/menu_tile2.jpg) repeat-x left top;
}

ul#navlist li.active {
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
	font-weight: bold;
}

ul#navlist li.active a {
	background: #FFF;
	color: #000;
}

ul#navlist li.active a:hover {
	background: #FFF;
	text-decoration: underline;
}

ul#left-nav {
	list-style-type: none;
	margin: 0px 0px 12px;
	padding: 0px;
}

ul#left-nav li {
	font: 105% "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
	margin: 0px 0px 2px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #333;
}

ul#left-nav a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 2px 8px 2px 16px;
	background: #0F5399;
}

ul#left-nav a:hover {
	background: #0A335C;
}


ul#quicklinks {
	font-size: 85%;
	list-style-type: none;
	margin: 12px 6px 16px 0px;
	padding: 0px;
}

ul#quicklinks li {
	margin: 0px 4px 8px 0px;
	background: url(../images/clip.jpg) no-repeat left center;
	min-height: 22px;
	padding: 0px 0px 0px 24px;
}

/* Other General */
img.img-logo {
	clear: both;
	float: left;
}

img.img-news {
	float: right;
	border: 1px solid #666666;
	margin: 0px 0px 4px 8px;
	padding: 1px;
}

img.homepic-ctr {
	padding: 0px;
	margin: 0px 2px;
}

.underlined {
	padding-bottom: 0.08em;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #999;
}

.toplined {
	padding-top: 0.6em;
	border-top: 1px dotted #999;
}


p.back-link { font-size: 85%; }

p.more-link {
	text-align: right;
	font-size: 85%;
}

p.disclaimer {
	font: 85% Arial, Helvetica, sans-serif;
	background: #F6F6F6;
	padding: 8px;
	margin: 6px 0px;
	border: 1px dotted #EBEBEB;
	color: #CCC;
}

p.p-news {
	font-size: 85%;
}

p.copytight {
	border: 1px dotted #EBEBEB;
	padding: 8px 12px;
	margin: 8px 0px;
	background: #F6F6F6;
}

.red, .red-txt { color: red; }
.x-small {
	color: #666;
	font: 80%/1em Arial, Helvetica, sans-serif;
	margin: 2px 0px 12px;
	padding: 0px;
}
.small {
	font-size: 85%;
	color: #999;
}
.large {
	font-size: larger;
}

.indent {
	margin: 4px 0px 12px 16px;
}

#content form, #content-wide form {
	border: 1px dashed #F88;
	margin: 6px 0px;
	padding: 12px 16px 4px;
}

#content input, #content select, #content-wide input, #content-wide select, #content textarea, #content-wide textarea  {
	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, #content-wide input { width: 65%; }

#content select, #content-wide select { width: 75%; }

#content textarea, #content-wide textarea { width: 65%; height: 8em; }

#content input.button, #content-wide input.button {
	background: #C6E8FF;
	font-size: 90%;
	font-weight: bold;
	color: #333333;
	width: auto;
}

#content input.check, #content-wide input.check {
	width: auto;
	border-style: none;
	vertical-align: middle;
}

#content input.short-input, #content-wide input.short-input {
	width: 30%;
}

/*#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, #content-wide ul, #content-wide ol {
	margin: 8px 0px 16px 8px;
	padding: 0;
}

#content ul li, #content-wide ul li {
	list-style: none;
	margin: 0px 0px 6px;
	padding: 0px 0px 0px 10px;
	background: url(../images/bullet.png) no-repeat left 20%;
}

#content ol, #content-wide ol {
	margin: 8px 0px 16px 36px;
	padding: 0;
}

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: 97%;
	max-width: 480px;
}

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: 97%;
	max-width: 480px;
}

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: 97%;
	max-width: 480px;
}

span.new {
	font-size: smaller;
	color: #FF0000;
}

table {
	width: 100%;
	border: 1px solid #3366CC;
	border-collapse: collapse;
	padding: 3px;
	margin: 0px;
}

table.narrow {
	width: 80%;
}


/* 11/04/10 for Facilities */
table.noboder{
	border:none;
	margin: 0px;
	
}

td.td-pad{
	border:none;
	padding:5px;
	text-align:left;
	vertical-align:text-top;
	
}
/* by Veronica Maldoando */

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;
}

tr.tr-light {
	background: #F3F3F3;
}

tr.tr-dark {
	background: #E0E0E0;
}

td.td-right {
	text-align: right;
}

td.td-center {
	text-align: center;
}

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;
}

div.news-image { /* For large images in news detail page */
	float: right;
	max-width: 300px;
	clear: both;
	font-size: 75%;
	background: #F9F9F9;
	text-align: center;
	margin: 6px 0px 6px 12px;
	padding: 6px 6px 20px 6px;
	border: 1px solid #CCCCCC;
	color: #999;
}

p.fake-button {
	background: #D2FFD2;
	border-top: 2px solid #0C0;
	border-right: 2px solid #060;
	border-bottom: 2px solid #060;
	border-left: 2px solid #0C0;
	margin: 0px;
	padding: 3px 6px 4px;
	display: inline;
}

p.fake-button a {
	text-decoration: none;
	font-size: 95%;
	font-weight: bold;
	color: #060;
}

/* Other google-search */
#google-search form input {
	width: 170px;
	margin: 0px 2px;
	padding: 1px 4px;
	vertical-align: middle;
}

#google-search form input.search-button {
	font-size: 80%;
	background: #303030;
	border: 1px solid #000;
	width: auto;
	color: #FFF;
	margin: 0px;
	padding: 2px 4px 3px;
}

/* Other top-menu */
#top-menu p.contact-us {
	float: right;
	font-size: 85%;
	background: url(../images/icon1.jpg) no-repeat right 50%;
	padding: 6px 26px 4px 4px;
	margin-top: -2px;
}

#top-menu p a:link { color: #CCC; }

#top-menu p a:visited { color: #CCC; }

#top-menu p a:hover {
	color: #FFF;
	text-decoration: none;
}

#top-menu p a:active { color: #FF6; }


/* Other top-address */
#top-address p {
	font-size: 75%;
	line-height: 1.2em;
}

.txt-blue { color: #00C; }



/* Other Right Bar */

#right-bar {
	line-height: 1.2em;
}

#right-bar p.date {
	text-transform: uppercase;
	font-size: 80%;
	margin: 0px;
	padding: 1px 4px 0px;
	border-bottom: 1px dotted #333;
	text-align: center;
}

#weather {
	margin: 0px 0px 8px 0px;
	padding: 6px 0px 2px 12px;
	border-bottom: 1px dotted #333;
}

#weather p {
	font-size: 85%;
}

#weather img.img-weather {
	clear: both;
	float: right;
	background: #FFF;
	margin: 4px 0px 2px 0px;
	padding: 1px;
	border: 1px solid #333;
}

#right-bar p.textlink {
	font-size: 85%;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	margin: 0px;
}

form#form-mylogin {
	text-align: right;
	margin: 0px 0px 8px;
	padding: 8px 0px;
	border-bottom: 1px dotted #333;
	
}

form#form-mylogin input {
	width: 80px;
	margin: 0px;
	padding: 1px 4px;
	vertical-align: middle;
	background: #FFF;
	border: 1px solid #999;
}

form#form-mylogin input.login-button {
	font-size: 80%;
	background: #303030;
	border: 1px solid #000;
	width: auto;
	color: #FFF;
	margin: 4px 0px 0px;
	padding: 2px 4px 3px;
}

form#form-mylogin input.username {
	background: url(../images/username.jpg) no-repeat left center;
}
form#form-mylogin input.password {
	background: #FFF url(../images/password.jpg) no-repeat left center;
}

/* Other box-right*/

#box-right ul, #box-right ol {
	margin: 8px 0px 16px 0px;
	padding: 0;
}

#box-right ul li {
	list-style: none;
	margin: 0px 0px 6px;
	padding: 0px 0px 0px 10px;
	font-size: 85%;
	background: url(../images/bullet.png) no-repeat left 20%;
}


/* Other Footer */
#footer h5 {
	font-size: 110%;
	color: #FFF;
	border-bottom: 1px dotted #FFC;
	padding-bottom: .2em;
}

#footer p {
	font-size: 85%;
	color: #FFF;
	margin: 0px;
	padding-top: 8px;
}

#footer a { text-decoration: none; }

#footer a:link { color: #FFC; }

#footer a:visited { color: #FFC; }

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

#footer a:active { color: #CCC; }

img.img-ffox {
	float: right;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}
/*#contentarea style for directory listings in http://www.episd.org/_departments/coordschhealth/schtohmconn.php added by gr script can be re implemeted for a different appraoch to file listing off file manager  */

#contentarea {
	background: #DEF;
	border: 2px solid #000;	
}