/* Main CSS for Supreme Court History Site
Michael Griffith - Griffiti LLC
*/

a img {
border: none;
}

#bigpic {
position: relative;
}

#societyinfomenu {
font: 11px/24px Arial;
margin: 0px;
padding: 0px;
padding-left: 2px;
padding-right: 2px;
list-style: none;
text-align: left;
letter-spacing: 1px;
background-color: #505973;
visibility: hidden;
position: absolute;
left: 162px;
top: 130px;
z-index: 4;
width: 160px;
height: 268px;
}


#historycourtmenu {
font: 11px/24px Arial;
margin: 0px;
padding: 0px;
padding-left: 2px;
padding-right: 2px;
list-style: none;
text-align: left;
letter-spacing: 1px;
background-color: #505973;
visibility: hidden;
position: absolute;
left: 271px;
top: 130px;
z-index: 4;
width: 170px;
height: 167px;
}




#courtworksmenu {
font: 11px/24px Arial;
margin: 0px;
padding: 0px;
padding-left: 2px;
padding-right: 2px;
list-style: none;
text-align: left;
letter-spacing: 1px;
background-color: #505973;
visibility: hidden;
position: absolute;
left: 427px;
top: 130px;
z-index: 4;
width: 190px;
height: 115px;
}

#publicationsmenu {
font: 11px/24px Arial;
margin: 0px;
padding: 0px;
padding-left: 2px;
padding-right: 2px;
list-style: none;
text-align: left;
letter-spacing: 1px;
background-color: #505973;
visibility: hidden;
position: absolute;
left: 592px;
top: 130px;
z-index: 4;
width: 180px;
height: 140px;
}

#learningctrmenu {
font: 11px/24px Arial;
margin: 0px;
padding: 0px;
padding-left: 2px;
padding-right: 2px;
list-style: none;
text-align: left;
letter-spacing: 1px;
background-color: #505973;
visibility: hidden;
position: absolute;
left: 707px;
top: 130px;
z-index: 4;
width: 150px;
height: 116px;
}

#societyinfomenu li a:hover,
#historycourtmenu li a:hover,
#courtworksmenu li a:hover,
#publicationsmenu li a:hover,
#learningctrmenu li a:hover {
text-decoration: none;
color: #cb9803;
}



#societyinfomenu li a,
#historycourtmenu li a,
#courtworksmenu li a,
#publicationsmenu li a,
#learningctrmenu li a {
background-color: #505973;
border-bottom-color: #a2a8b6;
border-bottom-style: solid;
border-right-color: #505973;
border-right-style: solid;
border-left-color: #505973;
border-left-style: solid;
border-width: 1px;
border-top: 1px;
border-left: 1px;
border-right: 1px;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
color: #ffffff;
width: 100%;
display: block;
}


/* IE Hack */
#learningctrmenu li a,
#courtworksmenu li a,
#societyinfomenu li a,
#publicationsmenu li a,
#historycourtmenu li a {
width: expression('98%');
}

/*
#societyinfomenu li a,
#publicationsmenu li a,
#historycourtmenu li a {
width: 96.5%;
}

#learningctrmenu li a {
width: 95.9%;
}

#societyinfomenu li,
#historycourtmenu li,
#courtworksmenu li,
#publicationsmenu li,
#learningctrmenu li {
width: 100%;
display: block;
margin: 0px;
}
*/

#topmenumain {

}

#topmenu {		
background: url(images/topmenubg.gif) no-repeat;
position: absolute;
left: 10px;
top: 90px;
height: 40px;
width: 1000px;
font: 10px/16px Arial;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
margin: 0px;
padding-top: 12px;
padding-left: 90px;
list-style: none;
color: #ffffff;
z-index: 1;
}

/* IE Hack */
#topmenu {
padding-left: expression('90px');
}


#topmenu li a {
border: 0px none #000000;
text-decoration: none;
color: #ffffff;
height: 100%;
display: block;
}

#topmenu li,
#bottominfo li {
height: 100%;
display: block;
float: left;
margin: 0px;
}

#topmenu li a:hover {
text-decoration: none;
color: #cb9803;
}

#contentgrow *:first-child {
margin-top: 0px;
}

.nosee {
visibility: hidden;
}

#flashplacehold {
visibility: visible;
position: absolute;
left: 10px;
top: 10px;
z-index: 1;
width: 250px;
height: 80px;
}


#contenttop {
background: url(images/contenttop.gif) no-repeat;
visibility: visible;
position: absolute;
left: 10px;
top: 140px;
width: 1000px;
height: 40px;
z-index: 1;
}

#contenttop2 {
background: url(images/contenttop2.gif) no-repeat;
visibility: visible;
position: absolute;
left: 10px;
top: 140px;
width: 1000px;
height: 40px;
z-index: 1;
}

#schsitebuild {
margin: 0px auto 0px auto;
background: url(images/interiortile1.gif) repeat center top;
height: 500px;
width: 1000px;
position: relative;
}

#copyrighttag {
visibility: visible;
position: relative;
text-align: center;
margin-top: 60px;
padding-bottom: 20px;
}

#copyrighttag p a {
border-top-color: #FAA95D;
border-top-style: none;
border-width: 0px;
text-decoration: none;
color: #000000;
}

#copyrighttag p a:hover {
color: #EC6C3B;
text-decoration: underline;
}

#copyrighttag p {
font: 11px Arial;
margin: 0px;
color: #000000;
text-align: center;
}

#contentgrow {
background: url(images/interiortile2.gif) repeat center top;
padding: 20px 40px 20px 40px;
visibility: visible;
margin: 0px;
position: relative;
left: 10px;
height: auto;
}

#contentgrow p {
font: 13px/20px Georgia;
margin: 0px;
padding-right: 30px;
color: #000000;
text-align: left;
}

#contentgrow p a {
color: #1A4C66;
text-decoration: none;
}

.nomargin {
margin-top: 0px;
margin-bottom: 0px;
}

#contentgrow a:hover {
color: #855c5c;
text-decoration: underline;
}

#contentgrow li {
font: 13px/20px Georgia;
margin: 0px;
color: #000000;
text-align: left;
}

#contentgrow h1 {
font: 16px/24px Georgia;
color: #1A4C66;
font-weight: bold;
text-align: left;
}

#contentgrow h2 {
font: 14px/22px Georgia;
color: #1A4C66;
font-weight: bold;
font-style: italic;	
text-align: left;
}

#contentgrow h3 {
font: 13px/20px Georgia;
color: #1A4C66;
font-weight: bold;
font-style: italic;	
text-align: left;
}

#contentgrow h4 {
font: 13px/20px Georgia;
color: #000000;
font-weight: bold;
font-style: italic;	
text-align: left;
}

#contentgrow h1 a {
text-decoration: none;
color: #1A4C66;	
}

#contentgrow h2 a {
text-decoration: none;
color: #1A4C66;
}

#contentgrow h3 a {
text-decoration: none;
color: #1A4C66;
}

#contentgrow h4 a {
text-decoration: none;
color: #000000;
}

contentgrow h2 a:hover {
text-decoration: underline;
color: #855c5c;	
}

contentgrow h3 a:hover {
text-decoration: underline;
color: #855c5c;	
}

contentgrow h4 a:hover {
text-decoration: underline;
color: #855c5c;	
}

#content_2column_one {
width: 434px;
float: left;
padding-right: 10px;
}

#content_2column_two {
width: 434px;
float: left;
padding-right: 10px;
}

#content_3column_one {
width: 290px;
float: left;
padding-right: 10px;
}

#content_3column_two {
width: 290px;
float: left;
padding-right: 10px;
}

#content_3column_three {
width: 290px;
float: left;
padding-right: 10px;
}

.padtop15 {
padding-top: 15px;
}

.justice_text {
height: 430px;
padding-left: 330px;
}


/* IE Hack */
.justice_text {
padding-left: expression('0px');
}

.inlinepichome {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

.bluetext {
color: #1A4C66;
margin-top: 0px;
margin-bottom: 0px;
}

.caption {
font: 11px/15px Georgia;
color: #000000;
text-align: left;
font-style: italic;
}

.caption2 {
font: 11px/15px Georgia;
color: #000000;
text-align: left;
}


.links {
font-size: 9pt; color: #FF0000; 
}

#contentfixed {
padding: 40px 40px 0px 300px;
background: url(images/interiortile.gif) repeat center top;
visibility: visible;
margin: 0px;
position: relative;
left: 10px;
display: inline-block;
height: 410px;
}

#contentfixed p {
font: 12px/22px Georgia;
margin: 0px;
color: #000000;
text-align: left;
}

#contentfixed a {
color: #1A4C66;
text-decoration: none;
}

#contentfixed a:hover {
color: #855c5c;
text-decoration: underline;
}

#contentfixed li {
font: 12px/22px Georgia;
margin: 0px;
color: #1A4C66;
text-align: left;
}

#contentfixed h1 {
font: 16px/24px Georgia;
color: #1A4C66;
font-weight: bold;
text-align: left;
}

#contentfixed h2 {
font: 14px/22px Georgia;
color: #1A4C66;
font-weight: bold;
text-align: left;
}

#contentbottom {
position: relative;
left: 10px;
z-index: 2;
}

.inlinepic {
float: left;
padding-right: 20px;
padding-bottom: 5px;
}

.inlinepicsingle {
float: left;
padding-bottom: 10px;
padding-right: 20px;
}

.inlinecaption {
float: left;
}

.floatpic {
float: left;
padding-right: 25px;
padding-bottom: 15px;
}

.justicepic {
float: left;
padding-right: 20px;
padding-bottom: 20px;
}

.courthistorypic {
float: left;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 10px;
}

#bottominfo {
background: url(images/bottominfobg.gif) no-repeat;
height: 40px;
margin: 0px;
color: #ffffff;
position: absolute;
left: 10px;
top: 10px;
z-index: 1;
width: 1000px;
padding-bottom: 10px;
display: inline;
}

#bottominfo p {
text-align: center;
font: 10px/22px Georgia;
padding-left: 0px;
padding-top: 0px;

/* IE Hack */
padding-top: expression('10px');
}


#bottominfo a {
text-decoration: none;
color: #ffffff;
}

#bottominfo a:hover {
text-decoration: underline;
color: #cb9803;
}

#leftnavbg {
background: url(images/left_navbg.gif) no-repeat;
position: absolute;
left: 10px;
top: 180px;
z-index: 2;
width: 250px;
height: 450px;
}

#featurelabel {
position: absolute;
visibility: visible;
left: 40px;
top: 150px;
z-index: 2;
height: auto;	
}
#featurelabel p {
font: 10px/24px Arial;
font-weight: bold;
color: #ffffff;
letter-spacing: .1em;
display: inline;
}

#breadcrumb {
position: absolute;
visibility: visible;
left: 40px;
top: 150px;
z-index: 2;
height: auto;	
}
#breadcrumb p {
font: 11px/24px Arial;
font-weight: bold;
color: #ffffff;
display: inline;
padding-left: 10px;
}

#contentlabel {
position: absolute;
visibility: visible;
left: 310px;
top: 150px;
z-index: 2;
height: auto;	
}
#contentlabel p {
font: 10px/24px Arial;
font-weight: bold;
color: #ffffff;
letter-spacing: .1em;
display: inline;
}
#feature1 {
position: absolute;
visibility: visible;
left: 40px;
top: 220px;
z-index: 3;
width: 190px;
height: 40px;
}

#feature1text {
position: absolute;
visibility: visible;
left: 40px;
top: 260px;
z-index: 3;
width: 190px;
height: auto;
}

#feature1text p {
font: 12px/24px Georgia;
color: #ffffff;
display: inline;
}

#feature1text a {
color: #ffffff;
text-decoration: none;
}

#feature1text a:hover {
color: #cfd0f0;
}

#feature1 a {
background: url(images/feature1.gif) no-repeat;
position: absolute;
visibility: visible;
width: 190px;
height: 40px;
}

#feature2 {
position: absolute;
visibility: visible;
left: 40px;
top: 310px;
z-index: 3;
width: 190px;
height: 40px;
}

#feature2 a {
background: url(images/feature2.gif) no-repeat;
position: absolute;
visibility: visible;
width: 190px;
height: 40px;
}

#feature2text {
position: absolute;
visibility: visible;
left: 40px;
top: 350px;
z-index: 3;
width: 190px;
height: auto;
}

#feature2text p {
font: 12px/24px Georgia;
color: #ffffff;
display: inline;
}

#feature2text a {
color: #ffffff;
text-decoration: none;
}

#feature2text a:hover {
color: #cfd0f0;
}

#feature3 {
position: absolute;
visibility: visible;
left: 40px;
top: 400px;
z-index: 3;
width: 190px;
height: 40px;
}

#feature3 a {
background: url(images/feature3.gif) no-repeat;
position: absolute;
visibility: visible;
width: 190px;
height: 40px;
}

#feature3text {
position: absolute;
visibility: visible;
left: 40px;
top: 440px;
z-index: 3;
width: 190px;
height: auto;
}

#feature3text p {
font: 12px/24px Georgia;
color: #ffffff;
display: inline;
}

#feature3text a {
color: #ffffff;
text-decoration: none;
}

#feature3text a:hover {
color: #cfd0f0;
}

#logo {
background: url(images/logo.gif) no-repeat;
visibility: visible;
position: absolute;
left: 40px;
top: 510px;
z-index: 3;
width: 96px;
height: 96px;
}

#preload {
height: 0;
overflow: hidden;
}

#scootdown {
position: relative;
top: 180px;
}

#footer {
position: relative;
left: 0px;
width: 100%;
margin-bottom: 0px;
}

.clearall {
clear: both;
}

.clearleft {
clear: left;
}

.clearright {
clear: right;
}

.clear_across {
clear: both;
background: transparent;
height: 0px;
color: white;
border-top: solid 0px #C7D6B5;
}

#banner {
background: url(images/banner.gif) no-repeat;
visibility: visible;
position: absolute;
left: 260px;
top: 10px;
z-index: 1;
width: 750px;
height: 80px;
}

html, body {
padding: 0px;
margin: 0px;
background-color: #f5f7fa;
}

/* Sticky navigation for top menu */
body#home a#home1,
body#societymission a#societyinfo,
body#societymembership a#societyinfo,
body#societyevents a#societyinfo,
body#societysupport a#societyinfo,
body#societyawards a#societyinfo,
body#societyawards2 a#societyinfo,
body#societyawards3 a#societyinfo,
body#societyreport a#societyinfo,
body#societystatechairs a#societyinfo,
body#societypension a#societyinfo,
body#historytimeline a#historycourt,
body#historycurrent a#historycourt,
body#historydocumentaries a#historycourt,
body#historyhistory a#historycourt,
body#historyhome a#historycourt,
body#historyquizzes a#historycourt,
body#howcourtworks a#courtworks,
body#oralaudio a#courtworks,
body#oraldecisions a#courtworks,
body#oraldecisions2 a#courtworks,
body#oraldecisions3 a#courtworks,
body#journalhistory a#publications,
body#journalarchives a#publications,
body#journalsubmissions a#publications,
body#digitizedvolumes a#publications,
body#westudents a#learningctr,
body#westudents2 a#learningctr,
body#westudents3 a#learningctr,
body#womensrights a#learningctr,
body#womensrights2 a#learningctr,
body#womensrights3 a#learningctr,
body#womensrights4 a#learningctr,
body#womensrights5 a#learningctr,
body#womensrights6 a#learningctr,
body#curriculum a#learningctr {
text-decoration: none;
color: #cb9803;
}


/* Stick navigation for the society menu */
body#societyacquisitions a#infosocietyacquisitions,
body#societymission a#infosocietymission,
body#societystaff a#infosocietystaff,
body#societyprograms a#infosocietyprograms,
body#societymembership a#infosocietymembership,
body#societyevents a#infosocietyevents,
body#societysupport a#infosocietysupport,
body#societyawards a#infosocietyawards,
body#societyawards2 a#infosocietyawards,
body#societyawards3 a#infosocietyawards,
body#societyreport a#infosocietyannualreport,
body#societystatechairs a#infosocietystatechairs {
text-decoration: none;
color: #cb9803;
}

/* Stick navigation for the history of court menu */
body#historytimeline a#historycourttimeline,
body#historycurrent a#historycurrentcourt,
body#historydocumentaries a#historyhistorydocument,
body#historyhistory a#historyhistorycourt,
body#historyhome a#historyhomescourt,
body#historyquizzes a#historycourtquiz  {
text-decoration: none;
color: #cb9803;
}

/* Sticky navigation for the works menu */
body#howcourtworks a#courtworksworks,
body#oralaudio a#courtworksaudio,
body#oraldecisions a#courtworksdecisions,
body#oraldecisions2 a#courtworksdecisions,
body#oraldecisions3 a#courtworksdecisions {
text-decoration: none;
color: #cb9803;
}

/* Sticky navigation for works decisions page */
body#oraldecisions a#warren,
body#oraldecisions2 a#burger,
body#oraldecisions3 a#rehnquist {
text-decoration: underline;
color: #855c5c;
}

/* Sticky navigation for society awards page */
body#societyawards a#awards1,
body#societyawards2 a#awards2,
body#societyawards3 a#awards3 {
text-decoration: underline;
color: #855c5c;
}

/* Sticky navigation for publications menu */
body#journalhistory a#pubjournalhistory,
body#journalarchives a#pubjournalarchives,
body#journalsubmissions a#pubjournalsubmissions,
body#digitizedvolumes a#pubdigitizedvolumes {
text-decoration: none;
color: #cb9803;
}

/* Sticky navigation for learning menu */
body#westudents a#learningcenterstudents,
body#westudents2 a#learningcenterstudents,
body#westudents3 a#learningcenterstudents,
body#womensrights a#learningcenterwomens,
body#womensrights2 a#learningcenterwomens,
body#womensrights3 a#learningcenterwomens,
body#womensrights4 a#learningcenterwomens,
body#womensrights5 a#learningcenterwomens,
body#womensrights6 a#learningcenterwomens,
body#curriculum a#learningcentercurriculum {
text-decoration: none;
color: #cb9803;	
}

/* Sticky navigation for learning womens page */
body#womensrights a#womens1,
body#womensrights2 a#womens2,
body#womensrights3 a#womens3,
body#womensrights4 a#womens4,
body#womensrights5 a#womens5,
body#womensrights6 a#womens6 {	
text-decoration: underline;
color: #855c5c;	
}

/* Sticky navigation for learning students page */
body#westudents a#wvirginia,
body#westudents2 a#santefe,
body#westudents3 a#vernonia {	
text-decoration: underline;
color: #855c5c;	
}

/* Sticky navigation for the credits */
body#credits a#creditshl {
text-decoration: underline;
color: #cb9803;
}