html * {
margin: 0;
padding: 0;
}
body { background: #fff url(/public/img/home-bg.jpg) repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 14px/20px Helvetica, Arial, Verdana, Tahoma, sans-serif;
color: #333;
}
a {
color: #6b0e0e;
font-weight: bold;
text-decoration: none;
background: url(/public/img/link-dots.gif) 0% 100% repeat-x;
}
a:hover {
color: #45ae00;
text-decoration: none;
/*background: url(/public/img/link-dots-over.gif) 0% 100% repeat-x;*/
}
h1 { font-size: 40px; line-height: 40px; padding-top: 20px; padding-bottom: 20px; }
h2 { font-size: 30px; line-height: 40px; padding-top: 10px; padding-bottom: 10px; }
h3 { font-size: 20px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
h4 { font-size: 16px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
h5 { font-size: 14px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
h6 { font-size: 11px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
p { padding: 10px 0; }
blockquote { padding: 20px; background: #eee; margin: 0px 40px 20px 20px; }
ul, ol { margin: 0px 40px 20px 20px; }
ul li, ol li { margin: 10px 0;}
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h2, h3, h4 { letter-spacing: -.05em; }
/*-- Clearing Styles & Container --*/
.block {
width: 960px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
/*-- Header --*/
#header {
height: 132px;
background: url(/public/img/header-bg.gif) 100% 0% no-repeat;
}
#header-logo-links ul {
text-align: right;
margin: 0;
width: 573px;
float: left;
padding: 50px 20px 0 0;
}
#header-logo-links ul li {
margin: 0;
display: inline;
}
#header-logo-links ul li a {
font-size: 11px;
color: #fff;
background: url(/public/img/lt-blu-arrow.gif) 0px 4px no-repeat;
padding: 0 5px 0 10px;
}
#logo {
padding: 0;
}
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
height: 82px;
background: url(/public/img/scgssm-logo.gif) no-repeat;
width: 367px;
float: left;
}
#navigation {
padding: 11px 0 0 0;
width: 960px;
height: 39px;
}
#navigation ul, #navigation ul li, #navigation ul li ul, #navigation ul li ul li {
margin: 0;
list-style: none;
}
#navigation li {
margin: 0;
float: left;
}
#navigation ul li a.top, #navigation ul li a.active {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
}
#navigation ul li.nav-prospective_students a.top { width: 181px; height: 39px; background: url(/public/img/nav-prospective_students.jpg) no-repeat; }
#navigation ul li.nav-current_students a.top { width: 158px; height: 39px; background: url(/public/img/nav-current_students.gif) no-repeat; }
#navigation ul li.nav-alumni a.top { width: 97px; height: 39px; background: url(/public/img/nav-alumni.gif) no-repeat; }
#navigation ul li.nav-gssm_foundation a.top { width: 163px; height: 39px; background: url(/public/img/nav-gssm_foundation.gif) no-repeat; }
#navigation ul li.nav-educators a.top { width: 116px; height: 39px; background: url(/public/img/nav-educators.gif) no-repeat; }
#navigation ul li.nav-apply_now a.top { width: 146px; height: 39px; background: url(/public/img/nav-apply_now.gif) 11px 3px no-repeat; }
#navigation ul li.nav-make_a_gift a.top { width: 99px; height: 39px; background: url(/public/img/nav-make_a_gift.gif) 12px 3px no-repeat; }
/*Home Specific Nav --*/
#navigation ul li#home-prospective_students a.top { background: url(/public/img/nav-prospective_students-home.gif) no-repeat; }
#navigation ul li#home-current_students a.top { background: url(/public/img/nav-current_students-home.gif) no-repeat; }
/*Prospective Students Specific Nav --*/
#navigation ul li#ps-home-prospective_students a.top { background: url(/public/img/nav-ps-prospective_students.gif) no-repeat; }
#navigation ul li#home-current_students a.top:hover,
#navigation ul li.nav-current_students a.top:hover,
#navigation ul li.nav-current_students a.active,
#navigation ul li.nav-alumni a.top:hover,
#navigation ul li.nav-alumni a.active,
#navigation ul li.nav-gssm_foundation a.top:hover,
#navigation ul li.nav-gssm_foundation a.active,
#navigation ul li.nav-educators a.top:hover,
#navigation ul li.nav-educators a.active,
#navigation ul li#home-prospective_students a.top:hover { background-position: 0 -39px; }
#navlist li ul {
/*position: absolute;
left: -999em;
z-index: 1000;
width: 334px;
margin: 0;
*/
}
#navlist li:hover ul {
/*left: auto;*/
}
#navlist li ul li {
/*display: block;
float: left;
margin: 0;
width: 334px;
*/
}
#navlist li ul li a {
display: block;
font-weight: bold;
font-size: 13px;
color: #113a5c;
background: #fff url(/public/img/bc-arrow.gif) 10px 50% no-repeat;
padding: 7px 0 7px 20px;
border-bottom: solid 1px #eee;
}
#navlist li ul li a:hover {
color: #6b0e0e;
background-color: #eee;
}
/*-- Type --*/
h2.contenttitle {
color: #fff;
font-size: 32px;
padding: 20px 0 10px 0;
background: url(/public/img/blue-dots.gif) 0% 100% repeat-x;
}
h3.subcontenttitle {
font-size: 28px;
background: url(/public/img/blue-dots.gif) 0% 100% repeat-x;
font-weight: normal;
margin: 0 0 10px 0;
padding-top: 20px;
line-height: 32px;
}
#subpage-content-text h2 {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
font-style: italic;
color: #07223f;
line-height: 20px;
font-weight: normal;
}
/*-- Home Feature --*/
.features { width: 960px; height: 257px; margin: 0 auto; }
.home-feature {
height: 257px;
width: 960px;
}
.home-feature-content {
width: 252px;
height: 257px;
padding: 0 26px 0 44px;
background: url(/public/img/home-paper-bg.png) no-repeat;
}
.home-feature-content h2 {
padding: 25px 10px 10px 0;
color: #6b0e0e;
font-size: 18px;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
line-height: 22px;
font-weight: normal;
}
.home-feature-content h2 a {
background: none;
font-weight: normal;
}
.home-feature-content p {
padding: 0;
font-size: 13px;
height: 100px;
overflow: hidden;
}
.home-feature-content p.more {
padding: 10px 0 0 0;
}
.home-feature-content p.more a {
width: 118px;
height: 29px;
background: url(/public/img/lg-learn-more.gif) no-repeat;
text-indent: -999em;
text-decoration: none;
display: block;
}
/*-- Home Marquees --*/
#home-marquees {
padding: 14px 0;
height: 111px;
}
#home-marquees h3 { padding: 0; }
#home-marquees .marquee { padding: 0 7px 0 0; float: left; }
#home-marquees .last { padding: 0; }
#home-marquees h3 a {
font-size: 22px;
letter-spacing: -.05em;
color: #fff;
}
#home-viewpics h3 a {
display: block;
width: 223px;
height: 110px;
background: url(/public/img/viewpics-marquee.jpg) no-repeat;
padding-top: 10px;
padding-left: 12px;
}
#home-parents h3 a {
display: block;
width: 223px;
height: 35px;
background: url(/public/img/badge-parents.jpg) no-repeat;
padding-top: 76px;
padding-left: 12px;
}
#home-makeagift h3 a {
display: block;
width: 218px;
height: 110px;
background: url(/public/img/makeagift-marquee.jpg) no-repeat;
padding-top: 10px;
padding-left: 12px;
}
#home-meetgovie h3 a {
display: block;
width: 158px;
height: 35px;
background: url(/public/img/meetgovie-marquee.jpg) no-repeat;
padding-top: 76px;
padding-left: 12px;
}
#home-exploresummerprograms h3 a {
display: block;
width: 285px;
height: 110px;
background: url(/public/img/badge-outreach.jpg) no-repeat;
padding-top: 10px;
padding-left: 12px;
}
.portal-feature {
height: 373px;
background: url(/public/img/portal-feature-bg.jpg) repeat-x;
padding: 0 0 10px 0;
}
.portal-feature-text {
color: #fff;
font-size: 14px;
height: 168px;
overflow: hidden;
padding: 10px 0 0 0;
}
.portal-feature-teaser-nav {
color: #fff;
margin: 0;
padding: 37px 0 0 0;
margin: 0 0 0 -175px;
}
.portal-feature-teaser-nav p {
padding: 0;
width: 170px;
float: left;
font-size: 13px;
padding: 0 40px 0 0;
}
.portal-feature-teaser-nav ul {
float: left;
list-style: none;
width: 310px;
margin: 0;
}
.portal-feature-teaser-nav ul ul { width: 155px; }
.portal-feature-teaser-nav ul li {
margin: 0;
float: left;
width: 145px;
padding: 0;
}
.portal-feature-teaser-nav ul li ul li { float: none; margin: 0; padding: 0; }
.portal-feature-teaser-nav ul li ul li a {
color: #fff;
font-size: 13px;
background: url(/public/img/lt-blu-arrow.gif) 0px 3px no-repeat;
padding: 0 0 0 10px;
letter-spacing: -.05em;
}
#portal-feature-photos {
width: 372px;
padding: 60px 0 0 50px;
float: left;
}
#portal-feature-caption {
margin: 33px 0 0 0;
padding: 0;
font: 12px/20px Helvetica, Arial, Verdana, Tahoma, sans-serif;
color: #fff;
width: 344px;
text-align: center;
}
.portal-feature-images {
background: url(/public/img/portal-feature-img-bg.gif) 30px 30px no-repeat;
height: 313px;
}
#prospective-main {
width: 348px;
float: left;
height: 373px;
background: url(/public/img/prospective-main-bg.jpg) no-repeat;
padding: 0 0 0 190px;
}
#current-main {
width: 348px;
float: left;
height: 373px;
background: url(/public/img/current-main-bg.jpg) no-repeat;
padding: 0 0 0 190px;
}
#foundation-main {
width: 348px;
float: left;
height: 373px;
background: url(/public/img/foundation-main-bg.jpg) no-repeat;
padding: 0 0 0 190px;
}
#alumni-main {
width: 348px;
float: left;
height: 373px;
background: url(/public/img/alumni-main-bg.jpg) no-repeat;
padding: 0 0 0 190px;
}
#educators-main {
width: 348px;
float: left;
height: 373px;
background: url(/public/img/educator-main-bg.jpg) no-repeat;
padding: 0 0 0 190px;
}
/*-- Home/Portal Main --*/
#home-main {
background: url(/public/img/main-bg.gif) repeat-y;
}
#main-sidebar {
width: 352px;
background: url(/public/img/main-top.gif) -600px 0 no-repeat;
padding: 12px 0 12px 8px;
}
#newscol {
width: 300px;
background: url(/public/img/main-top.gif) no-repeat;
}
#eventscol {
width: 299px;
background: url(/public/img/main-top.gif) -300px 0 no-repeat;
padding: 0 0 0 1px;
}
.maincolumns h4 {
padding: 15px 15px 14px 15px;
border-bottom: solid 1px #dae1e8;
color: #002c50;
font-size: 20px;
margin: 0 0 15px 0;
}
.maincolumns ul {
padding: 0 15px;
}
.maincolumns ul, .maincolumns ul li {
list-style: none;
margin: 0;
}
.maincolumns ul li {
padding: 0 0 9px 0;
margin: 0 0 10px 0;
border-bottom: solid 1px #dae1e8;
}
.maincolumns ul li h5 { padding: 0; }
.maincolumns ul li h5 a {
font-size: 13px;
color: #333;
font-weight: normal;
background: none;
}
.maincolumns ul li h5 a:hover { color: #000; }
.list-meta {
font-size: 10px;
font-weight: bold;
color: #adadad;
padding: 0;
}
.maincolumns ul li p.date {
font-weight: bold;
padding: 0;
color: #002c50;
}
.list-meta .date {
padding: 0 5px;
color: #002c50;
}
.list-meta .cat-more {
color: #383838;
margin: 0 5px 0 0;
}
.list-meta .cat-more:hover { color: #45ae00; }
.list-meta .more {
margin: 0 0 0 5px;
}
.list-meta .register { margin: 0 5px; }
/*-- Sub Page --*/
#sub-container {
background: url(/public/img/subpage-bg.jpg) repeat-x;
}
#sub-main {
background: url(/public/img/sub-content-bg.gif) repeat-y;
}
#subpage-header {
height: 119px;
background: url(/public/img/subpage-bg.jpg) repeat-x;
padding: 0 60px 0 0;
}
#sub-content { width: 600px; }
#sub-sidebar {
width: 360px;
background: url(/public/img/sub-sidebar-top.gif) no-repeat;
min-height: 180px;
padding: 0 0 20px 0;
}
#subpage-content-text {
background: url(/public/img/sub-content-header.gif) no-repeat;
padding: 25px 60px 30px 60px;
}
/* -- Sidebar Subpage --*/
#sidebar-subnav .subnav ul {
/*background: url(/public/img/sub-sidebar-top.gif) no-repeat;*/
padding: 0;
}
#sidebar-subnav {
/*background: url(/public/img/sub-sidebar-top.gif) no-repeat;*/
}
#subnav-active {
}
.subnav ul, .subnav ul li {
list-style: none;
margin: 0;
}
.subnav ul li {
padding: 0 20px;
width: 303px;
background: url(/public/img/subnav-bg.gif) repeat-y;
}
.subnav {
padding: 0;
margin: 0;
}
.subnav ul li a {
padding: 10px 0 9px 10px;
display: block;
background: url(/public/img/link-dots.gif) repeat-x;
font-weight: normal;
font-size: 15px;
}
.subnav ul li.last a {
background: none;
}
#sidebar-subnav .subnav ul li ul { padding: 0; background-image: none; padding: 5px 0; border-top: solid 1px #eee; }
#sidebar-subnav .subnav ul li ul li { width: 259px; padding: 0 20px 0 5px; background: none; }
#sidebar-subnav .subnav ul li ul li a {
font-size: 12px;
color: #333;
background: none;
padding: 4px 0 4px 15px;
background: url(/public/img/lt-blu-arrow.gif) 5px 50% no-repeat;
}
#sidebar-subnav .subnav ul li ul li a:hover { background-color: #eee; }
.sidebar-elements {
background: url(/public/img/subnav-bottom.gif) 0% 100% no-repeat;
padding: 37px 0 4px 0;
}
.sidebar-element {
padding: 5px 10px;
width: 323px;
}
#sub-sidebar .sidebar-element {
background: url(/public/img/subnav-bg.gif) repeat-y;
}
.sidebar-element a { background: none; }
/*-- Badge --*/
.badge {
background: #07223f url(/public/img/badge-top.gif) no-repeat;
padding: 6px 0 0 0;
}
.badge h4 {
border: none;
color: #fff;
font-size: 22px;
padding: 10px 15px 0px 15px;
}
.badge p img { float: right; margin: 0 0 10px 10px; }
.badge p { padding: 0 15px 5px 15px; color: #fff; font-size: 11px; line-height: 18px; }
.badge p.more {
width: 323px;
height: 42px;
padding: 0;
}
.badge p.more a {
width: 323px;
height: 42px;
background: url(/public/img/badge-learn-more.gif) no-repeat;
text-indent: -999em;
text-decoration: none;
display: block;
}
/*-- Breadcrumb --*/
ul.breadcrumb {
margin: 0;
list-style: none;
padding: 15px 0 0 0;
}
ul.breadcrumb li {
margin: 0;
display: inline;
}
ul.breadcrumb li a {
font-size: 11px;
color: #fff;
background: url(/public/img/bc-arrow.gif) 100% 50% no-repeat;
padding: 0 10px 0 0;
margin: 0 3px 0 0;
}
ul.breadcrumb li.active a {
font-weight: normal;
background: none;
padding: 0;
}
/*-- Footer --*/
#footer {
background: url(/public/img/footer-bg.gif) repeat-y;
}
#footer-content h6 {
padding: 20px 15px 10px 15px;
font-size: 16px;
background: url(/public/img/footer-top.gif) no-repeat;
}
#footer-content {
background: url(/public/img/footer-bottom.gif) 0% 100% no-repeat;
padding: 0 0 20px 0;
}
#footer-address {
float: left;
width: 420px;
background: url(/public/img/footer-address-bg.gif) 15px 0px repeat-y;
padding: 0 5px 0 30px;
font-size: 11px;
}
#footer-address p {
padding: 15px 10px;
float: left;
width: 190px;
}
#footer-abhs-badge {
padding-right: 20px;
margin-top: -8px;
float: left;
}
#footer-abhs-badge a {
border: none;
outline: none;
background: none;
}
#footer-meta {
float: left;
width: 360px;
font-size: 11px;
margin: -30px 0 0 0;
}
/*Menu--*/
/*** ESSENTIAL STYLES ***/
#navlist, #navlist * {
margin: 0;
padding: 0;
list-style: none;
z-index:100
}
#navlist {
line-height: 1.0;
}
#navlist ul {
position: absolute;
top: -999em;
width: 334px; /* left offset of submenus need to match (see below) */
}
#navlist ul li {
width: 100%;
}
#navlist li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
#navlist li {
float: left;
position: relative;
}
#navlist a {
display: block;
position: relative;
}
#navlist li:hover ul,
#navlist li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
margin: 4px 0 0 2px;
z-index: 1000;
}
ul#navlist li:hover li ul,
ul#navlist li.sfHover li ul {
top: -999em;
}
ul#navlist li li:hover ul,
ul#navlist li li.sfHover ul {
left: 334px; /* match ul width */
top: 0;
}
ul#navlist li li:hover li ul,
ul#navlist li li.sfHover li ul {
top: -999em;
}
ul#navlist li li li:hover ul,
ul#navlist li li li.sfHover ul {
left: 334px; /* match ul width */
top: 0;
}
/*** arrows **/
/*
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px;}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em;
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;
}
*/
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
html>body ul#navlist ul {
background: url('/public/img/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
html>body ul#navlist ul.sf-shadow-off {
background: transparent;
}
* html #header { overflow: hidden; }
/*-- Store Styles ----- */
#storecontent {
width: 690px;
}
ul#productslist {
list-style: none;
border-top: solid 1px #eee;
margin: 0;
padding: 0;
background: none;
}
ul#productslist li {
border-top: solid 1px #eee;
padding: 10px 0 10px 0;
margin: 0 0 10px 0;
clear: both;
background: none;
list-style-image: none;
}
ul#productslist li img {
float: left;
margin: 0 0 10px 0;
}
ul#productslist li .product_info {
margin: 0 0 0 150px;
}
ul#productslist li h4, ul#productslist li h4 a {
font-size: 15px;
text-decoration: none;
padding: 0;
margin: 0;
}
ul#productslist li p.price {
font-weight: bold;
color: #666;
font-size: 22px;
padding: 6px 0 0 0;
}
ul#productslist li p.brand {
color: #333;
padding: 0;
}
ul#productslist li p.style {
padding: 2px 0 0 0;
color: #666;
font-weight: bold;
font-size: 11px;
}
ul#productslist li p.viewlink {
/*float: right;*/
padding: 6px 0 0 0;
}
ul#productslist li p.viewlink a {
background: url(/public/img/link-arrow.gif) 100% 50% no-repeat;
font-weight: bold;
text-decoration: none;
padding: 0 16px 0 0;
color: #b5121b;
}
p.meta {
font-size: 10px;
color: #333;
padding: 2px 0 6px 0;
}
h5#product_title {
font-size: 24px;
padding: 16px 0 12px 0;
margin: 0;
}
#product_col1 {
width : 310px;
float: left;
}
#product_col1 img#placeholder {
padding: 5px;
background: #fff;
border: solid 1px #eee;
float: none;
margin: 0;
}
#product_col1 #default_image {
float: none;
margin: 0;
}
#product_col1 #product_images img {
padding: 5px;
background: #fff;
border: solid 1px #eee;
float: none;
margin: 6px 0 0 0;
vertical-align: top;
width: 50px;
}
#product_col2 {
width: 160px;
float: left;
padding: 0 0 0 10px;
}
#product_col2 p.brand {
font-weight: bold;
}
#product_col2 p.style {
padding: 8px 0 3px 0;
color: #333;
font-size: 10px;
font-weight: bold;
}
#product_col2 p.price {
font-size: 26px;
color: #4b6888;
padding: 4px 0 16px 0;
border-bottom: solid 1px #eee;
margin: 0 0 8px 0;
font-weight: bold;
}
#product_col2 #product_colors p, #product_col2 p.sizes span {
color: #333;
font-weight: bold;
border-bottom: solid 1px #eee;
padding: 0 0 6px 0;
margin: 0 0 6px 0;
display: block;
font-size: 10px;
}
#product_colors {
margin: 0;
padding: 0;
float: left;
}
#product_col2 #product_colors ul {
list-style: none;
padding: 0 0 10px 0;
margin: 0 0 0 8px;
}
#product_col2 #product_colors ul li {
margin: 0 0 0 12px;
padding: 0 0 8px 0;
}
form#addtocart {
background: #eee;
border-top: solid 3px #ddd;
padding: 12px;
margin: 10px 0 10px 0;
width: 276px;
}
form#addtocart h6 {
color: #333;
font-size: 16px;
padding: 0 0 12px 0;
margin: 0;
}
form#addtocart input, form#addtocart select {
font-size: 13px;
margin: 0 10px 0 0;
}
form#addtocart input.quantity {
width: 30px;
}
div.added {
padding: 13px 10px 7px 20px;
background: #a4b4c4;
margin: 0 0 10px 0;
}
div.added p, div.error p {
color: #fff;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0;
}
div.error {
padding: 13px 10px 7px 40px;
background: #ef3343 url(/public/img/error_icon.gif) 10px 10px no-repeat;
margin: 0 0 10px 0;
}
#storecontent .back { float: none; }
/*-- Cart Styles ----- */
table#shoppingcart {
width: 500px;
border-left: solid 1px #1b3765;
border-top: solid 1px #1b3765;
margin: 15px 0 0 0;
}
table#shoppingcart td {
border-right: solid 1px #1b3765;
border-bottom: solid 1px #1b3765;
}
table#shoppingcart td.title p {
font-weight: bold;
padding: 0;
}
table#shoppingcart td.title span {
font-weight: normal;
display: block;
font-size: 10px;
}
table#shoppingcart td.quantity {
font-weight: bold;
font-size: 14px;
text-align: center;
}
table#shoppingcart td.price, table#shoppingcart td.subtotal {
font-weight: bold;
text-align: center;
}
table#shoppingcart td img {
width: 40px;
}
table#shoppingcart th, table#shoppingcart td {
padding: 6px;
vertical-align: top;
}
table#shoppingcart th {
background: #1b3765;
font-weight: bold;
color: #fff;
text-align: left;
}
table#shoppingcart tr.subtotal, table#shoppingcart tr.shipping, table#shoppingcart tr.salestax, table#shoppingcart tr.checkout, table#shoppingcart tr.total {
text-align: right;
font-weight: bold;
}
table#shoppingcart td.value {
text-align: left;
}
table#shoppingcart tr.total td {
background: #eee;
}
table#shoppingcart tr.checkout td {
background: #a4b4c4;
}
.cartupdate input.quantity {
width: 20px;
}
.cartupdate input.update {
font-size: 9px;
padding: 0;
}
#carttotal {
float: right;
padding: 8px 0 0 0;
}
#carttotal p {
font-size: 13px;
}
#carttotal p span {
font-weight: bold;
}
#cart {
border-top: solid 2px #ddd;
background: #e1e7ed;
padding: 10px;
}
ul#cartnav, ul#cartnav li {
list-style: none;
margin: 0;
}
/* Gallery --- */
/*
ul#gallerylist, ul#gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
ul#gallerylist li img.thumbnail {
float: left;
margin: 0 10px 10px 0;
padding: 5px;
border: solid 1px #ddd;
width: 120px;
}
ul#gallerylist li {
border-top: solid 1px #eee;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
clear: both;
}
#currentphoto {
padding: 6px;
border: solid 1px #ddd;
max-width: 435px;
}
* html #currentphoto { width: 435px; }
.thumbnail {
vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
border: solid 1px #333;
padding: 3px;
}
*/
/* Gallery --- */
ul#gallerylist {
float: left;
}
ul#gallerylist, ul#gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
ul#gallerylist li img.thumbnail {
float: left;
margin: 0 9px 9px 0;
padding: 4px;
border: solid 1px #ddd;
}
ul#gallerylist li {
border-bottom: solid 1px #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;
}
ul#gallerylist li h3 {
padding: 0 0 9px 0;
}
ul#gallerylist li h3 a {
font-weight: normal;
}
#gallery h3 {
font-size: 18px;
border-bottom: solid 1px #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
#gallery .gallerymeta {
float: right;
font-size: 11px;
}
#photocontainer p {
font-size: 11px;
}
#photocontainer {
margin: 0 auto;
text-align: center;
width: 480px;
}
#photocontainer p {
text-align: left;
}
#photocontainer p.photonav {
padding: 4px 0 4px 0;
text-align: center;
}
#currentphoto {
padding: 6px;
border: solid 1px #ddd;
max-width: 460px;
}
* html #currentphoto { width: 460px; }
.thumbnail {
vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
}
#thumbnails {
margin: 0 auto;
}
#thumbnails p.back {
font-size: 11px;
padding: 0;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
border: solid 1px #333;
padding: 3px;
}
ul#albums {
list-style: none;
margin: 0;
}
ul#albums li {
float: left;
width: 120px;
height: 138px;
background: #eee;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
padding: 16px 12px;
text-align: center;
}
ul#albums li div.albums-img-container {
overflow: hidden;
width: 80px;
height: 80px;
border: solid 4px #fff;
margin: 0 auto;
}
ul#albums li p { padding: 0; }
ul#albums li h5 {
font-size: 11px;
padding: 3px 0;
border: none;
margin: 0;
}
ul#albums li h5 a { font-weight: normal; }
ul#albums li span {
font-size: 10px;
}
ul#photo-breadcrumb {
border-bottom: solid 1px #ddd;
padding: 9px 0 9px 0;
margin: 0 0 6px 0;
list-style: none;
}
ul#photo-breadcrumb li {
margin: 0;
display: inline;
}
ul#photo-breadcrumb li a {
color: #313131;
font-size: 10px;
padding: 1px 8px 0 0;
text-decoration: none;
background: url("/public/img/bc-arrow.gif") 100% 50% no-repeat;
}
ul#photo-breadcrumb li.home a { color: #333; }
ul#photo-breadcrumb li.active a {
font-weight: normal;
background: none;
}
/*-- Content_SSP ----- */
#content_ssp {
width: 690px;
margin: 0 0 10px 0;
padding: 0;
background: #f4a137;
}
#content img a {
background:none;
}
#contentbody_ssp {
width: 420px;
margin: 0;
border-top: solid 4px #cdd8e0;
border-right: solid 10px #fff;
padding: 0 10px 30px 10px;
float: left;
background: #fff;
}
#buttons_ssp {
width: 240px;
margin: 0;
padding: 0;
float: right;
background: #f4a137;
}
#buttons_ssp img a {
background:none;
}
/*-- News List ----- */
ul#newslist {
list-style: none;
margin: 0;
}
ul#newslist li {
border-bottom: solid 1px #eee;
padding: 0 0 8px 0;
margin: 0 0 9px 0;
}
ul#newslist p { padding: 0; }
ul#newslist p.date {
font-size: 10px;
color: #b5121b;
padding: 0;
font-weight: bold;
}
ul#newslist p.more {
font-weight: bold;
font-size: 11px;
}
ul#newslist p.more a {
background: url("/public/img/more_arrow.gif") 100% 50% no-repeat;
padding: 0 10px 0 0;
font-size: 11px;
}
ul#newslist li h3 { padding: 0; }
ul#newslist li h3 a {
font: 14px/20px Helvetica, Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
color: #2e2e2e;
background: none;
}
/*-- Events List ----- */
ul#eventslist {
list-style: none;
margin: 0;
}
ul#eventslist li {
border-bottom: solid 1px #eee;
padding: 8px 0 8px 0;
margin: 0 0 9px 0;
overflow: auto;
}
ul#eventslist p { padding: 0; }
ul#eventslist p.date, p.date {
font-size: 12px;
color: #45ae00;
padding: 0;
}
ul#eventslist p.more {
font-weight: bold;
font-size: 12px;
}
ul#eventslist p.more a {
background: url("/public/img/bc-arrow.gif") 100% 50% no-repeat;
padding: 0 10px 0 0;
font-size: 12px;
margin: 0 10px 0 0;
}
ul#eventslist li h3 { padding: 0; }
ul#eventslist li h3 a {
font: 16px/22px Helvetica, Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
color: #2e2e2e;
background: none;
}
/*-- Alumni Directory ----- */
table#memberlist {
width: 450px;
}
table#memberlist th {
text-align: left;
border-top: solid 2px #eee;
border-bottom: solid 1px #eee;
padding: 7px 0 8px 0;
}
table.sortable th {
text-decoration: underline;
}
table#memberlist td {
border-bottom: solid 1px #eee;
}
#searchresultsinfo {
padding: 9px;
background: #eee;
margin: 0 0 18px 0 ;
}
#searchresultsinfo p { padding: 0; }
#memberdetail h3 {
border-bottom: solid 1px #eee;
margin: 0 0 9px 0;
}
#memberdetail h4 {
border-bottom: solid 1px #eee;
margin: 0 0 9px 0;
font-size: 15px;
color: #b5121b;
}
#memberdetail p span { font-weight: bold; }
#memberdetail p#photo {
float: left;
margin: 0 10px 0 0;
}
#memberdetail p#photo img {
border: solid 1px #eee;
background: #fff;
padding: 2px;
}
#memberdetail p#photo, #memberdetail p#class_year, #memberdetail p#contact_email { padding: 0; }
#lastupdated {
font-size: 10px;
font-style: italic;
padding: 18px 0 0 0;
}
/*-- Form Styles ----- */
.generic_form {}
.generic_form fieldset {
padding: 10px 0;
margin: 0 0 18px 0;
border-bottom: solid 2px #ddd;
}
.generic_form fieldset legend {
font-family: Georgia, Times, "Times New Roman", serif;
color: #b5121b;
font-size: 18px;
padding: 0 4px 5px 0px;
margin: 0;
}
.generic_form fieldset ul { list-style: none; }
.generic_form fieldset p.note {
font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;
}
.generic_form fieldset p.checkbox label { display: inline; }
.generic_form fieldset ul, .generic_form fieldset ul li { margin-left: 0; }
.generic_form fieldset ul li input { margin: 0 6px 0 0; }
.generic_form fieldset label {
display: block;
font-weight: bold;
}
.generic_form fieldset input.forminput {
padding: 3px;
font-weight: bold;
}
.generic_form fieldset p { float: none; }
.generic_form fieldset p input.forminput { width: 350px; }
.generic_form fieldset p.formcol1 input.forminput , .generic_form fieldset p.formcol2 input.forminput { width: 200px; }
.generic_form fieldset p.formcol1 {
float: left;
clear: both;
}
.generic_form fieldset p.formcol2 {
margin: 0 0 0 220px;
}
/*.generic_form fieldset p { padding-left: 7px; }*/
.generic_form span.required, .generic_form span.error {
color: #b5121b;
font-style: italic;
font-size: 11px;
}
.generic_form p.forgotpassword a { font-size: 10px; }
.generic_form span.error { display: block; }
.generic_form fieldset .formcheck label {
display: inline;
font-size: 11px;
}
.generic_form fieldset ul { clear: both; }
.generic_form fieldset textarea {
width: 350px;
padding: 3px;
font-weight: bold;
height: 125px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #efbdc0;
padding: 9px;
margin: 0 0 18px 0;
}
.generic_form p select {
margin: 3px 0 4px 0;
}
.generic_form input.submit {
padding: 5px;
font-weight: bold;
}
.generic_form input.submit { margin: 0 0 18px 0; }
p.error {
color: #b5121b;
}
p.usernotice {
background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;
}
.compact { line-height: 14px; }
.compact p {
padding: 0;
display: inline;
}
.compact label {
padding: 0 0 0 8px;
}
.compact fieldset { padding: 6px; }
.compact fieldset legend { padding: 0; }
.compact input { margin: 0; }
.compact input.submit {
padding: 2px;
margin: 0;
display: inline;
}
.compact select { display: inline; }
/*-- Community Styles ----- */
ul#categorieslist, ul#topicslist {
list-style: none;
padding: 0;
margin: 0;
border-top: solid 2px #ddd;
}
ul#categorieslist li, ul#topicslist li {
padding: 9px 0 9px 0;
border-bottom: solid 1px #ddd;
margin: 0;
}
ul#categorieslist li h4, ul#categorieslist li p, ul#topicslist li h4, ul#topicslist li p { padding: 0; }
ul#categorieslist li h4 a, ul#topicslist li h4 a {
display: block;
font-weight: normal;
float: left;
background: none;
width: 330px;
padding-right: 12px;
}
ul#categorieslist li p.topics {
text-align: right;
}
ul#topicslist li p.comments {
text-align: right;
}
ul#topicslist li p.poster {
clear: both;
font-size: 10px;
padding: 3px 0 0 0;
}
ul#topicslist li p.poster a { color: #b5121b; }
p.back {
/*float: right; */
padding: 9px 0 9px 0;
}
p.back a { font-size: 12px; }
#post { border-top: solid 2px #ddd; }
#post #postmeta {
font-size: 10px;
font-weight: bold;
color: #666;
padding: 8px 0 9px 0;
border-top: solid 1px #ddd;
margin: 0 0 9px 0;
}
#post h4 {
color: #b5121b;
font-size: 17px;
padding: 9px 0 9px 0;
}
h4#commentstitle {
border-top: solid 2px #ddd;
color: #1b3765;
font-size: 14px;
}
ul#comments {
list-style: none;
padding: 0;
border-top: solid 1px #ddd;
margin: 0 0 18px 0;
}
ul#comments li {
margin: 0;
padding: 18px;
}
ul#comments li.odd {
background: #eee;
}
ul#comments li p.commenttime {
font-weight: bold;
padding: 0;
font-size: 10px;
}
ul#comments li p.commentmeta {
color: #003468;
padding: 0 0 9px 0;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 13px;
}
div.deletecomment, div.deletetopic {
padding: 9px;
background: #ffd4d6;
margin: 0 0 6px 0;
}
div.deletecomment p, div.deletetopic p {
padding: 0;
}
.deletecommentlink {
float: right;
padding: 0;
}
.deletecommentlink a { background: none; }
.deletetopiclink {
float: left;
padding: 0;
margin: 0 6px 0 0;
}
.deletetopiclink a { background: none; }
ul#comments li p { font-size: 11px; }
ul#comments li p.commentmeta span { font-weight: bold; }
p.postcomment {
float: right;
padding: 9px 0 9px 0;
}
p.postcomment a { font-size: 10px; }
p#editpostlink {
float: right;
padding: 9px 0 9px 0;
}
p#editpostlink a { font-size: 10px; }
#userbox {
padding: 10px;
background: #e1e7ed;
}
#userbox p span {
display: block;
font-size: 16px;
color: #b5121b;
padding: 0 0 9px 0 ;
}
#userbox p { padding: 0; }
p#avatar {
float:left;
margin: 0 6px 0 0;
padding: 0;
}
p#avatar img {
width: 56px;
border: solid 1px #eee;
background: #fff;
padding: 2px;
}
p#userlinks {
margin: 9px 0 0 0;
clear: both;
}
p#userlinks a {
margin: 0 6px 0 0;
font-size: 11px;
}
table.calendar-small {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
text-align: left;
}
table.calendar-small th.month, table.calendar-small tr.month-nav {
font-weight: bold;
color: #333333;
text-align: left;
font-size: 13px;
padding-bottom: 4px;
}
table.calendar-small th.month a {
float: right;
font-size: 11px;
background: none;
}
table.calendar-small td {
padding: 6px 7px;
text-align: center;
vertical-align: middle;
}
table.calendar-small td.prev-month { text-align: left; }
table.calendar-small td.next-month { text-align: right; }
table.calendar-small th.day-of-week {
font-size: 9px;
font-weight: normal;
background: #fff;
}
table.calendar-small td.selected-day { background-color: #005f63; color: #fff; }
table.calendar-small td.day { color: #313131; background-color: #efefef; }
table.calendar-small td.today { background-color: #333; font-weight: bold; color: #fff; }
table.calendar-small td a {
color: #005f63;
text-decoration: underline;
background: none;
}
table.calendar-small td a:hover { color: #333; }
table.calendar-small td.today a { color: #fff; }
table.calendar-large { width: 100%; }
table.calendar-large td { vertical-align: top; }
table.calendar-large th.month {
padding: 0 0 8px 0;
border-bottom: solid 1px #ddd;
text-align: left;
font-size: 1.4em;
color: #d31f00;
font-weight: normal;
}
table.calendar-large td.prev-month { text-align: left; }
table.calendar-large td.next-month { text-align: right; }
table.calendar-large td.prev-month a {
padding: 0 0 0 10px;
font-size: 10px;
background: none;
}
table.calendar-large td.next-month a {
padding: 0 10px 0 0;
font-size: 10px;
background: none;
}
table.calendar-large tr.month-nav td {
padding: 3px 0 8px 0;
}
table.calendar-large tr.month-nav td a {
font-size: 11px;
}
table.calendar-large th.day-of-week {
font-size: 10px;
}
table.calendar-large td.selected-day {
background-color: #0e233b;
font-weight: bold;
color: #fff;
padding: 4px;
}
table.calendar-large td.selected-day a { color: #fff; }
table.calendar-large td.day {
background-color: #eee;
padding: 4px;
width: 14%;
height: 100px;
font-size: 10px;
}
table.calendar-large td p {
padding: 0 0 3px 0;
font-size: .9em;
line-height: 130%;
}
table.calendar-large td span.event_time {
font-size: .9em;
margin: 3px 0 0 0;
}
table.calendar-large td span.event_link a {
display: block;
font-size: 10px;
text-decoration: underline;
background: none;
}
table.calendar-large td.today {
background-color: #eee;
font-weight: bold;
}
th.cat_title {
text-align: left;
border-bottom: solid 2px #eee;
padding: 0;
}
th.cat_title h3,
th.cat_title p {
padding: 0;
}
th.cat_title h3 {
font-size: 24px;
}
p#event-submit-button {
padding: 10px 0;
float: right;
}
p#event-submit-button a {
padding: 4px 10px;
background: #f36f21;
display: inline-block;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(0,0,0,.6);
box-shadow: 0 0 4px rgba(0,0,0,.6);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.6);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.6);
}
p#event-submit-button a:hover {
color: #eee;
background: rgba(243,111,33,.8);
}
p#current-date {
padding: 10px 0 0 0;
clear: both;
width: 100%;
}
#calendarselect {
background: #eee;
padding: 6px 8px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 10px 0;
font-size: 12px;
float: left;
}
#calendarselect label {
color: #333;
}