/* 

Website       : NIS.OR.ID
Descriptions  : NIS International School Jakarta

Designer      : Viking KARWUR
Studio        : vikingkarwur.com
Last Modified : December 14, 2009

*/

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

body {
background: #333;
/*font-family: "Helvetica Neue", Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;*/
font-family: Arial, "Frutiger", "Univers", "Helvetica Neue", helvetica, sans-serif;
}

p, ul, li {
color: #666;
}

h1, h2, h3, h4, h5, h6 {
}

a {
color: #50B848;
}

#ilogo {
height:180px;
}

#ilogo ul {
list-style:none;
text-align:center;
display: inline;
}

#ilogo li {
display: inline;
padding:0px 10px 0px 18px;
}

#ilogo ul li a, #ilogo ul li {
color: #FF821F;
text-decoration:none;
}

#ilogo ul li.nowactive {
color: #333;
font-weight:bold;
}

#ilogo ul li a:hover {
color: #ff821f;
text-decoration:underline;
}

#ilogo ul li.nl-nl {
background: url(../images/nl.gif) left center no-repeat;
}

#ilogo ul li.en-us {
background: url(../images/gb.gif) left center no-repeat;
}

#iset {
height:200px;
background: #50B848;
margin:0;
padding:0;
}

#iset img {
height:200px;
width:710px;
margin:0;
padding:0;
_vertical-align:bottom;
}


#iheader {
height:100px;
background: #000;
}

#icontainer {
background: #fff;
}

#isidebar {
}

#nis-menu-nav h3, #inav h3, #isearch h3 {
text-transform:uppercase;
color:#fff;
padding:10px;
margin:0px 10px;
text-align:left;
font-weight:bold;
background: #50b849;
font-size:15px;
}

#isearch form {
padding:10px;
}

#isearch form label {
font-size:13px;
font-weight: normal;
padding:10px;
}



#ienrol h3 {
text-transform:uppercase;
color:#fff;
padding:10px;
margin:0px 10px 10px 10px;
text-align:left;
font-weight:bolder;
font-size:15px;
background: #c90d0e;
letter-spacing:-1px;
}

#ienrol h3 a {
color: #fff;
text-decoration:none;
font-weight:bold;
cursor:pointer;
}

#ienrol h3 a:hover {
}

#inews h3 {
text-transform:uppercase;
color:#fff;
padding:10px;
margin:0px 10px 10px 10px;
text-align:left;
font-weight:bold;
background: #ff821f;
font-size:13px;
}

#inews dl {
padding:5px 10px;
margin:5px 10px;
border-bottom:1px solid #f1f1f1;
}

#inews dl:hover {
cursor: pointer;
background: #f1f1f1;
}

#inews dt {
font-weight:normal;
font-size: 13px;
padding-left:20px;
background:url(../images/lightbulb.png) no-repeat left;
}

#inews dt a {
color: #66CC00;
}

#inews dd {
font-size:11px;
}


#nis-menu-nav {
}

#inav dl {
padding:0px 10px;
}

#inav dl dt a {
display:block;
border-bottom:1px solid #f1f1f1;
text-decoration:none;
color: #50B848;
font-size:15px;
padding:2px 10px;
font-weight:normal;
text-align:left;
}

#inav dl dt a:hover {
color: #ff821f;
border-bottom:1px dotted #ccc;
background:url(../images/tick.png) no-repeat right;
}

#inav dl dt a.active {
color: #ff821f;
font-weight:bold;
background:url(../images/tick.png) no-repeat right;
}

#inav dl dd {
padding:0;
margin:0;
border-bottom:1px dotted #f1f1f1;
}

#inav ul {
margin:-10px 0 0 0;
padding:0 10px;
}

#inav ul li {
list-style:none;
font-size:12px;
border-bottom:1px dotted #999;
padding:0px;
}

#inav ul li a {
color: #50B848;
text-decoration:none;
display: block;
padding:0 5px;
margin:0;
}

#inav ul li a.currents {
color: #ff821f;
background:url(../images/tick.png) no-repeat right;
font-weight:bold;
}

#inav ul li a:hover {
color: #333;
text-decoration:none;
}


#inav ul li:hover{
border-bottom:1px dotted #333;
cursor:pointer;
}

#icontents {
_margin:-7px 0 0 0;
padding:0;
}

#iheadphoto {
height:250px;
background: #50B848;
margin:0;
padding:0;
}

#iheadphoto img {
height:250px;
width:710px;
margin:0;
padding:0;
_vertical-align:bottom;
}

#imaincontent {
margin-bottom:20px;
}

#imaincontent #breadcrumbs {
margin-bottom:10px;
background: #f1f1f1;
}

#imaincontent #breadcrumbs p {
font-size:13px;
font-weight: normal;
color:#333;
padding:5px 10px;
margin:0;
}

#imaincontent #breadcrumbs p a {
font-weight: normal;
color: #666;
}

#imaincontent #breadcrumbs p a:hover {
font-weight: normal;
color: #000;
}

#imaincontent #breadcrumbs p strong {
font-weight: normal;
color: #FF9900;
}



#imaincontent h1 {
color:#50b849;
font-size:40px;
margin:5px 0px;
font-weight:bolder;
letter-spacing:-1px;
}

#imaincontent h2 {
color:#666666;
margin:0px;
font-size:28px;
font-weight:bold;
border-bottom:1px solid #f1f1f1;
margin-bottom:10px;
}

#entrytext p {
margin:0;
padding:5px 15px 5px 0px;
text-indent:0;
font-size:14px;
text-align:justify;
line-height:1.1em;
}

#imaincontent ul {
font-size:14px;
}

#imaincontent li {
font-size:14px;
text-align:justify;
}

#imaincontent dl.nisnews {
margin:10px 10px 0px 10px;
padding:5px;
border-bottom:1px dotted #ccc;
color: #333;
}

#imaincontent dt.nisnewstitle, #imaincontent dt.nisnewstitle a {
font-size:14px;
color: #50b849;
}

#imaincontent dd.nisnewsdate {
font-size:11px;
text-transform: uppercase;
color: #999;
margin:0;
}

#imaincontent dd.nisnewsentry {
font-size:12px;
margin:0;
}

#imaincontent dd.nisnewsentry a {
color: #50b849;
}

#icontact {
padding:10px 0px 10px 0px;
border-top: 1px dashed #f1f1f1;
}

#icontact h2 {
color:#999;
margin:0px;
font-size:20px;
}

#icontact p {
padding:0px 10px;
font-size:12px;
text-indent:0;
color: #666;
}

#icontact p span {
}

#icontact h4 {
font-size:15px;
padding:0px 10px;
margin:0px 0px;
color: #FF9900;
}

#ifooter {
background: #FF821F url(../images/home-slogan.jpg) right bottom no-repeat;
height:90px;
padding:10px 0px 0px 0px;
}

#copyright p {
padding:0px 10px;
font-size:13px;
color: #fff;
margin:0;
text-indent:0;
}

#copyright dl {
padding:5px 10px;
margin:0;
}

#copyright dl dt {
display: inline;
margin:0;
}

#copyright dl dt a {
font-weight:normal;
color: #333;
padding:0px 2px;
margin-right:3px;
text-decoration:none;
border-bottom:1px solid #333;
}

#copyright dl dt a:hover {
color: #fff;
border-bottom:1px solid #fff;
}


#bottomimg {
vertical-align:bottom;
}


.photoleft {
float:left;
background: #fff;
margin:10px;
padding:5px;
border:1px solid #ccc;
}

.photoright {
float:right;
background: #fff;
margin:10px;
padding:5px;
border:1px solid #ccc;
}

.photocenter {
background: #fff;
margin:10px;
padding:5px;
border:1px solid #ccc;
}

#imaincontent dl.pgallery {
float:left;
padding:5px;
margin:10px;
border:1px solid #f1f1f1;
}

#imaincontent dl.pgallery:hover{
cursor: pointer;
background: #f1f1f1;
border:1px solid #ff821f;
}

#imaincontent dl.pgallery img {
padding:0px;
margin:0px;
}

#imaincontent dl.pgallery dd a {
font-size:15px;
text-align:center;
text-decoration:none;
}

#iphotogallery {
padding:10px 0px;
}

#iphotogallery img {
padding:1px;
background: #fff;
border:5px solid #50B848;
}

#zemContactForm fieldset {
   border: none;
   padding-bottom: 1em;
   }
#zemContactForm legend {
   color: #ea9f00;
   font-size:14px;
   font-weight: bold;
   }
#zemContactForm label {
   float: left;
   width: 60px;
   margin: 0.3em 10px 0 0;
   text-align: right;
   color: #666;
   }
#zemContactForm input {
   margin-bottom: 0.5em;
   }
#zemContactForm br {
   clear: left;
   }
#zemContactForm #zemSubmit {
   margin: 0.5em 0 0 70px;
   }

/* mics tools */
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix {  }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* iframe photo page */

#iphotogallery iframe {
   height: 700px;
   width: 690px;
   overflow: scroll;
   border:0px; 
}


/* vertical nav */
#verticalNav {left:5px; top:0px; margin:0; list-style:none; position:relative; font-family:arial, verdana, sans-serif;float:left; padding:10px 5px;}

#verticalNav ul.toplevel {padding:0; margin:0; list-style:none;}
#verticalNav ul.sub {padding:0; margin:0; list-style:none;}

#verticalNav table {border-collapse:collapse; margin:-1px;}
#verticalNav ul.toplevel ul.sub {position:absolute; left:-9999px; width:208px;}
#verticalNav ul.toplevel ul div.base {position:absolute; left:-9999px; background:#fff; padding:10px; width:350px; height:300px;}
#verticalNav ul.toplevel ul div.border {position:absolute; left:-9999px; background:transparent url(images/backing.png); width:390px; height:340px;}

#verticalNav ul.toplevel {width:210px; border-top:1px solid #ddd;}
#verticalNav ul.toplevel li {float:left; width:210px;}
#verticalNav ul.toplevel li a {display:block; width:198px; padding-left:10px; height:22px; line-height:22px; text-decoration:none; color:#50B849; font-size:13px; border:1px solid #ddd; border-width:0 1px 1px 1px;}

#verticalNav ul.toplevel li.hassubmenu a {display:block; width:198px; padding-left:10px; height:22px; line-height:22px; text-decoration:none; color:#50B849; font-size:13px; background:#fff url(images/arrow-black.gif) no-repeat 200px center; border:1px solid #ddd; border-width:0 1px 1px 1px;}



#verticalNav a:hover {white-space:nowrap;}
#verticalNav :hover ul.toplevel li a {background:#fff url(images/arrow-grey.gif) no-repeat 200px center; filter:alpha(opacity=90); opacity:0.9;
}
#verticalNav ul.toplevel li a:hover {color:#069; filter:alpha(opacity=100); opacity:1.0;}
#verticalNav ul.toplevel li:hover > a {color:#FF821F; filter:alpha(opacity=100); opacity:1.0;}

#verticalNav ul.toplevel li.hassubmenu a:hover {color:#069; background:#fff url(images/arrow-black.gif) no-repeat 200px center; filter:alpha(opacity=100); opacity:1.0;}
#verticalNav ul.toplevel li.hassubmeny:hover > a {color:#FF821F; background:#fff url(images/arrow-black.gif) no-repeat 200px center; filter:alpha(opacity=100); opacity:1.0;}

#verticalNav :hover ul.toplevel :hover ul.sub {left:214px; top:0; border-top:1px solid #ddd;}
#verticalNav :hover ul.toplevel :hover ul.pos1 {top:0px;}
#verticalNav :hover ul.toplevel :hover ul.pos2 {top:33px;}
#verticalNav :hover ul.toplevel :hover ul.pos3 {top:56px;}
#verticalNav :hover ul.toplevel :hover ul.pos4 {top:79px;}
#verticalNav :hover ul.toplevel :hover ul.pos5 {top:102px;}
#verticalNav :hover ul.toplevel :hover ul.pos6 {top:125px;}


/* grid */

dl.grid-lawwl {
float:left;
width:205px;
margin:5px;
padding:5px;
min-height:150px;
}

dl.grid-lawwl dt img.squarebox {
height:150px;
width:150px;
}

dl.grid-lawwl dd {
text-align: center;
text-transform: lowercase;
padding:5px;
margin:0;
}