/*

	TITLE:	Villa Teresa School
	DATE:	5-26-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/17px 'Lucida Sans', Arial; color: #4e4c3f; background: #c0b796;
}

/* links */
a{font-weight: bold; color: #23552e;}
a:hover{text-decoration: none;}

/* heading */
h1{font: normal 1.8em Georgia; padding: 5px 0px; color: #23552e;}
h2{font: normal 1.6em Georgia; padding: 3px 0px; color: #23552e;}
h3{font: normal 1.4em Georgia; padding: 2px 0px; color: #23552e;}
h4{font: normal 1.2em Georgia; padding: 1px 0px; color: #23552e;}
h5{font: normal 1.0em Georgia; padding: 0px 0px; color: #23552e;}
h6{font: normal 0.9em Georgia; padding: 0px 0px; color: #23552e;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#bg{width: 100%; float: left; background: #c0b796 url('images/mainBg.jpg') repeat-x;}

#mastCon{width: 774px; margin: 0 auto;}

#header{width: 100%; height: 165px; float: left;}

#header a#logo{width: 174px; height: 165px; float: left; background: url('images/logo.jpg') no-repeat;}

#header #navs{width: 533px; float: right;}

#header #mainNav{float: right; background: url('images/mainNav.jpg') left 0px repeat-x;}
#header #mainNav span{float: left; background: url('images/mainNavLeft.jpg') left 0px no-repeat; }
#header #mainNav ul{float: left; padding: 0 8px; background: url('images/mainNavRight.jpg') right 0px no-repeat;}
#header #mainNav li{list-style: none; float: left; padding: 9px 10px 10px 10px; position: relative;}
#header #mainNav li a{color: #fff; text-decoration: none;}
#header #mainNav li a:hover{color: #e4e0c5;}

#header #mainNav li ul{width: 120px; padding: 10px 0 0px 0; float: none; left: 0; top: 25px; position: absolute; display: none;  
background-color: #827958; background-image: none; background-image: url('images/dropCurve.gif') left bottom no-repeat;}
#header #mainNav li ul li{width: 120px; padding: 0;}
#header #mainNav li ul li a{width: 100px;padding: 4px 10px 4px 10px; float: left;  border-bottom: 1px solid #c0b796;}
#header #mainNav li ul li a:hover{background: #b1a154; color: #fff;}
#header #mainNav li:hover ul, #header #mainNav li.sfhover ul{display: block;}


#quote{width: 533px; height: 81px; float: left; background: url('images/q1.jpg') left 15px no-repeat;}
#quote span{width: 503px; height: 51px; padding: 15px 15px; _padding: 19px 25px 18px 25px; _height: 38px; float: left; text-align: right; font-family: Georgia; font-size: 1.3em; font-style: italic; background: url('images/q2.jpg') right 55px no-repeat;}

#sectionNav{width: 533px; height: 47px;  margin: 1px 0 0 0;float: left; background: #ccc url('images/sectionNavTile.jpg') repeat-x;}
#sectionNav li{float: left; height: 47px; list-style: none;}
#sectionNav li#pf a{width: 208px; height: 47px; float: left; text-indent: -9999px; background: url('images/sm_1_out.jpg') no-repeat;}
#sectionNav li#pf a:hover{width: 208px; height: 47px; float: left; text-indent: -9999px; background: url('images/sm_1_over.jpg') no-repeat;}
#sectionNav li#cf a{width: 190px; height: 47px; float: left; text-indent: -9999px; background: url('images/sm_2_out.jpg') no-repeat;}
#sectionNav li#cf a:hover{width: 190px; height: 47px; float: left; text-indent: -9999px; background: url('images/sm_2_over.jpg') no-repeat;}
#sectionNav li#al a{width: 135px; height: 47px; float: left; text-indent: -9999px; background: url('images/sm_3_out.jpg') no-repeat;}
#sectionNav li#al a:hover{width: 135px; height: 47px; float: left; text-indent: -9999px; background: url('images/sm_3_over.jpg') no-repeat;}

#body{width: 754px; float: left; margin: 10px 0 0 0; background: #e2e1c5; border: 10px solid #fff;}

#body #intro{width: 754px; float: left; border-bottom: 10px solid #fff;}
#body #intro #welcome{width: 310px; float: left; padding: 10px 10px 7px 14px; font-size: 1.2em; line-height: 1.4em;}
#body #intro #welcome h1{color: #21562c; font-size: 1.8em; padding: 10px 0;}
#body #intro #welcome a{text-decoration: none; font-size: .9em; font-weight: normal; padding: 0 10px 0 20px; color: #21562c; background: url('images/ico_arrow.jpg') 0 3px no-repeat;}
#body #intro #flash{width: 400px; float: right; padding: 10px 10px 7px 10px;}

#body #actions{width: 754px; float: left; background: url('images/actions.gif') repeat-y;}
#body #actions li{list-style: none;}
#body #actions ul#aTitles{width: 754px; float: left; background-color: #827958;}
#body #actions ul#aTitles li{list-style: none;}
#body #actions ul#aTitles li h1{color: #fff;}
#body #actions ul#aTitles li h1{font-weight: bold; font-size: 1.5em; padding: 7px 10px;}
#body #actions ul#aTitles li.a1{width: 195px; float: left;}
#body #actions ul#aTitles li.a2{width: 271px; float: left; padding-left: 8px;}
#body #actions ul#aTitles li.a3{width: 279px; float: left;}

#body #actions #aContent{width: 754px; float: left; padding: 0 0 15px 0;}
#body #actions #aContent #qLinks{width: 190px; float: left; padding: 16px 0 10px 5px;}
#body #actions #aContent #qLinks li{padding: 5px 5px 5px 25px; background: url('images/ico_bell.jpg') 5px 4px no-repeat;}
#body #actions #aContent #qLinks li a{text-transform: Uppercase; color: #3c392a; text-decoration: none;}
#body #actions #aContent #newsEvents{width: 550px; float: right; font-size: .9em; font-style: italic; margin: 20px 0 0 0; background: url('images/gBorder.gif') 260px 0 repeat-y;}
#body #actions #aContent #newsEvents a{color: #22562f; font-style: normal; font-size: 1.1em;}
#body #actions #aContent #newsEvents #events{width: 235px; float: left; padding: 0px 25px 0 10px;}
#body #actions #aContent #newsEvents #events li{padding: 3px 10px 3px 20px; background: url('images/ico_cal.jpg') 0 3px no-repeat;}
#body #actions #aContent #newsEvents #news{width: 260px; float: right; padding: 0px 10px 10px 0;}
#body #actions #aContent #newsEvents #news li{padding: 3px 10px 3px 20px; background: url('images/ico_news.jpg') 0 3px no-repeat;}
#body #actions #aContent .blogsElement h2{font-size: 1em; font-family: 'Lucida Sans';}

/* Internal */
#body #container{width: 754px; float: left; height: auto; min-height: 520px; _height: 520px; background: url('images/actions.gif') repeat-y;}
#body #container #subCol{width: 195px; float: left;}
#body #container #subCol h1#pageTitle{width: 175px; float: left; font-size: 1.4em; font-weight: bold; float: none; padding: 6px 10px; color: #fff; background-color: #817958;}
#body #container #subCol #sideNav{width: 175px; float: left; padding: 8px 0 12px 5px;}
#body #container #subCol #sideNav li{padding: 5px 5px 5px 30px; list-style: none; background: url('images/ico_bell.jpg') 5px 4px no-repeat;}
#body #container #subCol #sideNav li a{text-transform: Uppercase; color: #3c392a; text-decoration: none;}
#body #container #subCol #sideNav li a:hover{text-decoration: underline;}

#body #container #subCol #sideSec{width: 195px; float: left;}
#body #container #subCol #sideSec h1{width: 175px;  font-size: 1.4em; font-weight: bold; float: none; padding: 6px 10px; color: #fff; background-color: #817958;}
#body #container #subCol #sideSec .element{width: 175px; padding: 8px 5px 8px 10px;}
#body #container #subCol #sideSec .element ul{padding: 5px 15px;}

#body #container #mainCol{width: 539px; float: right; padding: 10px;}
#body #container #mainCol #image{width: 538px; float: left; }
#body #container #mainCol #image .element img{border: 1px solid #877f5f; margin:0;}
#body #container #mainCol #content{width: 518px; float: left; padding: 10px;}
#body #container #mainCol #content ul{padding: 5px 15px;}
#body #container #mainCol #content li{list-style: disc;}

#body #info{width: 754px; float: left; }
#body #info #search{width: 175px; float: left; padding: 10px; background-color: #827958; }
#body #info #search h4{text-transform: Uppercase; color: #e5e0c3; font-size: 1.2em; font-family: 'Lucida Sans'; font-weight: bold;}
#body #info #search .searchInput{width: 133px; height: 22px; background: url('images/searchTxt.gif') no-repeat; border: 0;}
#body #info #search .searchButton{width: 34px; height: 22px; font-size: 0;  color: #827958; background: url('images/searchBtn.gif') no-repeat; border: 0;}
#body #info #contact{width: 520px; float: right; padding: 29px 0 0 25px; _padding: 34px 0 0 25px; background: url('images/favico.jpg') 1px 30px no-repeat;}

/* Admin */
#body #admin{width: 714px; float: left; padding: 15px 20px;}
#body #admin ul{padding: 5px 15px;}

#footer{width: 774px; float: left;}
#footer #water{width: 103px; float: left; padding: 15px 0 0 10px;}
#footer #water a{width: 103px; height: 18px; float: left; text-indent: -9999px; background: url('images/water.jpg') no-repeat;}
#footer #fNav{width: 568px; float: right; text-align: right; padding: 17px 0 0 0;}
#footer #fNav li{list-style: none; display: inline; font-size: .9em; padding: 0 6px 0 10px; background: url('images/fNavSep.jpg') no-repeat;}
#footer #fNav li a:hover{text-decoration: underline;}
#footer p#legal{width: 568px; float: right; font-size: .9em; color: #6a6244; text-align: right;}
#footer a{color: #6a6244; text-decoration: none; font-weight: normal;}

/* Calendar */
.eventsCalendar table { border:1px solid #CCC; width:100%; border-collapse:collapse; }
.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay { padding: 2px; border:1px solid #CCC; }
.eventsCalendar table table, .eventsCalendar table table td { border:none; width:100%; border-collapse:collapse; background: #2f5f39; }
.calendarTitle td { text-align: center; background: #2f5f39; color: #FFF; font-weight: bold; }
.calendarNextPrevious { font-weight: normal; }
.calendarNextPrevious a { color: #FFFFCC; }
.calendarToday { color: #000; background:#FFFFEC; }
.calendarDayHeader { color: #FFF; background: #817958; font-weight: bold; height: 1px; text-align: center; }
.calendarWeekendDay { background: #fff; }
.calendarOtherMonthDay { color: #333; background: #c0b796; }

/* Blog */
.blogList ul{padding: 0 !important; margin: 0;}
.blogList li{padding: 0 0 0 22px; list-style: none !important; background: url('images/ico_cal.jpg') 0 9px no-repeat}
h2.postTitle a{font-weight: normal; font-size: .8em;}
.comments h3{font-size: 1.1em;}
.comments h3 .addCommentLink{font-size: .9em;}
/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}