/* HTML ------------------------------------------------------------------------ */
a {
color: #4d6987;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
body {
margin: 0;
background-color: #F4F4F4;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
color: #222;
}
h1 {
font-size: 23px;
font-weight: normal;
padding: 0;
margin: 16px 0 2px 0;
}
h1.alt {
margin: 23px 0 20px 0;
height: 31px;
}
h2 {
font-weight: normal;
font-size: 17px;
margin: 0 0 10px 0;
color: #8e852f;
}
h3 {
font-size: 14px;
margin: 16px 0 6px 0;
color: #a54343;
}
h3 img {
float: left;
margin: 0 15px 0 0;
}
h4 {
margin: 0 0 8px 0;
font-size: 11px;
border-bottom: 1px solid #CCC;
color: #666;
text-transform: uppercase;
}
h5 {
font-size: 13px;
margin: 0 0 8px 0;
color: #333;
padding-bottom: 15px;
border-bottom: 1px solid #BBB;
}
hr {
height: 1px;
border: 0;
margin: 0 0 13px 0;
background-color: #CCC;
}
input[type="text"], select {
font-size: 11px;
}
img {
border: 0;
}
p {
margin: 2px 0 8px 0;
}
small {
color: #666;
font-size: 11px;
}
/* Museum Authorize.net buttons ----------------------------------------------------------*/
.AuthButton
{
border-style: none;
background: url(../images/join_button_museum2010.gif) no-repeat;
height: 38px;
width: 135px;
background-color: #FFFFFF;
outline: none;
}
.GiveButton
{
border-style: none;
background: url(../images/give_button_museum2010.gif) no-repeat;
height: 38px;
width: 135px;
background-color: #FFFFFF;
outline: none;
}
/* Color scheme ------------------------------------------------------------------------ */
/* yellow */
#navigation, #topBar {
background-color: #ffe50e;
}
/* Override Ektron introduced styles */
#col2 p, #col2 p font {
line-height: 150%;
}
#col2 p span {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif !important;
font-size: 12px !important;
}
font {
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
}
/* Layout ----------------------------------------------------------------------- */
.address {
color: #777;
margin: 40px 0 10px 297px;
clear: left;
font-size: 11px;
}
.alert {
color: Red;
}
.banner {
margin: 0 0 16px 0;
}
.caption {
background-color: #333;
padding: 8px 4px 9px 10px;
font-size: 11px;
color: #CCC;
border-left: 10px solid #FFF;
}
p.caption {
margin-top: 0;
}
.clear { clear: both; }
#col1 {
width: 263px;
margin: 56px 0 50px 20px;
float: left;
}
#col2 {
width: 669px;
margin: 56px 0 40px 20px;
float: left;
position: relative;
}
.dataTbl {
border-top: 1px solid #CCC;
margin-bottom: 18px;
}
.dataTbl td {
border-bottom: 1px solid #CCC;
text-align: left;
padding: 5px 0;
vertical-align: top;
}
.dataTbl colgroup col.second {
width: 17%;
}
.dataTbl colgroup col.third {
white-space: nowrap;
width: 20%;
}
.flashHolder {
height: 510px;
text-indent: -9999px;
}
.flashHolder blockquote {
background-color: #366;
margin: 0;
padding: 30px;
}
.flash {
position: absolute;
top: 87px;
left: 0px;
}
#footer {
width: 660px;
margin: 0 0 0 303px;
padding: 11px 0;
}
#logo {
margin-left: 19px;
background: transparent url(../images/background/logo-red.png) no-repeat;
width: 223px;
height: 39px;
border: 1px;
}
#logo a {
text-indent: -9999px;
display: block;
height: 39px;
}
#logo-risd {
position: absolute;
top: 11px;
left: 20px;
width: 64px;
height: 28px;
background: transparent url(../images/background/logo-risd.png);
display: block;
text-indent: -9999px;
}
#logo-risd a {
display: block;
height: 28px;
}
#main {
margin: 0 0 12px 0;
}
#menu {
position: relative;
margin: 24px 0 0 10px;
}
#menu div {
position: absolute;
}
#navigation {
height: 335px;
padding-top: 25px;
margin-bottom: 60px;
position: relative;
}
#navigation .wedge {
width: 263px;
height: 91px;
background: transparent url(../images/background/ribbon.png);
z-index: 20;
/* Silly hack for MSIE */
.z-index: -1;
}
#navMain {
width: 101px;
height: 189px;
margin: 0 0 0 9px;
float: left;
}
#navMain img {
width: 101px;
height: 27px;
}
#navMain ul {
background-color: Aqua;
margin: 0;
padding: 0;
}
#navMain ul li {
list-style-type: none;
text-indent: -9999px;
}
#navMain ul li a {
display: block;
width: 101px;
height: 27px;
}
#navSub {
width: 143px;
background-color: Red;
margin-left: 110px;
}
.noPrint {
display: none;
}
.right {
float: right;
}
.rule {
background: pink url(../images/pixel_CCC.gif) no-repeat 2px 0;
height: 12px;
}
#section1 {
float: left;
width: 170px;
}
#section2 {
width: 488px;
margin-bottom: 50px;
}
#section2 a[href$="pdf"] {
background: transparent url(../images/background/icon_pdf_sm.gif) no-repeat 0 1px;
padding-left: 17px;
}
#section3 {
float: right;
width: 160px;
}
#section3 ul li {
padding: 5px 0 5px 12px;
background-position: 0 10px;
}
.subnav ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.subnav ul li {
border-bottom: 1px dotted #CCC;
padding: 5px 0 6px 12px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 11px;
}
.subnav h2 {
font-size: 11px;
font-weight: normal;
margin: 0 0 12px 0;
color: inherit;
}
.subnav h3 {
font-size: 10px;
font-weight: normal;
display: none;
}
#topBar {
height: 13px;
position: relative;
}
#topBar .wedge {
width: 669px;
height: 4px;
background: transparent url(../images/background/wedge_med.png) no-repeat;
}
.wedge {
position: absolute;
bottom: 0;
left: 0;
}
#wrapper {
background: #FFF url(../images/background/background.gif) repeat-x;
min-width: 972px;
height: 1%;
overflow: hidden;
border-bottom: 1px solid #DDD;
}
/* Navigation ------------------------------------------------------------------------ */
.subMenu {
left:101px;
}
.subMenu a {
display: block;
}
.subMenu a:hover{
background-color: #ff8a00;
}
.subMenu img {
width: 143px;
}
.hoverMenu a {
display: block;
}
.hoverMenu a:hover{
background-color: #ff8a00;
}
/* constant contact form */
#ccoptin input {
font-size: 10px;
width: 180px;
border-top: 2px solid #777;
border-left: 2px solid #777;
border-right: 2px solid #e0e0e0;
border-bottom: 2px solid #e0e0e0;
color: #666;
padding: 3px;
margin: 0;
}
#ccoptin img {
vertical-align: middle;
margin: 0 0 0 5px;
}