/* CSS for Cards Page */
/* syntax
a{}
a:link{}
a:visited{}
a:hover{}
a:active{}
a.classname:link{}
a.classname:visited{}
a.classname:hover{}
a.classname:active{}
a:link, a:visited, a:hover, a:active{color:#ffffff}
.classname eg or
p.classname eg
#title eg
or
p#title eg
descendents
p h1 eg
This is h1 within p
p h1 {background-color:ffffff}
p.classname h1 ie h1 nested within p of specific class="classname"
p#title h1 ie h1 nested within p of specific id="title"
p>h1 ie h1 nested within 1 tier of p
attribute selectors
img[name] {border="none"} ie selects all images with an attribute name set to anything
img[name="main"] {border="none"} ie selects only images with name attribute set to "main"
*/
/****** Start ********************************************/
/* pseudo */
a:link {color:#68689e}
a:visited {color:#68689e}
a:hover {color:#918751}
a:active {color:#918751}
html, body {margin: 0; padding: 0;}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#00004f;
background-color: #68689E;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
}
div#frame{
width: 900px;
margin-left:auto;
margin-right:auto;
text-align: center;
border: 4px solid #918751;
background-color: #EBEFFC;
}
/* header row */
div#gallery_header{
background-image: url("../images/main/header_gallery.jpg");
width:100%;
height:150px;
background-repeat: no-repeat;
border-bottom: 2px solid #CCCCCC;
}
div#menubar{
width:100%;
margin-bottom:0;
padding-bottom:0;
padding-top:125px;
text-align: center;
}
/* lightbox help and gallery selector row*/
div#lbhelp{
float:left;
width:300px;
height:100px;
}
div#lbhelp_link {
padding-top:75px;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #00004f;
}
div#lbhelpwin{
display: none;
height:0px;
}
div#lbhelptext{
padding-left:20px;
padding-right:20px;
}
h3#lbhelpheader{
font-size:16px;
padding-top:20px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
font-style:normal;
}
/* content */
div#content{
clear:both;
width: 100%;
margin-left:auto;
margin-right:auto;
text-align: center;
background-color: #EBEFFC;
}
div#card_gallery{
float:left;
width:300px;
}
div#card_details img{
padding-top:20px;
}
div#card_text{
margin-left:300px;
width:590px;
text-align:left;
}
div#text_frame{
padding-top:20px;
margin-left:20px;
margin-right:100px;
}
h3 {
font-size:16px;
padding-top:20px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
font-style:normal;
}
/* referenced in windowopener in dsmain.js */
p#detailswin{
text-align:center;
font-weight:bold;
padding-top:20px;
}
/****** Footer ********************************************/
div#footer{
clear:both;
margin-top:50px;
padding-top:10px;
width:900px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color:#918751;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #918751;
}
div#leftcol_footer{
float:left;
width:50%;
height:50px;
text-align:center;
}
div#rightcol_footer{
margin-left:50%;
height:50px;
text-align:center;
}