@media all { 

* { margin : 0; padding : 0; }
html {}


body { font : 76%/160%  Arial, Helvetica, Tahoma, Verdana, sans-serif;
background : #005CA8 url(../images/bg_blue.jpg) top center no-repeat fixed; color:#333333}


img {
    border: none;
}
/******** content p, h2, h3, h4, text elements ********/

strong {color: #F20; font-size:120%;}
em {color: #F60; font-style:italic;}

div#content_main h2 {padding: 30px 10px 0px 20px; font-size: 2em; font-weight:100;}
div#content_main h2 img {padding: 0 0 10px 0;}
div#content_main p { margin:0; padding: 10px 20px 10px 20px; line-height: 170%;}

div#content_main h3 {font-size: 1.5em; font-weight:100;}



div#content_sub p {padding: 0 10px 10px 0px;}

div#feature h4 {padding: 25px 10px 10px 10px; height:30px;; border-bottom: #FD5A1D solid 1px; background:#FFF1EC url(../images/h4_eventcalendar.png) no-repeat; text-indent:-9999px;}




/***** content_main UL OL LI*/

#content_main #fragment-1 ul, #content_main #fragment-1 ol {padding: 0px 10px 0px 30px; list-style-type:none;}
#content_main #fragment-1 li {background: url(../images/checkmark.png) left center no-repeat; padding-left: 20px; margin-bottom: 10px; color: #154EAA;}



/*****  CURRENT THEME id = "curtheme" */

#curtheme { margin-top: 20px; padding: 10px; background-color:#FFF2C1; width:550px; border-top: 1px solid #FC0;}
#curtheme img{ float:left; width:70px; margin:0 10px 0 20px; padding: 5px; background: white; }
#curtheme h3 {margin-left:110px;}


/****   HOME RESOURCE id ="home"  */

#kit { margin-top: 20px; padding: 10px;}
#kit img{ float:left; width:200px; margin:0 10px 0 20px; }
#kit h3 {margin-left:110px;}


/******** event calendar di FEATURE ********/
div#feature li { list-style-type:none; padding: 10px 10px 10px 5px; margin: 0 10px 0 10px;}



/*** tell friend table***/

table.tell {margin:0; padding:0;}



/******** layout divs ********/
div#container { position: relative; width: 900px; margin: 0 auto; padding: 0; text-align:left;}

div#branding { width: 860px; height:260px; margin: 0; padding: 0;}

div#content { width:860px; position: absolute; top: 265px; left: 20px;}

div#content_all {overflow:auto; width:100%; background: #FFF;}

div#content_main { width:550px; float:left; background: #FFF;}

div#container-1 {margin-top: 30px;}

div#content_sub { width: 180px; margin: 1.5em 0 0 0; /*float:left; position: absolute; top: 170px; left:470px;*/ }

div#feature { width: 210px; float: right;/* border-left:#EEE solid 1pt;*/}

div#navigation { width:900px; height: 130px; position:relative; top: 135px; left:0px;}

div#navmain { height: 40px; background :url(../images/navmain.png) no-repeat; line-height: 45px;}

div#navpro { height:90px; background :url(../images/navpro.png) no-repeat;}

div#login { z-index: 3; width: 250px; height:40px; top: 0px; position: absolute; left: 600px; text-transform:uppercase; font-size:14px; font-weight:bold; color: white; white-space:pre; line-height:40px; }

div#siteinfo {font-size: .9em; width: 860px; float: left; left: 20px; margin: 0; padding: 20px 0px 20px 25px; background:url(../images/siteinfo_bg.png) no-repeat;}



/********  branding items ********/
h1 { position : absolute; left : 50px; top : 0; width: 200px; height : 130px;}

p#slogan { position : absolute; left : 260px; top : 29px; width: 340px; height : 65px; background : url(../images/slogan.png) no-repeat; text-indent: -9999px; }

blockquote { margin : 0 10px; padding : 0 0; font-style:italic; font-size: 0.9em ; color: white; line-height: 2em; position : absolute; left : 630px; top : 10px; width: 230px; height : 120px; text-indent: 2em; background:url(../images/maestro_white4.png) top left no-repeat ; }

blockquote p
{
display: none;
}

p#phone {margin : 10px 30px; padding : 0 0;font-size: 2em; font-weight:bolder; letter-spacing: 2px; color: white; position:absolute; left:298px; top: 92px; }


/******** navigation items ********/
/******** nav main body #content .alternative p  ********/
div#navmain ul { height:40px; position: absolute; left: 25px; text-transform:uppercase; width: 600px; margin: 0; padding: 0; white-space: nowrap;}

div#navmain li {float: left; padding-right: 10px; display: inline; list-style-type: none; }

div#navmain a, div#navmain a:link, div#navmain a:visited{
color: #fff; display:block; line-height:40px; padding: 0px 10px 0px 10px; font-weight:bolder; letter-spacing: 1px; font-size: 11px;text-decoration: none; }
div#navmain a:hover {background:url(../images/hover_main_nav.png) top left transparent repeat-x; color: #060;}
div#navmain a:active {text-decoration: none; }





/******** nav pro  refer navpro.css for item and interactivity********/
div#navpro ol { float:left; width: 900px; margin:0; padding: 0;}
div#navpro li {display:inline; list-style-type:none;}



/******** login ***********/
form input#parentslogin { border: solid 1px #1D7100; font-size: 0.8em; padding: 4px; width: 100px;}
.button {border: none; background: url(../images/up.png) no-repeat top left; padding: 2px 5px;}
.button:hover {border: none; background: url(../images/down.png) no-repeat top left; padding: 2px 5px;}


/*  on div fragments*/

#fragment-4 img {margin-right: 2px; margin-top:4px;}
#fragment-4 p {margin:0; padding:0;}
#fragment-4 table tr:hover {background: none;}

#fragment-5 p {padding-left: 10px;}

/* object FLASH */

object {padding-left: 25px:}

/* ie png fix */
div#branding img, p#slogan, p#phone, blockquote, div#navmain, div#navpro { behavior: url(.../images/iepngfix.htc) }


}