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

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

strong {color: #F30;}

div#content_main h2 {padding: 30px 10px 10px 20px;}
div#content_main p { margin:0; padding:10px 20px 10px 20px;}

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

p#promo {padding: 10px;}

p#splash {padding: 0 -10px 0 -15px;}

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


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



/******** div FEATURE Newsletter - promo box********/
div#newsletter {border-bottom: #73ADD5 solid 1px; background:#E7F0F8;}
div#newsletter p {padding: 10px 30px 10px 25px; color:#005CA8;}
p#newsletter { background: url(../images/newsletter_index.gif) no-repeat; text-indent:-9999px;}
.newsform {padding:0px 30px 20px 25px; color:#005CA8;}


/******** 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:580px; float:left; padding: 0;}

div#feature { width: 230px; 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 ********/
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;}


div#card, p#promo {margin: 15px 0 0 0;}


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

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