/* @override 
	http://ee/admin/templates/ee/css/styles.css
	http://www.earlychildhoodacademy.org/css/styles.css
	http://eca/staged/css/styles.css
	http://ecapcs.org/staged/css/styles.css
*/

/* Colors Used
--------------------------------------------------*/

/* #0A0F31
#314B70
#801019
#C79118 */

/* Colors Used Ends
--------------------------------------------------
--------------------------------------------------*/



/* Reset
--------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, blockquote, pre,
a, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;}

a img {
border: none;}

strong {font-weight: bold;}

/* Reset Ends
--------------------------------------------------
--------------------------------------------------*/



/* Globals
--------------------------------------------------*/
body {
text-align: center;
font: 62.5%/200% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
color: #061540;
background: #061540; }

p {font-size: 1.2em; line-height: 165%; margin-bottom: 20px; margin-top: 0;}

#clouds {position: relative;}
#clouds #clouds-inner {
position: absolute;
top: 1px;
left: 0;
width: 960px;
height: 200px;
background: url(../images/bg.jpg) top right no-repeat;}

#sidebar p {
margin: 0;
padding: 7px 0;
background: url(../images/pbg.png) bottom left no-repeat; }

#container {
width: 994px;
margin: 0 auto;
text-align: left;
background: #061540 url(../images/container-bg.jpg) top left repeat-y; }

#logo {background: #061540;}

#header {
margin: 0 auto;
width: 994px;
background: #061540;}

ul li {font-size: 1.2em;}

#main-nav {
position: relative;
margin-left: 10px;
background: #061540;}

#main-nav ul {
padding: 8px 13px;
list-style: none;
position: absolute;
top: 5px;
left: 300px;}

#main-nav li {display: inline; padding-right: 35px;}

#nav_home a, #nav_about a, #nav_prog a, #nav_con a, #nav_news a {
padding: 10px;
background: url(../images/nav_border.gif) bottom right no-repeat;}

#nav_home a {padding-right: 60px;}
#nav_about a {padding-left: 50px; padding-right: 60px;}
#nav_prog a {padding-left: 40px; padding-right: 50px;}
#nav_con a {padding-left: 40px; padding-right: 50px;}
#nav_news a {padding-left: 40px; padding-right: 50px;}

#content {
margin: 0px auto;
padding-top: 10px;
width: 950px;}

#main-content {
padding-right: 10px;
width: 650px;
float: right;}

#main-content ul {
margin: 10px 30px;}

#sidebar {
width: 250px;
padding-right: 20px;
padding-left: 3px;
float: left;
background: url(../images/sidebar-bg.jpg) top right no-repeat; }

#sidebar ul {
padding-left: 25px;
padding-bottom: 15px;
/*list-style-type: none;*/
background: url(../images/pbg.png) bottom left no-repeat; }

#sidebar li {font-size: 1.2em;}

#footer {
margin: 0 auto;
padding-top: 235px;
width: 994px;
background: url(../images/footer.jpg) bottom center no-repeat;}

#announcement {position: relative;}

#bannertxt {
position: absolute; 
top: 125px; 
left: 675px; 
font-weight: bold;
font-size: 1.3em;}

.clear {clear: both;}
/* Globals Ends
--------------------------------------------------
--------------------------------------------------*/


/* Links
--------------------------------------------------*/
a {
color: #aa0101;
text-decoration: none;}

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

#home #nav_home a,
#about #nav_about a,
#news #nav_news a {
color: #C79118;}

#main-nav a {color: #FFF; font-size: 1.2em;}
#main-nav a:hover {color: #b4d5fe; text-decoration: none;}
/* Links Ends
--------------------------------------------------
--------------------------------------------------*/



/* Headings
--------------------------------------------------*/
h1, h2, h3 {
font-weight: bold;
margin: 5px 0;
line-height: 1.4em;}

h1, h2, h3, h4, h5 {color: #aa0101;}
h1 {font-size: 2.4em;}
h2 {font-size: 2.1em;}
h3 {margin-top: 30px; padding: 5px 0;}

#sidebar h2 {margin-top: 25px; margin-bottom: 0px;}
/* Headings Ends
--------------------------------------------------
--------------------------------------------------*/



/* Search
--------------------------------------------------*/
#search {
position: relative;
background: #061540;}

#searchinput {
height: 45px;
padding: 0 17px;
border: 0;
position: absolute;
width: 175px;
top: 10px;
left: 30px;
font-size: 1.4em;
color: #999;
background: url(../images/search-bg.png) center no-repeat;}

#searchlist {display: inline;}
/* Search Ends
--------------------------------------------------
--------------------------------------------------*/



/* Formatting 
--------------------------------------------------*/
.pre {white-space: pre;}
.left {float: left;}
.right {float: right;}

.hr {
height: 20px;
background: url(../images/hr.jpg) center no-repeat;}

hr {
height: 20px;
border: 0;
background: url(../images/hr.jpg) center no-repeat;}

table td {padding: 3px; border-bottom: 1px solid #DDD;}
table tr {margin-bottom: 5px;}
/* Formatting Ends
--------------------------------------------------
--------------------------------------------------*/




.contact-form {
 margin:0 0 10px 0;
 padding:0 0 10px 0;
 }
 
form {
 padding:0;
 margin:0; 	
}

fieldset { 
 border: none;
 margin:0 0 0 0;
 padding:7px 0 0 0 ;
 }
 
input, textarea, a { 
 outline: none; 
 }
 
.contact p{
 margin:0 0 8px 0;
 padding:0;
 } 
input {

 margin: 2px 0 10px 0;
 border: 1px solid #ddd;
 background: #f1f1f1;
 height:20px;
 font-size: 12px;
 color:#000;
 padding:5px 0 0 5px;
 }
 
label {
 display: block;
 font-size: small;
 font-weight: bold;
 width:100px;
 float:left;
 margin:0;
 padding:0;
}

textarea {
 width: 350px;
 height: 150px;
 display: block;
 border: 1px solid #ddd;
 background: #f1f1f1;
 margin: 0 ;
 padding:5px 0 0 5px;
 font-size: small;
 color:#000;
 }
 
input.submit {
 font-size: small;
 font-weight: bold; 
 width:90px;
 color:#000;
 height:30px;
 margin:0; 
 padding:0;
}