/* CSS Document */ * {font-family: Tahoma, Arial; color:#0d5292; line-height:18px; font-size:13px;} body {background:url(/jvsadult/images/doby-bg.png) repeat-x; background-color:#4396ca; margin:auto; font-family: Tahoma, Arial; color:#0d5292; line-height:18px; font-size:13px;} #main-bg {background:url(/jvsadult/images/html-bg.png) no-repeat; background-position:top; margin:0 auto 0 auto; width:auto; height:403px;} img, div, li, a, a:hover, png{ behavior: url(/jvsadult/includes/iepngfix.htc);} #header {width:1005px; height:403px; margin:auto;} #header #head {width:1005px; margin:auto; height:140px;} #head #left-h {background:url(/jvsadult/images/logo.png) no-repeat; width:150px; height:108px; margin:18px 0 0 20px; padding:0; float:left;} #left-h a {width:150px; height:108px; display:block;} #head #right-h {width:580px; height:140px; margin:0; padding:0; float:right;} #right-h #icons {width:580px; height:52px; margin:auto; padding:0; display:table;} #icons ul {margin:0 20px 0 0; padding:0;} #icons ul li {margin:25px 0 0 0; padding:0; list-style-type:none; float:right;} #icons li a.twitter {background:url(/jvsadult/images/icon-twitter.png) no-repeat; display:block; width:27px; height:27px; margin:0 4px 0 0;} #icons li a.facebook {background:url(/jvsadult/images/icon-facebook.png) no-repeat; display:block; width:27px; height:27px; margin:0 6px 0 0;} #icons li a.people {background:url(/jvsadult/images/icon-people.png) no-repeat; display:block; width:27px; height:27px; margin:0 4px 0 0;} #icons li a.share {background:url(/jvsadult/images/icon-sharethis.png) no-repeat; display:block; width:27px; height:27px} #icons li a.rss {background:url(/jvsadult/images/icon-rss.png) no-repeat; display:block; width:27px; height:27px; margin:0 4px 0 0;} #right-h #topn {width:850px; height:30px; margin:15px 0 0 -235px; padding:0;} #topn ul {margin:0; padding:0;} #topn ul li {margin:0; padding:0; list-style-type:none; float:left;} #topn li a {font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#b6c8e1; text-decoration:none; text-transform:capitalize;} #topn li a:hover {color:#FFFFFF;} #topn li a.students {background-image:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.students:hover {background-image:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.parents {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.parents:hover {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.employers {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.employers:hover {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.alumni {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.alumni:hover {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.staff {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.staff:hover {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.communityservice {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.communityservice:hover {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.contact {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0;} #topn li a.contact:hover {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0 15px 0 0; color:#FFFFFF;} #topn li a.home {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0;} #topn li a.home:hover {background:url(/jvsadult/images/icon-arrow.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px; margin:0; color:#FFFFFF;} #right-h #search {width:580px; height:auto; margin:0; padding:0;} #search #sea {color:#FFFFFF; font-size:11px; font-family:"Tahoma", Arial, Helvetica, sans-serif; float:right; margin:6px 5px 0 0; padding:0; text-transform:capitalize;} #search #seaicon {background:url(/jvsadult/images/icon-search.png) no-repeat; width:23px; height:43px; margin:0 20px 0 0; padding:0; float:right; cursor: pointer; cursor: hand} #search #tex {width:276px; margin:3px 15px 0 0; padding:0; float:right;} #tex input {width:272px; height:17px; border:1px solid #85a0c4; background-color:#0a4ca0; color:#FFFFFF; font-size:11px; padding:2px 2px 0 2px;} #header #navhead {width:1005px; margin:auto; height:263px; background:url(/jvsadult/images/nav-bg.png); background-repeat:no-repeat; background-position:top;} #navhead #nav {width:989px; height:40px; margin:auto; /*background:url(/jvsadult/images/navigation.png) no-repeat;*/} #navhead #ban {width:1005px; height:215px; margin:8px auto 0 auto; /*background:url(/jvsadult/images/banner.png) no-repeat;*/} #ban #quotes {width:420px; height:30px; margin:25px 50px 0 0; padding:150px 0 0 40px; background:url(/jvsadult/images/quotes.png) no-repeat; float:right;} #quotes a {font:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#82bbde; text-decoration:underline;} #quotes a:hover {font:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#82bbde; text-decoration:none;} #navhead #baninside {width:1005px; height:136px; margin:8px auto 0 auto; background:url(/jvsadult/images/banner-inside.png) no-repeat;} #baninside #photos {clear: both; width:985px; height:116px; margin-left: 9px; margin-top: 5px; position:relative; overflow: hidden; z-index:1;} #container{ margin:auto; width:1005px; height:auto; display:table;} #container #bg{ background:url(/jvsadult/images/content_bg.png) repeat-y; width:1005px; height:auto; padding-top:12px; display:table;} #bg .lft_bx{ width:243px; float:left; height:auto; display:table; margin-left:22px;} .lft_bx ul{ margin:0px; padding:0px;} .lft_bx ul li{ width:243px; height:auto; margin-bottom:20px; list-style-type:none;} .stcont{text-align:right; margin-top:-15px;} /* left nav ___________*/ .lft_bx ul.links { clear: both; margin-bottom: 25px;} .lft_bx ul.links li { margin-bottom: 5px;} /*.lft_bx .link-section { margin-bottom: 50px; background-color: #F00; height: 100%; }*/ #bg .rgt_bx{ width:678px; float:right; height:auto; display:table; margin-right:25px;} /* special list element ___________*/ .rgt_bx ul.list{ margin:0px; padding:0px;} .rgt_bx ul.list li{ float:left; width:678px; height:auto; margin-bottom:2px; list-style-type:none;} .rgt_bx ul.list-sub{ margin-left: 20px;} .rgt_bx ul.list-sub li{ float:none; width:auto; height:auto; margin-bottom:2px; list-style-type-type:disc;} .btm_bg{ background:url(/jvsadult/images/content_btm_bg.png) no-repeat; height:19px; width:1005px;} #footer{ margin:auto; width:1005px; height:auto; display:table;} #footer ul{ margin:0px; padding:0px;} #footer ul li{ float:left; width:1005px; height:auto; list-style-type:none;} .emarge{ width:100px; height:55px; margin-top:28px;} .flinks{ width:1005px; height:auto; display:table; padding:10px 0px 10px 0px; color:#FFFFFF; text-align:center; line-height:22px;} .flinks a{ color:#FFFFFF; text-decoration:none;} .flinks a:hover{ color:#FFFFFF; text-decoration:underline;} .ftrlogo{ width:146px; height:107px; margin-left:85px;} .ftrtxt{ width:390px; height:auto; display:table; margin:0 125px 0 85px; line-height:24px;} .ftrtxt a{ color:#3d75a8; text-decoration:none;} .ftrtxt a:hover{ color:#3d75a8; text-decoration:underline;} .ftr_top{ background:url(/jvsadult/images/ftr_top.png) no-repeat; height:16px; margin:auto; width:990px;} #ftr_bg{ background:url(/jvsadult/images/ftr_bg.png) repeat-y; width:990px; height:auto; display:table; margin:auto; padding-top:15px;} #ftr_bg ul{ margin:0px; padding:0px;} #ftr_bg ul li{float:left; width:auto; height:auto; list-style-type:none;} .ftr_bottom{ background: url(/jvsadult/images/ftr_btm.png) no-repeat; height:16px; margin:auto; width:990px;} .hdng1{ font-family:"Trebuchet MS"; font-size:22px; color:#1f9deb; font-weight:bold; font-style:italic; border-bottom:#333333 dotted 1px; width:243px; margin:auto; padding:0 0 5px 0;} .hdng2{ font-family:"Trebuchet MS"; font-size:22px; color:#1f9deb; font-weight:bold; font-style:italic; border-bottom:#333333 dotted 1px; width:675px; margin:auto; margin-bottom: 5px; padding:0 0 5px 0;} .hdng3{ font-family:"Trebuchet MS"; font-size:18px; color:#0d5292; font-weight:bold; margin:auto; padding:0 0 8px 0; } a.hdng3 { text-decoration:underline;} a.hdng3:hover { text-decoration:none;} .hdng4{ color:#1f9deb; font-weight:bold;} .attachmentfile {float:left; width:200px;text-align:center;} .author {} .read {background-color:#e6ecf3; padding:8px;} a.read { text-decoration:underline;} a.read:hover{ text-decoration:none;} .read1 {background-color:#e6ecf3; padding:10px;} a.read1{ text-decoration:underline;} a.read1:hover{ text-decoration:none;} .img_cap_bx { float:right; margin:5px; } .img_bx{ /*width:181px; height:113px;*/ /*float:right;*/ margin:5px 0 0 5px; border:#2485c2 solid 3px; } .img_bx_nomargin{ /*width:181px; height:113px;*/ /*float:right;*/ border:#2485c2 solid 3px; } .img_caption {margin: 0 0 0 5px; padding:2px 4px 4px 4px; line-height:100%; background-color:#e6ecf3;} .fld{ width:241px; height:18px; border:#0f4b84 solid 1px; font-family:Tahoma; font-size:12px; color:#0d5191; background:#e6ecf3;} .btn_bx{ width:100%; height:25px; text-align: right; margin-right:1px;} .btn{ width: 76px; border:#0574b9 solid 1px; background:#0d5191; font-family: Tahoma; color:#cad9e7; font-size:12px; font-weight:bold; padding:3px; float:right;} .btn_bx2{ width:76px; height:25px; float:right; margin-right:1px;} .btn2{ border:#0574b9 solid 1px; background:#0d5191; font-family: Tahoma; color:#cad9e7; font-size:12px; font-weight:bold; padding:3px; } .photo{ background:url(/jvsadult/images/photo_1.png) no-repeat; width:243px; height:152px;} a.download{ background:url(/jvsadult/images/download.png) no-repeat; width:243px; height:70px; display:block;} a.download:hover{ background:url(/jvsadult/images/download.png) no-repeat; width:243px; height:70px; display:block;} a.spotlight{ background: url(/jvsadult/images/spotlight.png) no-repeat; width:243px; height:70px; display:block;} a.spotlight:hover{ background: url(/jvsadult/images/spotlight.png) no-repeat; width:243px; height:70px; display:block;} a.calendar{ background: url(/jvsadult/images/calendar.png) no-repeat; width:243px; height:70px; display:block;} a.calendar:hover{ background: url(/jvsadult/images/calendar.png) no-repeat; width:243px; height:70px; display:block;} .breadcrumbs { margin: -2px 0px 11px 0px; font-size: 10px;} table.teacher-subcat { margin: 0 0 -3px 0; padding-bottom: 0; border-left: 1px solid #0d5090; border-right: 1px solid #0d5090;} td.teacher-subcat-title { background-color: #0d5090; border: none; padding: 0px 7px 10px 7px; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 16px;} img.teacher-subcat-top { margin-top: 12px; margin-bottom: 0px;} td.cellheader { color:#ffffff; font-size: 14px; font-weight:bold; line-height: 12px; background-color:#0d5090; padding:13px 0;} .Surname { visibility: hidden; } #searchresults p {margin-bottom: 30px;} #searchresults .title { width: 100%; font-size: 14px; float:left; font-weight:bold; background-color: #d9d9d9; padding-bottom: 3px; padding-top: 3px; padding-left: 3px; border: solid 1px #FFFFFF; } #searchresults .title:hover {border: solid 1px #0a4ca0;} #searchresults .title b { font-size: 14px; color: #000000; } #searchresults .fileformat, #searchresults .mimetype {color: #333333; font-size: 11px;} #searchresults .line2 {margin-left:10px; margin-right:10px;} #searchresults a.searchlink {color: #333333;} #searchresults .searchresult {margin-bottom:30px;} /* teacher login box and link */ .teacher_login {text-align:right;} .leftcorner { background: url(/jvsadult/images/corners/corner-round-left.gif) top left no-repeat; padding: 0; margin: 0; background-color:#0d5090; width: 8px; } .rightcorner { background: url(/jvsadult/images/corners/corner-round-right.gif) top right no-repeat; padding: 0; margin: 0; background-color:#0d5090; width: 8px; } /* from teacher section of the site */ div.teacher-photo-email { width: 150px; float: right; margin-top: 12px; } div.teacher-photo-email-content { background: url(/jvsadult/images/background-right-gray.gif) no-repeat #D9D9D9; padding: 7px 7px 0px 7px; line-height:30px; } div.teacher-photo-email-content-public { background: url(/jvsadult/images/background-right-blue.gif) no-repeat #4396CA; padding:7px 7px 0px 7px; margin: 0px; line-height:16px; } div.teacher-photo-email p { font-size: 10px; margin: 0px 0px 10px 0px; color: #FFFFFF; } div.teacher-photo-email img { *margin-top: -2px; } div.teacher-photo-email input{ font-size: 10px; margin: 0px 0px 10px 0px; height: 14px; width: 130px; } div.teacher-photo-email .btn2{ height: 30px; } .padbot { padding-bottom: 20px; text-align:center; } #banner { margin-top:-5px; float:left; *margin-top:0px; } .odd { background-color: #fff;} .even { background-color: #e6ecf3;} /* slightly enhanced, universal clearfix hack */ /* .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } */ /* start commented backslash hack \*/ /* * html .clearfix { height: 1%; } .clearfix { display: block; } */ /* close commented backslash hack */