/* Master Resets (thanks Yahoo)
------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 

table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 

fieldset,img {  
    border:0; 
} 

address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 

ol,ul { 
    list-style:none; 
} 

caption,th { 
    text-align:left; 
} 

h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 

q:before,q:after { 
    content:''; 
} 

abbr,acronym { 
	border:0; 
} 

a {
	outline: none;
}

/* IE6 */
* html .info p {font-size: 88%;}

* html #subnav {overflow: hidden}

/* IE7 */
*:first-child+html a#clientLogin {top: 33px;}
*:first-child+html ol li#webServices span {font-size: 12px; font-weight: bold;}
*:first-child+html #webServices label {position: relative;left: -10px; width: 350px; text-align: left; font-size: 14px;}
*:first-child+html #form #submitForm {margin-top: 10px;}


/*------------------------------------
  Global Stylesheet
  Jembatan
  Version /  1.0
  Author / Josh & Matt Sears
  email / josh@littlelines.com matt@littlelines.com
  website / www.littleline.com
-------------------------------------*/

/* Setup
----------------------------*/

body {
    text-align: center;
    background-color: #3a0d04;
    color: #252525;
    font-size: 88%;
    font-family: 'Lucida Grande', Verdana, sans-serif;
}

.wrap {
    text-align: left;
    width: 955px;
    margin: 0 auto;http://twitter.com/cameronmoll/statuses/1107730905
    background: transparent;
}

.wrapper {
    width: 955px;
    float: left;
    overflow:hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    clear: both;
}

h1 {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 10px;
}

h2 {
    font-size:110%;
    margin: 10px 0;
    font-weight: bold;
    line-height: 25px;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    margin-bottom: 10px;
    line-height: 25px;
}

ul.short, ol.short {
    margin-bottom: 20px;
}

ul.short li  {

    line-height: 20px;
    margin: 0 0 5px 0;
}

ol.short li {
    margin-bottom: 5px;
}

ul.bullets {
    margin-bottom: 20px;
}

ul.bullets li{
    list-style-type: disc;
    margin-left: 20px;
}

ol {
    margin-bottom: 20px;
}

ol li {
    margin: 0 0 10px 35px;
    line-height: 25px;
    list-style-type: decimal;
}

p {
    margin: 10px 0 20px 0;
    line-height: 25px;
    text-align:left;
}

a, a:link {
    text-decoration: none;
    color: #FFF;
}

a:hover {
    background: transparent;
    text-decoration: underline;
}

img { -ms-interpolation-mode:bicubic; }

strong{
    font-size: 110%;
    font-weight: bold;
}

blockquote {
    width: 60%;
    margin: 0 0 20px 40px;
    line-height: 25px;
    color: #650e0e;
}

/* Misc. Styles
----------------------------*/
.single{
    line-height: 15px;
}

dl.flat dt{
    float: left;
    width: auto;
    text-align: right;
    margin-right: 10px;
}

dl.flat dt input{
    margin-top: 2px;
}

.granite {
    width: 100%;
    float:left;
    background: #3b0e06 url(/images/background-granite.gif) repeat-y 0 0;
    height: 10px;
    overflow: hidden;
}

.left {
    float: left;
}

.right{
    float: right;
}

.large {
    width: 600px;
}

.med {
    width: 450px;
}

.red-text {
    font-size: 110%;
    color: #521003;
}

.dark-text {
    color: #1d1d1d;
    float: left;
    margin-right: 25px;
}

.dark-text h2{
    color: #650e0e;
    margin-bottom: 15px;
    font-size: 120%;
}

.dark-text h1, .dark-text b{
    color: #650e0e;
}

img.red{
    border: 3px solid #782210;
}

.blue img{
    border: 3px solid #297d78;
}

.red img{
    border: 3px solid #872712;
}

.left-column{
    float: left;
    padding: 20px 0 20px 40px;
    overflow: hidden;
}

.right-column{
    float: right;
    padding: 20px 40px 0 20px;
}


/* Forms
----------------------------*/

form label {
    color: #521003;
    padding: 1px 10px 0 0;
    font-weight: normal;
    width: 130px;
    float: left;
    font-size: 110%;
    text-align: right;
}

form input {
    padding: 4px;
    font-size: 12pt;
    background-color: #e4e4e4;
}

form input.text {
    border: 1px solid #cdcdcd;
    width: 280px;
}

form input .checkbox {
    margin-bottom:  -20px;
    background-color: transparent;
}

form input.radio {
    background: transparent;
    margin: 0 5px;
}

form select {
    margin-top: 5px;
}

form textarea {
    font-size: 10pt;
    border: 1px solid #cdcdcd;
    background-color: #e4e4e4;
    font-size: 12pt;
}

form textarea.body {
    height: 200px;
}

form div.block {
    margin: 20px 0;
}

form div.block p{
    margin-bottom: 20px;
}

form button {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    background: transparent;
    float:left;
    text-align:left;
}

/* Error messages
----------------------------*/
.errorExplanation ul li{
    background-color: #661c0d;
    color: #ffffff;
    border: 1px solid #3a0d04;
    padding-left: 8px;
}


/* Header
----------------------------*/

#header {
    height: 140px;
    background-color: #FFFFFF;
    width: 100%;
    float:left;
    z-index: 5;
}

#header h1#logo {
    display: block;
    width: 347px;
    height: 80px;

    /* text-indent: -9999px; */
    /* background: url(/images/logo.gif) no-repeat left; */
    margin: 30px 0 0 15px;
    float:left;
}

/* Salutations
----------------------------*/
#salutations{
    margin: 50px 20px 0 0;
    float:right;
    color: #650e0e;
}

#salutations h1{
    margin-bottom: 5px;
    border-bottom: 1px solid #650e0e;
    padding-bottom: 2px;
    font-size: 160%;
    width: auto;
}

#salutations h1 span{
    color: #686868;

}

#salutations p{
    text-align:right;
}

#salutations a {
    color: #521003;
}

/* Band
----------------------------*/
#band{
    float:left;
    width: 100%;
    height: 3px;
    background-color: #fff;
    overflow: hidden;
}

body.home #band {
    height: 12px;
    z-index: 1;
    position:relative;
    background: transparent url(/images/background-band.png) repeat-x 0 0;
}

body.photos #band {
    display: none;
}


/* Banners
----------------------------*/
h1#banner {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    height: 175px;
    width: 100%;
    float: left;
    overflow: hidden;
    border-bottom: 1px solid #3a0d04;
    text-indent: -9999px;
    background: transparent url(/images/banner-jembatan.jpg) 0 0;
}


/* Content
----------------------------*/

#content {
    margin: 0 auto;
    padding: 0;
    width: 955px;
    overflow: hidden;
    clear: both;
    background-color: #fff;
}

#content a, #content a:link {
    color: #521003;
}

body.home #welcome {
    position: relative;
    top: -12px;
    margin-bottom: -12px;
}

#welcome {
    background-color: #FFFFFF;
    height: 287px;
    width: 100%;
    float: left;
    overflow: hidden;
    border-bottom: 3px solid #3a0d04;
}

#welcome #definition {
    padding: 20px;
    float:left;
    width: 370px;
    color: #521003;
}

#welcome #definition h1{
    text-indent: -99999px;
    margin-bottom: 10px;
    height: 26px;
    background: url(../images/text-a-bridge-to-southeast-asia.gif) no-repeat 0 0;
}

#welcome #definition p{
    line-height: 25px;
}

#welcome img {
    float: left;
}

/* Slideshow */

ul#slideshow {
    float: right;
    width: 522px;
    height: 287px;
    overflow: hidden;
}

/* Pitch
----------------------------*/

#pitch {
    margin: 0;
    background-color: #5d2f19;
    float: left;
    padding: 20px;
    color: #fdf7e4;
}

#pitch h1, #pitch h2 {
    text-indent: -9999px;
    margin-bottom: 20px;
}

#pitch h1 {
    height: 27px;
    background: url(../images/text-why-jembatan.gif) no-repeat 0 0;
}

#pitch h2 {
    height: 35px;
    background: url(../images/text-study-abroad.gif) no-repeat 0 0;
}

#pitch #why{
    float: left;
    width: 410px;
}

#pitch #why ul#reasons li{
    padding-bottom: 10px;
}

#pitch #apply-here {
    float: right;
    width: 505px;
}

#pitch #apply-here img {
    padding: 0 0 20px 80px;
}

/* Sidebar
----------------------------*/

#sidebar {
    color: #ffffff;
    float:left;
    width: 196px;
    background: #3b0e06 url(/images/background-sidebar.gif) repeat-x 0 0;
    border-right: 2px solid #500606;
    border-left: 1px solid #7e2713;
    min-height: 700px;
    height:auto !important;
    height:700px;
    padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#sidebar h2 {
    background: #4c160a url(/images/background-down-arrow.gif) no-repeat 7px 7px;
    padding: 10px 10px 10px 40px;
    margin-bottom: 0;
}

#sidebar ul {
    float:left;
    width:100%;
    margin-top:0px;
}

#sidebar ul li {
    margin: 0;
    border-bottom: 1px solid #411107;
    dislpay: block;
}

#sidebar ul li a{
    display:block;
    padding: 10px 10px 10px 40px;
}

#sidebar ul li a:hover {
    text-decoration:none;
    background-color: #792b16;
}


#sidebar a, #sidebar a:link {
    color: #FFF;
}

/* Sidebar for the Photos page */
#photos #sidebar{
    width: 294px;
    display: inline;
}

#photos #sidebar ul li a{
    padding-left: 50px;
}

#photos #sidebar h2 {
    padding-left: 50px;
    background-position: 15px 7px;
}

/* Main
----------------------------*/
#main {
    float: right !important;
    width: 696px;
    background-color: #fff;
    padding: 20px 30px 20px 30px;
    color: #6c2516;
    border-top: 1px solid #e4d4cf;
    min-height: 659px;
}

#photos #main{
    width: 598px;
    display: inline;
    border: none;
    overflow: hidden;
    height: 659px;
}

#main a{
    color: #6c2516;
    text-decoration: underline;
}

#main.full {
    width: 894px;
}

#main #copy{
    color: #000;
    float: left;
    margin-right: 25px;
    width: 100%;
}

#main #copy h2{
    color: #650e0e;
    margin-bottom: 15px;
    font-size: 120%;
    font-weight: normal;
}

#main #copy p{
    font-size: 100%;
    margin-bottom: 15px;
}

#main blockquote {
    font-size: 92%;
}

/* VCard
----------------------------*/

.vcard {
    color: #000;
    width: 413px;
}

.vcard h1{
    color: #521003;
}

.vcard h2{
    color: #521003;
    font-size: 110%;
    margin-bottom: 10px;
}

.vcard p{
    margin-bottom: 5px;
}


/* Footer
----------------------------*/

#footer {
    clear: both;
    min-height: 150px;
    width:100%;
    float:left;
    background-color: #281102;
    padding: 20px 0 0 0;
    color: #ab4722;
    overflow:hidden;
}

#footer a {
    color: #bdae82;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer ul {
    width: 460px;
    margin: 0 auto;
    height: 45px;

}

#footer ul li{
    float: left;
    margin-right: 15px;
}

#footer ul li a{
    height: 25px;

}

#footer li#terms-tab a{
    width: 100px;
    margin: 0 0 0 300px;
}

#footer #copyright {
    padding-top: 10px;
    width: 98%;
    float: left;
}

#footer #copyright p{
    text-align:center;
    line-height: 1.5;
}

/* University Relations
----------------------------*/
#university-relations #main {
}

/* Photo Roll (Sidebar)
----------------------------*/

ul#photo-roll{
    float: right;
    padding: 0 0 20px 20px;
}

ul#photo-roll li{
    margin-bottom:  20px !important;
}

ul#photo-roll li img{
/*     border: 3px solid #7f2411 !important; */
}


/* Apply Page
----------------------------*/
#apply{
    width: 87%;
    float: left;
    margin: 20px 0 0 0;
    padding: 20px 0 20px 65px;
}

#apply .blue, #apply .red{
    margin-bottom: 20px;
}

/* Contact Us Page
----------------------------*/
#contact-us, #privacy-policy{
    width: 93%;
    padding: 20px;
    float:left;
}

#contact-us .left{
    width: 50%;
    overflow: hidden;
}

#contact-us form textarea{
    width: 430px;
    height: 100px;
}

/* Faculty Application Form
----------------------------*/
#apply-faculty .left-column,
#apply-students .left-column{
    width: 46%;
}

#apply-faculty h2,
#apply-students h2{
    font-size: 130%;
    margin:  0 0 20px;
    width: 100%;
    text-align: center;
}

#apply-faculty form textarea,
#apply-students form textarea{
    width: 430px;
    height: 150px;
}

#apply-faculty #apply-program,
#apply-students #apply-program{
    width: 420px;
}


/*------------------------------------
  Global Stylesheet
  Jembatan International
  Version /  1.0
  Author / Josh & Matt Sears
  email / josh@littlelines.com matt@littlelines.com
  website / www.littleline.com
  -------------------------------------*/

body.programs{
}

#program-list li {
    margin-bottom: 20px;
}

#program-list li img {
    padding-right: 10px;
    margin-top: 4px;
    float:left;
}

/* Sidebar
   ----------------------------*/

#sidebar h2{
    margin-top: 0;
}

.thailand li#thailand-menu,
.cambodia li#cambodia-menu,
.malaysia li#malaysia-menu,
.indonesia li#indonesia-menu,
.vietnam li#vietnam-menu,
.laos li#laos-menu,
.culinary li#culinary-menu,
.comprehensive li#comprehensive-menu,
.excursion_add_ons li#excursion_add_ons-menu,
.massage li#massage-menu {
    text-decoration:none;
    background-color: #792b16;
}

/* Main Programs Header
   ----------------------------*/

.thailand h1#banner{
    background: transparent url(/images/programs/banner-thailand.jpg) 0 0;
}

.cambodia h1#banner{
    background: transparent url(/images/programs/banner-cambodia.jpg) 0 0;
}

.malaysia h1#banner{
    background: transparent url(/images/programs/banner-malaysia.jpg) 0 0;
}

.indonesia h1#banner{
    background: transparent url(/images/programs/banner-indonesia.jpg) 0 0;
}

.laos h1#banner{
    background: transparent url(/images/programs/banner-laos.jpg) 0 0;
}

.vietnam h1#banner{
    background: transparent url(/images/programs/banner-vietnam.jpg) 0 0;
}

.massage h1#banner{
    background: transparent url(/images/programs/banner-massage.jpg) 0 0;
}

.culinary h1#banner{
    background: transparent url(/images/programs/banner-culinary.jpg) 0 0;
}

.comprehensive h1#banner{
    background: transparent url(/images/programs/banner-comprehensive.jpg) 0 0;
}

.excursion_add_ons h1#banner{
    background: transparent url(/images/programs/banner-excursion-add-ons.jpg) 0 0;
}

#main h1#programs-header{
    background-color: #6c2516;
    color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #521002;
}

#intro {
    float:left;
    width: 350px;
}

#prospectus{
    float:left;
}

#media {
    float:right;
    width: 300px;
    height: 400px !important;
    margin: 0;
    padding: 0 0 10px 10px;
}

/* Regions
   ----------------------------*/
#regions {
    background-color: #f8f4f3;
    width:350px;
    float:left;
    padding: 0 0 10px 1px;
    margin-bottom: 20px;
}

#regions h2{
    color:#fff;
    background-color:#6c2516;
    float:left;
    width:338px;
    padding:6px;
    margin-bottom:5px;
}

#regions ul {
    font-size: 120%;
    float:left;
    width: 350px;
}

#regions ul li{
    float:left;
    width:125px;
    margin: 0;
    padding: 5px 15px 0 15px;
}

/* Details
   ----------------------------*/

#details {
    color: #3a3a3a;
    padding: 10px;
    float:left;
    border: 3px solid #6c2515;
    width:670px;
    background-color: #f4f1f1;
    margin-top:10px;
}

#details h2{
    font-weight: bold;
    margin-bottom: 10px;
    width: 200px;
    color: #521002;
    font-size: 130%;
}

#details em{
    color: #521002;
    font-size: 120%;
}

#details ul {
    float:left;
    margin-right: 0px;
}

#details ul li {
    margin-bottom:5px;
}

#details a{
    padding-left: 20px;
    float:right;
    margin: -30px 10px 0 0;
}

/* Media
   ----------------------------*/
#media {
    width:300px;
    margin:0px;
    float:right;
    height:440px;
}








/*------------------------------------
Navigation  Stylesheet
Jembatan Internation
Version /  	1.0
Author / 	Josh & Matt Sears
email / 	josh@littlelines.com matt@littlelines.com
website / 	www.littleline.com
-------------------------------------*/

/* Main Navigation Menu
----------------------------*/

#nav {
    float: left;
	height: 40px;
    width: 100%;
    overflow: hidden;
	background: url(../images/background-nav.gif) repeat-x 0 0;
}

#nav ul {
	width: 964px;
	height:40px;
    background: url(../images/background-navbar.gif) no-repeat 0 0;
}

#nav ul li{
	float: left;
	display: inline;
}

#nav ul li a{
	display: block;
	text-indent: -9999px;
	height:  41px;
}

/* Home Tab */
#nav li#home-tab a{
	width: 95px;
}

#nav li#home-tab a:hover {
    background: url(../images/background-navbar.gif) no-repeat 0 -40px;
}

/* Its going to get weird :-) */
body.home li#home-tab a{
	background: #fff url(../images/background-navbar.gif) no-repeat -15px -80px !important;
    position: absolute;
    padding-bottom: 12px;
    z-index: 500;
    margin-left: 15px;
    width: 85px !important;
}

body.home #nav ul li#about-tab{
    margin-left: 95px;
}

/* About Tab */
#nav li#about-tab a{
	width: 102px;
}

li#about-tab a:hover {
	background: url(../images/background-navbar.gif) no-repeat -95px -40px;
}

body.about li#about-tab a{
	background: url(../images/background-navbar.gif) no-repeat -95px -80px;
}

/* Programs Tab */
#nav li#programs-tab a{
	width: 110px;
}

li#programs-tab a:hover {
	background: url(../images/background-navbar.gif) no-repeat -197px -40px;
}

body.programs li#programs-tab a{
	background: url(../images/background-navbar.gif) no-repeat -197px -80px;
}

/* Health and Safety Tab */
#nav li#health-tab a{
	width: 163px;
}

li#health-tab a:hover {
	background: url(../images/background-navbar.gif) no-repeat -307px -40px;
}

body.health_and_safety li#health-tab a{
	background: url(../images/background-navbar.gif) no-repeat -307px -80px;
}

/* University Relations */
#nav li#university-tab a{
	width: 185px;
}

li#university-tab a:hover {
	background: url(../images/background-navbar.gif) no-repeat -470px -40px;
}

body.university_relations li#university-tab a{
	background: url(../images/background-navbar.gif) no-repeat -470px -80px;
}

/* Photos */
#nav li#photos-tab a{
	width: 85px;
}

li#photos-tab a:hover {
	background: url(../images/background-navbar.gif) no-repeat -655px -40px;
}

body.photos li#photos-tab a{
	background: url(../images/background-navbar.gif) no-repeat -655px -80px;
}

/* Apply */
#nav li#apply-tab a{
	width: 85px;
}

li#apply-tab a:hover {
	background: url(../images/background-navbar.gif) no-repeat -740px -40px;
}

body.apply li#apply-tab a{
	background: url(../images/background-navbar.gif) no-repeat -740px -80px;
}function externalLinks() {
    if (!document.getElementsByTagName) return;
    var anchors = document.getElementsByTagName("a");
    for (var i = 0; i < anchors.length; i++) {
        var anchor = anchors[i];
        if (anchor.getAttribute("href") &&
        anchor.getAttribute("rel") == "external")
        anchor.target = "_blank";
    }
}

/* Contact Us */
#nav li#contact-tab a{
	width: 115px;
}

li#contact-tab a:hover {
	background: url(../images/background-navbar.gif) no-repeat -825px -40px;
}

body.contact li#contact-tab a{
	background: url(../images/background-navbar.gif) no-repeat -825px -80px;
}


/* Sub-Navigation Menu
----------------------------*/

#subnav{
    width: 100%;
    height: 32px;
    float:left;
    text-indent: -9999px;
    background: transparent url(../images/background-subnav.gif) repeat-x 0 0;
}

#subnav ul{
    float: left;
    height: 32px;
        display:inline;
}

#subnav ul li{
    display:inline;
    float:left;
}

#subnav ul li a{
	display: block;
	text-indent: -9999px;
	height:  32px;
}

/* Sub-Navigation - Programs
----------------------------*/

body.programs #subnav ul{
    width: 583px;
    margin-left: 197px;
    background: #fff url(/images/programs/background-subnav-tabs.gif) no-repeat 0 0;
    background-color: transparent;
	background-repeat: no-repeat;
}

/* "On" status defaults */
body.summer_youth #subnav li#summer-youth-tab a,
body.semester #subnav li#semester-tab a,
body.custom #subnav li#custom-tab a{
    position: relative;
    padding-bottom: 10px;
    z-index: 500;
}

/* Summer youth tab */
body.programs #subnav li#summer-youth-tab a{
    width: 217px;
}

body.programs #subnav li#summer-youth-tab a:hover {
    background: #fff url(/images/programs/background-subnav-tabs.gif) no-repeat 0 -32px;
}

body.summer_youth #subnav li#summer-youth-tab a{
    background: #fff url(/images/programs/background-subnav-tabs.gif) no-repeat 0 -64px !important;
}

/* Semester Programs Defaults */
body.programs #semester-tab a{
    margin-left: 0;
    width:188px;
}

body.programs #subnav li#semester-tab a:hover {
    background: #fff url(/images/programs/background-subnav-tabs.gif) no-repeat -217px -32px;
}

body.semester #subnav li#semester-tab a{
    background: #fff url(/images/programs/background-subnav-tabs.gif) no-repeat -217px -64px !important;
    margin-left:0;
}

/* Custom Programs Defaults */
body.programs #custom-tab a{
    margin-left: 0;
    width: 178px;
}

body.programs #subnav li#custom-tab a:hover {
    background: #fff url(/images/programs/background-subnav-tabs.gif) no-repeat -405px -32px;
}

body.custom #subnav li#custom-tab a{
    background: #fff url(/images/programs/background-subnav-tabs.gif) no-repeat -405px -64px !important;
    margin-left:0;
}

/* Sub-Navigation - University Relations
-----------------------------------------------*/
body.university_relations #subnav ul{
    width: 391px;
    margin-left: 299px;
	background-image: url(/images/university_relations/background-subnav-tabs.gif);
	background-color: transparent;
	background-repeat: no-repeat;
}

body.university_relations #subnav ul li a:hover{
	background-image: url(/images/university_relations/background-subnav-tabs.gif);
}

body.how_it_works #subnav li#how-it-works-tab a,
body.questionnaire #subnav li#questionnaire-tab a,
body.billing #subnav li#billing-tab a{
    position: relative;
    padding-bottom: 10px;
    z-index: 500;
	background-image: url(/images/university_relations/background-subnav-tabs.gif);
}

/* How-to youth tab */
body.university_relations #subnav li#how-it-works-tab a{
    width: 145px;
}
body.university_relations #subnav li#how-it-works-tab a:hover {
 	background-position: 0 -32px;
}
body.how_it_works #subnav li#how-it-works-tab a{
    background-position: 0 -64px !important;
}

/* Billing Programs tab */
body.university_relations #subnav li#billing-tab a{
    width: 99px;
}
body.university_relations #subnav li#billing-tab a:hover {
    background-position: -145px -32px;
}
body.billing #subnav li#billing-tab a{
    background-position: -145px -64px !important;
}

/* Questionnaire tab */
body.university_relations #subnav li#questionnaire-tab a{
    width: 136px;
}
body.university_relations #subnav li#questionnaire-tab a:hover {
    background-position: -244px -32px;
}
body.questionnaire #subnav li#questionnaire-tab a{
    background-position: -244px -64px !important;
}

/* Sub-Navigation - Health and Safety
-----------------------------------------------*/
body.health_and_safety #subnav ul{
    width: 712px;
    margin-left: 120px;
	background-image: url(/images/health_and_safety/background-subnav-tabs.gif);
	background-color: transparent;
	background-repeat: no-repeat;
}

body.health_and_safety #subnav ul li a:hover{
	background-image: url(/images/health_and_safety/background-subnav-tabs.gif);
}

body.index #subnav li#health-and-safety-tab a,
body.insurance #subnav li#insurance-tab a,
body.note_for_students #subnav li#note-for-students-tab a,
body.note_for_parents #subnav li#note-for-parents-tab a,
body.resources #subnav li#resources-tab a {
    position: relative;
    padding-bottom: 10px;
    z-index: 500;
	background-image: url(/images/health_and_safety/background-subnav-tabs.gif);
}

/* Health and Safety tab */
body.health_and_safety #subnav li#health-and-safety-tab a{
    width: 160px;
}
body.health_and_safety #subnav li#health-and-safety-tab a:hover {
 	background-position: 0 -32px;
}
body.health_and_safety #subnav li#health-and-safety-tab a{
    background-position: 0 -64px !important;
}

/* Insurance tab */
body.health_and_safety #subnav li#insurance-tab a{
    width: 112px;
}
body.health_and_safety #subnav li#insurance-tab a:hover {
    background-position: -160px -32px;
}
body.health_and_safety #subnav li#insurance-tab a{
    background-position: -160px -64px !important;
}

/* Note for Students tab */
body.health_and_safety #subnav li#note-for-students-tab a{
    width: 165px;
}
body.health_and_safety #subnav li#note-for-students-tab a:hover {
    background-position: -272px -32px;
}
body.health_and_safety #subnav li#note-for-students-tab a{
    background-position: -272px -64px !important;
}

/* Note for Parents tab */
body.health_and_safety #subnav li#note-for-parents-tab a{
    width: 158px;
}
body.health_and_safety #subnav li#note-for-parents-tab a:hover {
    background-position: -437px -32px;
}
body.health_and_safety #subnav li#note-for-parents-tab a{
    background-position: -437px -64px !important;
}

/* Note for Resources tab */
body.health_and_safety #subnav li#resources-tab a{
    width: 116px;
}
body.health_and_safety #subnav li#resources-tab a:hover {
    background-position: -595px -32px;
}
body.health_and_safety #subnav li#resources-tab a{
    background-position: -595px -64px !important;
}

/* Sub-Navigation - About
-----------------------------------------------*/
body.about #subnav ul{
    width: 669px;
    margin-left: 125px;
	background-image: url(/images/about/background-subnav-tabs.gif);
	background-color: transparent;
	background-repeat: no-repeat;
}

body.about #subnav ul li a:hover{
	background-image: url(/images/about/background-subnav-tabs.gif);
}

body.who_we_are #subnav li#who-we-are-tab a,
body.why #subnav li#why-tab a,
body.field_staff #subnav li#field-staff-tab a,
body.board_of_directors #subnav li#board-of-directors-tab a {
    position: relative;
    padding-bottom: 10px;
    z-index: 500;
	background-image: url(/images/about/background-subnav-tabs.gif);
}

/* Who We Are tab */
body.about #subnav li#who-we-are-tab a{
    width: 125px;
}
body.about #subnav li#who-we-are-tab a:hover {
 	background-position: 0 -32px;
}
body.about #subnav li#who-we-are-tab a{
    background-position: 0 -64px !important;
}

/* Why Jembatan tab */
body.about #subnav li#why-tab a{
    width: 147px;
}
body.about #subnav li#why-tab a:hover {
 	background-position: -125px -32px;
}
body.about #subnav li#why-tab a{
    background-position: -125px -64px !important;
}

/* Field Staff tab */
body.about #subnav li#field-staff-tab a{
    width: 113px;
}
body.about #subnav li#field-staff-tab a:hover {
 	background-position: -272px -32px;
}
body.about #subnav li#field-staff-tab a{
    background-position: -272px -64px !important;
}

/* A Letter from the Board of Directors tab */
body.about #subnav li#board-of-directors-tab a{
    width: 284px;
}
body.about #subnav li#board-of-directors-tab a:hover {
 	background-position: -385px -32px;
}
body.about #subnav li#board-of-directors-tab a{
    background-position: -385px -64px !important;
}


/*\*/
 /* html>body*#photo-gallery {margin: 0 -11px 0 0 !important; } */
 /**/

 /* To target a safari browser issue */

@media screen and (-webkit-min-device-pixel-ratio:0){
    #photo-gallery {margin: 0 -12px 0 0 !important; }
}

#photo-gallery {
    margin: 0 1px 0 0;
    padding: 0;
}

#photo-gallery .popeye-tools {
    margin:         10px 0 0 0;
    padding:        6px;
    background:     #f8f4f3;
}

#photo-gallery .popeye-tools span,
#photo-gallery .popeye-tools a {
    display:        block;
    float:          left;
    height:         22px;
    line-height:    22px;
}

#photo-gallery  .popeye-tools a {
    height:         0px !important;
    padding-top:    22px;
    width:          22px;
    border:         1px solid #e9e9e9;
    overflow:       hidden;
}

#photo-gallery  .popeye-tools a:hover {
    background-color:#f0f0f0;
    border:         1px solid #bababa;
    border-bottom:  1px solid #d8d8d8;
    border-right:   1px solid #d8d8d8;
}

#photo-gallery .popeye-prev {
    background:     #f8f4f3 url(/images/gfx/prev-1.png) no-repeat 0 0;
    width:          60px !important;
    padding:        0 4px 0 0;
}

#photo-gallery .popeye-next {
    float:          right !important;
    background:     #f8f4f3 url(/images/gfx/next-1.png) no-repeat 0 0;
    width:          60px !important;
    padding:        0 4px 0 0;
}

#photo-gallery .popeye-enlarge {
    background:     #f8f4f3 url(/images/gfx/enlarge-1.png) no-repeat 0 0;
    margin:         0 0 0 10px;
    width:          46px;
    padding:        0 4px 0 16px;
}

#photo-gallery  .popeye-count {
    background:     url(/images/gfx/count-1.png) no-repeat left center;
    padding:        0 0 0 20px;
}

#photo-gallery  .popeye-count {
    margin:         0 0 0 10px;
}

.popeye {
    overflow:       auto;   /* fallback popeye is scrolling! */
    height:         400px;  /* set to max height of fallback popeye */
}

.popeye ul,               /* reset browser list styles */
.popeye li {
    list-style:     none;
    margin:         0;
    padding:        0;
}

.popeye-tools-wrap,
.popeye-tools {
    overflow:       hidden;
}

.popeye-stage {
    background:     transparent no-repeat center center;
    padding: 0;
    margin:0;
}

.popeye-cap {
    overflow:       auto;   /* if height is set, caption will scroll */
}

.popeye-stagewrap {
    background-color: transparent;
    padding:0;
}

.popeye-stage {
    cursor:         pointer;
}

.popeye-tools-wrap {
    font-size:      11px;
    color:          #6c2516;
}

.popeye-cap {
    height:         10px;
    margin:         0;
    clear:          both;
    line-height:    1.1em;
    text-align: center;
}

.popeye-hasjs {
    border:none;
}

.popeye-isloading {
    background:  #333 url(/images/gfx/loading.gif) no-repeat center;
    margin:0;
    padding: 0;
    position: relative;
}

.popeye-haspopped {
    background:     #000 !important;
    padding: 0;
    margin: 0;
    position: relative;
}

.popeye-haspopped .popeye-stage {
    background:     #333;
}




.gallery {
	position: relative;
	float: left;
    padding-top: 19px;
    margin-right: 3px;
}

.galleria {
	list-style: none;
	width: 200px;
	float: left;
    overflow: hidden;
}

.galleria li {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	float: left;
	margin: 0 10px 10px 0;
}

.galleria li a {
	display: none;
}

.galleria li div {
	position: absolute;
	display: none;
	top: 0;
	left: 180px;
}

.galleria li div img {
	cursor: pointer;
}

.galleria li.active div img,.galleria li.active div {
	display: block
}

.galleria li img.thumb {
	cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto
}

.galleria li .caption {
	display: block;
	padding-top: .5em;
}

* html .galleria li div span {
	width: 400px;
}/* MSIE bug */

.caption {
	font-style: italic;
	color: #887;
}

.gallery_demo {
	width: 594px;
	margin: 20px auto;
}

.gallery_demo li {
	width: 95px;
	height: 68px;
	margin: 3px 4px 4px 0;
	background: #000;
}

.gallery_demo li div {
	left: 240px;
}

.gallery_demo li div .caption {
	font: italic 0.7em/1.4 georgia,serif;
}

#main_image {
	margin: 0 auto 20px auto;
	height: 424px;
	width: 591px;
	background: #FFF;
    overflow: hidden;
}

#main_image img {
	margin-bottom: 10px;
}

.nav {
	padding-top: 15px;
	clear: both;
	font: 80% 'helvetica neue',sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.info {
	text-align: left;
	width: 700px;
	margin: 30px auto;
	border-top: 1px dotted #221;
	padding-top: 30px;
}
.info p {
	margin-top: 1.6em;
}