/*CSS Document for YogaSource Los Gatos Copyright 2008 by Wild Dingo http://www.wilddingo.com*/ body {background-image: url(../images/bg.jpg); background-repeat:repeat; margin-top: 3px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; } p {line-height: 19px; color: #333333;} ul, ol {line-height: 19px; color: #333333;} a {color: #6480A2; font-weight: bold;text-decoration: none;} a:hover {color: #666666;text-decoration: none;font-weight: bold;} h1 {font-size: 28px; line-height: 28px; font-weight: lighter;color: #698BA5;margin-bottom: 0px;font-style: normal;letter-spacing: .20em;margin-top: 15px;margin-left: 30px;text-transform:uppercase;} h2 {font-size: 16px;font-weight: normal;color: #4D6F88;margin-bottom: -8px;text-transform: uppercase;letter-spacing: .06em; } h3 {font-size: 14px;font-weight: normal;color: #4D6F88;margin-bottom: -5px;font-style: normal;text-transform: uppercase;} hr {height: 1px; color: #333333;text-align: left;border:none;background-color:#333333;} h2 a {font-weight: normal;color: #4D6F88; text-decoration: underline;} h2 a:hover {font-weight: normal;color:#666666; text-decoration: underline;} h3 a {font-weight: normal;color: #4D6F88; text-decoration: underline;} h3 a:hover {font-weight: normal;color:#666666; text-decoration: underline;} h1 a {font-weight: lighter;color: #698BA5;font-style: normal;} h1 a:hover {font-weight: lighter;color: #666666;font-style: normal;} #banner-top{height: 58px;width:760px;background-image: url(../images/banner.jpg);background-repeat:no-repeat;margin:auto;border-left: 1px solid #000000; border-right: 1px solid #000000; background-color:#000000;} #banner-top-home {height: 58px; width:760px; margin:auto;} #wrapper {width: 760px; margin-left: auto; margin-right: auto; background-color:#ffffff;border-left: 1px solid #000000; border-right: 1px solid #000000;} #wrapper td{vertical-align:top;} .logo, .logo a, .logo a:hover {display:block; width: 380px; height:58px;} .address { color:#ffffff; font-size: 9px; Padding-top: 40px; padding-left: 10px; } #menu-top, #menu-bottom {height: 28px;width: 758px; border-top: 1px solid #000000;border-bottom: 1px solid #000000;font-size: 10px; } #menu-top td, #menu-bottom td { vertical-align:middle; padding-left: 7px;} .login {width: 95px; padding-right: 2px; } .login a { background-color:#6480A2; display: block; width: 95px; height: 20px; font-weight:normal; color:#FFFFFF; padding-left: 5px; border: 1px solid #333333; line-height: 18px; } .login a:hover {background-color: #666666; border: 1px solid #333333; font-weight:normal;color:#FFFFFF; } #banner-home {width: 758px; height: 58px;background-image: url(../images/banner.jpg); background-repeat:no-repeat; margin-bottom: 5px;} #home-best {width: 758px; height: 55px; text-align:right; } #flash {width:758px; height:200px; margin:0;} /*content table id=main content section */ #header {width:758px;height: 80px;background-image: url(../images/blackline.gif);background-position: center 65px;background-repeat: no-repeat;text-align: left;margin-bottom:-10px;} #header-noline {width:758px;height: 80px; text-align: left;margin-bottom:-10px;} #breadcrumbs {width: 758px; height: 20px; text-align: left; } #breadcrumbs td {padding-left: 40px; vertical-align:top; font-size: 11px; font-style:italic; color: #6480A2;} #breadcrumbs a {font-size: 9px; font-weight: normal;text-decoration: none; text-transform:lowercase; font-style:normal;} #breadcrumbs a:hover { font-weight: normal;text-decoration: none; text-transform:lowercase;} #content {width: 758px;vertical-align: top;text-align: left; margin-bottom:5px; } .left_side {width: 280px;padding-top: 10px;padding-right: 20px;padding-left: 20px;padding-bottom: 10px;} .divider {width: 6px;background-image: url(../images/pixel-black.gif);background-repeat: repeat-y;background-position: center;} .right_side {width: 388px;padding-top: 10px;padding-right: 20px;padding-left: 20px;padding-bottom: 10px;} .middle {width: 700px; padding-top: 10px; padding-right:10px;padding-left:30px;padding-bottom:10px; text-align: left; } #content h1 {font-size: 12px;font-weight: normal;color: #4D6F88;margin-bottom: -10px;text-transform: uppercase; margin-left: 0px; line-height: normal; letter-spacing: normal;} #hcontent td {padding:10px;} #hcontent p {line-height:15px;} #footer{height: 30px; width:760px; margin:auto; text-align:center; font-size:9px; color: #000000;} #footer a{color:#506887;} #footer a:hover {color:#ffffff;} .returntop {padding-right: 5px;} #schedule {width: 660px; height: 300px; border: .05em solid #333333;} #schedule td {text-align: center;border: 0.01em solid #333333; border-collapse:collapse;} #table {background-color: #E7E2DA;} #table td {border: 1px solid #FFFFFF; padding-left: 4px; height: 30px; } #table tr {vertical-align:middle;} #table h1 {font-size: 12px;font-weight: normal;color: #FFFFFF; margin: 0px;font-style: normal;text-transform: uppercase; background-color: #968565; display: block; height:20px; padding-top: 10px; margin-left: -5px; padding-left: 8px;} .accent, .accent p {color: #4D6F88;font-weight: normal;font-size: 12px;text-transform: uppercase;} .accent a {font-size: 12px;color: #4D6F88;font-weight: normal;text-decoration: underline;} .accent a:hover{font-size: 12px;color: #2F4146;font-weight: normal; text-decoration: underline;} .accent-spa {font-size: 14px;line-height: 25px;color: #776C5E;font-style: italic;font-weight: normal;padding: 10px;} .caption {font-size: 11px;line-height: 18px;color: #4D6F88;font-style: italic;font-weight: normal;padding: 10px;} .leftimg {text-align: center;margin: 5px;} .imgleft {float:left;padding-right: 10px; padding-bottom: 8px;} .imgright {float:right;padding-left: 5px;} #tour {width: 240px; } #tour td {text-align: center;} #tour-title {background-image:url(../tour/tour-title.gif); background-repeat:no-repeat; margin-bottom:0; width:240px; height: 18px;} #tour-title td {color: #ffffff; padding-left: 5px; font-size: 9px; padding-top: 3px; text-align:left;} #thumb2 {width: 240px; margin: 0; height: 40px; background-image:url(../tour/tour-thumb-bottom.gif); background-repeat:no-repeat; background-position:bottom; background-color:#1d1d1d;} #thumb2 td{vertical-align:middle;} #tour-middle {width: 240px; text-align:center; background-color:#1d1d1d; margin:0; height: 150px;} #tour-middle td {vertical-align:middle;} .best {height: 125px; vertical-align:bottom; text-align:center; background-image:url(../images/best-wide.gif); background-repeat:no-repeat; background-position:center bottom; } /* OLD /*this table id contains the logo and the student login button #logo {width: 760px;height: 60px;text-align: left;} /*student login button--located in library #login { height: 22px; width: 125px; font-size: 11px; color: #4D6F88; font-variant: small-caps; border: 1px solid #8CA7BB; font-variant: small-caps; text-align: center; } #login td a{ text-decoration: none; font-weight: normal; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; padding-right: 5px; } #login td a:hover { text-decoration: none; font-weight: normal; background-color: #FFFFFF; display: block; padding-right: 5px; padding-left: 8px; padding-top: 3px; padding-bottom: 5px;} /*home page layout tables and cells & H tags #home_spacer_top {width: 760px; height: 80px;background-color: #FFFFFF;border-left: 1px solid #a6bbca; border-right: 1px solid #a6bbca;} #home {width: 760px;border-left: 1px solid #a6bbca;border-right: 1px solid #a6bbca;vertical-align: top;text-align: left; background-color: #FFFFFF;background-image: url(../images/home_banner.jpg);background-repeat: no-repeat;} .home_left { width: 200px; padding-left: 40px; padding-right: 13px; padding-top: 0px; padding-bottom: 5px; } .home_middle { width: 200px; padding-left: 26px; padding-right: 26px; padding-top: 0px; padding-bottom: 5px;} .home_right {width: 200px; padding-left: 13px; padding-right: 40px; padding-top: 0px; padding-bottom: 5px; } #home_spacer_bottom {width: 760px; height: 10px; background-color: #FFFFFF; border-left: 1px solid #a6bbca; border-right: 1px solid #a6bbca;} #home h1, #home h2 { font-size: 16px; line-height: 28px; font-weight: lighter; color: #658CA9; border-bottom: 1px solid #a6bbca; margin-top: 5px; margin-bottom: -10px; font-style: normal; text-transform: uppercase; letter-spacing: .05em; margin-left: 0px;} #home h3 { font-size: 14px; font-weight: lighter; text-align: center; color: #658CA9; border-bottom: 1px solid #a6bbca; padding-bottom: 5px; margin-bottom: -15px; font-style: normal; text-transform: uppercase; letter-spacing: 0em; margin-left: 0px;} /*bottom table navigation as container for bottom nav #bottom {width: 760px;height: 35px;background-color: #FFFFFF;border-bottom: 1px solid #a6bbca;border-left: 1px solid #a6bbca;border-right: 1px solid #a6bbca;padding-top: 5px;padding-bottom: 5px;vertical-align: middle;text-align: center;} .returntop {width: 60px; height: 35px; background-image: url(../images/snake.gif); background-repeat: no-repeat; background-position: 2px 2px; border: 1px solid #333333; padding: 10px; text-align: right; vertical-align: middle;} .back {width: 125px;height: 35px;border: 1px solid #333333;padding: 4px;text-align: right;background-image: url(../images/flower_light.gif); background-position: 4px center;background-repeat: no-repeat;} .returntop {width: 35px; height: 16px; padding-right: 5px;} .returntop a{ width: 35px; height: 16px; background-image: url(../images/om-top.gif);display: block; background-repeat: no-repeat; background-position: 0px 3px 0px 0px; padding: 1px; text-align: right; vertical-align: middle;} .returntop a:hover{width: 35px; height: 16px; background-image: url(../images/om-top-gray.gif);display: block; background-repeat: no-repeat; background-position: 0px 3px 0px 0px; padding: 1px; text-align: right; vertical-align: middle;} .login {width: 85px;} .login a {background-image: url(../images/login-1.gif);display: block;width: 85px;height: 16px; background-repeat:no-repeat;font-weight:normal;color:#FFFFFF; background-position: center;} .login a:hover {background-image: url(../images/login-2.gif);background-repeat:no-repeat;font-weight:normal;color:#FFFFFF;background-position: center;} */