@charset "utf-8";
/* CSS Document */
body {background:#4795e0 url(../images/body-bg.jpg) repeat-x top; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.8em;}

#header {background-color:#0092c8;}
#header h1, #header a {display:block; width:221px; height:64px;}
#header h1 {background:url(../images/logo.gif) no-repeat top right; margin:20px 25px 20px 0; float:right;}
#header a {text-indent:-9999px; overflow:hidden;}
#isi-logo {margin:10px 0 0 25px}

#billboard {margin:0 auto; width:926px; height:235px; padding:20px 12px 12px 12px; background:url(../images/billboard-bg.png) no-repeat top center;}
#intro_bx {width:543px; float:left; margin-right:8px;}
#billboard_right {float:right; width:375px;}
#qcontact {margin-bottom:10px;}
#about {padding:10px 15px 0 15px; margin:10px 0 0 10px; border:solid 1px #0282bd;
background: #196699; /* Old browsers */
background: -moz-linear-gradient(top, #196699 0%, #052e4f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#196699), color-stop(100%,#052e4f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #196699 0%,#052e4f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #196699 0%,#052e4f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #196699 0%,#052e4f 100%); /* IE10+ */
background: linear-gradient(to bottom, #196699 0%,#052e4f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#196699', endColorstr='#052e4f',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 6px;
border-radius: 6px;
}
.image_carousel {background:url(../images/slides-bg.jpg) no-repeat 0 0; width:938px; padding:6px 5px 0 5px; height:142px; margin-bottom:1em;}
.image_carousel img {border: 2px solid #CCC; background-color: white; margin: 5px; display: block; float: left; -webkit-border-radius: 6px; border-radius: 6px;}

#content {width:910px; margin:0 auto 1em auto; background:#012d54 url(../images/content-bg.jpg) no-repeat top center; border:solid 3px #2c75ba; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; padding:17px;}
.home #content {width:950px; background-color:transparent; background-image:none; border:none;}
.content_bx {border:solid 3px rgba(47,168,242,.2); padding:20px; background-color:#FFF; color:#414141; -webkit-border-radius: 4px; border-radius: 4px;}
#content h2, #content h3, #content h4 {font-weight:bold; color:#0075c0; border-bottom:solid 1px #CCCCCC; padding-bottom:.2em;}
#sidebar {float:left; width:240px; margin-right:20px;}
#content_right {float:right; width:604px;}

#sidenav {list-style:none outside none; padding:0; margin:0 0 1em 0;}
#sidenav a {display:block; padding:5px; border-bottom:solid 1px #E9E9E9; font-size:1.1em; text-decoration:none;}
#sidenav a:focus, #sidenav a:hover {background-color:#F5F5F5; color:#F60;}

#footer {width:900px; margin:0 auto; padding:.6em 1em; color:#557e96; font-size:.94em;
background: #0f2532; /* Old browsers */
background: -moz-linear-gradient(top,  #0f2532 0%, #1b3341 56%, #0e2941 56%, #001d40 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f2532), color-stop(56%,#1b3341), color-stop(56%,#0e2941), color-stop(100%,#001d40)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f2532 0%,#1b3341 56%,#0e2941 56%,#001d40 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f2532 0%,#1b3341 56%,#0e2941 56%,#001d40 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f2532 0%,#1b3341 56%,#0e2941 56%,#001d40 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f2532 0%,#1b3341 56%,#0e2941 56%,#001d40 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2532', endColorstr='#001d40',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 4px;
border-radius: 4px;
}
#footer ul {list-style:none outside none; margin:0; padding:0; float:left;}
#footer li {display:inline; padding:0 1em; border-right:solid 1px #004770;}
#footer li:last-child {border-right:none; margin-right:0;}
#footer a {color:#557e96; text-decoration:none;}
#footer a:focus, #footer a:hover {color:#FFF;}
#copyright {float:right; text-align:right;}

.img_gallery {list-style:none outside none; padding:0; margin:0;}
.img_gallery li {display:inline-block; height:260px; width:238px; vertical-align:text-bottom; margin:0 18px 0 18px;}
.img_gallery img {padding:5px; border:solid 1px #EEE; }
.img_gallery p {text-align:center;}
.img_gallery a {text-decoration:none;}