/*******************************************************
 * TITLE  : Dynamic Constellations info Screen Stylesheet            
 * URI    : dc-info-screen.css                          
 * MODIF  : 2009-Apr-13                    
 * Version: content v1                               
 ******************************************************/

/* ##### Common Styles ##### */

body {
	color: Black;
	background-color: #FDFCF9;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 78%; /* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
}
html > body {
  font-size: 13px;
}
acronym, .titleTip {
  border-bottom: 1px dotted rgb(34,70,79);
  cursor: help;
}
abbr, .glossaryTip {
	border-bottom: 1px dashed rgb(168,140,83);
	margin: 0;
	padding: 0;
	cursor: help;
}
.addressCard {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: url(../images/v-card-blank.png) top left no-repeat;
	padding: 6ex 5ex 12ex 5ex;
	margin: 1ex 1ex 1ex 1ex;
}
.coffee {
	background: url(../images/coffee-img.png) top left no-repeat;
}
.doNotDisplay {
  display: none !important;
}
.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}
.offsite {
	background: url(../images/Icon_External_Link_g.png) top right no-repeat;
	padding: 0 17px 0 0;
}
.borderless {
	border:none;
}
/* ##### Header ##### */

#header {
	background-color: rgb(221,216,190);
	margin: 0 0 1ex 0;
	padding: 1ex 1ex 1ex 2.5ex;
	border-bottom: 2px solid Black;
}
.headerTitle {
	margin: 0;
	padding: 0;
	font-family: Papyrus, verdana, helvetica, arial, sans-serif;
	font-style: italic;
}
.headerTitle a {
	color: Black;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;
	font-style: italic;
}
.headerTitle > a {
  font-size: 105%;  /* For fully standards-compliant user agents */
}
.headerLinks {
  font-family: Papyrus, Sylfaen, New Times Roman, serif;
  font-size: 100%;
  position: absolute;
  right: 2ex;
  top: 4.5ex;
}
[class~="headerLinks"] {
  top: 1.75em;  /* For fully standards-compliant user agents */
}
.headerLinks a {
	color: Black;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0 1ex;
}
.headerLinks a:hover {
	color: Black;
	background-color: transparent;
	text-decoration: underline;
}

/* ##### Left Sidebar ##### */

#menu {
	font-size: 100%;
	text-align: right;
	width: 17em;
	float: left;
	clear: left;
}
.menuSecTitle {
	color: Black;
	background-color: rgb(241,237,215);
	font-family: Papyrus, Sylfaen, New Times Roman, serif;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 0.5ex 1.5ex 0.5ex 0.5ex;
	border-top: 2px solid Gray;
	border-bottom: 1px solid Gray;
}
#menu ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}
#menu li {
  margin: 0;
  padding: 1ex 1em 1ex 0.5ex;
  text-align: right;
  border-top: 1px solid rgb(128,128,128);
}
#menu a {
  color: rgb(166,140,83);
  background-color: transparent;
  text-decoration: none;
}
#menu a:hover {
	color: rgb(128,128,128);
	background-color: transparent;
	text-decoration: none;
}
.contentMenuTitle {
	color: Black;
	background-color: rgb(241,237,215);
	font-family: Papyrus, Sylfaen, New Times Roman, serif;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 0.5ex 1.5ex 0.5ex 0.5ex;
	border-top: 2px solid rgb(128,128,128);;
	border-bottom: 1px solid rgb(128,128,128);;
}
.secSubTitle {
	color: Black;
	background-color: #F7F5E9;
	font-family: Papyrus, Sylfaen, New Times Roman, serif;
	font-size: 105%;
	font-weight: bold;
	margin: 0;
	padding: 0.5ex 1.5ex 0.5ex 0.5ex;
	border-top: 1px solid rgb(128,128,128);
	border-bottom: 0;
}
.menuSecEnd {
	margin: 0;
	padding: 1ex 1.5ex;
	display: block;
	border-top: 1px solid rgb(128,128,128);
}
.menuEnd {
  margin: 0;
  padding: 1ex 1.5ex;
  display: block;
  border-top: 1px solid rgb(128,128,128);
}


/* #####  ##### */
.sideBarText {
  text-align: left;
  margin: 0;
  padding: 1ex 1.5ex;
  display: block;
  border-top: 1px solid rgb(128,128,128);
}
#side-bar .sideBarText a {
  text-decoration: underline;
}
#side-bar .sideBarText a:hover {
  text-decoration: none;
}

/* ##### Right Sidebar ##### */

#rightSideBar {
	clear: right;
	float: right;
	width: 32ex;
}
#toolBox {
	margin-top: 0ex;
}
#rightInfoBox {
	position: relative;
	float: right;
	right: 1%;
	width: 17.00%;
	background-color: inherit;
	border: 1px;
	border-style: solid;
	border-color: Grey;
	margin-top: 5ex;
}

/*see rightMenu for anchor style */

/* ##### Main Copy ##### */

#main-copy {
	text-align: justify;
	line-height: 1.5em;
	margin: 0 5mm 0 13em;
	padding: 0 1em 1ex 1em;
}
p {
  margin: 0em 0 1.5em 0;
  padding: 0;
}
.whiteBox {
	color: rgb(115,115,115);
	background-color: #ffffff;
	margin: 0 18em 1em 4em;
	padding: 2ex 4em 0.25em 4em;
	border: 1px solid rgb(130,130,130);
}
.lightBox {
	color: rgb(115,115,115);
	background-color: #FDFBF4;
	margin: 0 18em 1em 4em;
	padding: 2ex 4em 0.25em 4em;
	border: 1px solid rgb(128,128,128);
}
.darkBox {
	color: rgb(115,115,115);
	background-color: #F9F5EB;
	margin: 0 18em 1em 4em;
	padding: 2ex 4em 0.25em 4em;
	border: 1px solid rgb(128,128,128);
}
.sandBox {
	color: #454545;
	background-color: rgb(243,242,235);
	margin: 0 18em 1em 4em;
	padding: 2ex 4em 0.25em 4em;
	border: 1px solid rgb(128,128,128);
}
.viewBox {
	color: Silver;
	background-color: #535353;
	margin: 0 18em 1em 4em;
	padding: 2ex 4em 0.25em 4em;
	border: 1px solid rgb(128,128,128);
}
.newsBox {
	color: rgb(115,115,115);
	background-color: #ffffff;
	margin: 0 18em 1em 4em;
	padding: 2ex 4em 0.25em 4em;
	border: 1px solid rgb(130,130,130);
}

#main-copy #newsbox h3 {
	color: #282828;
}
#main-copy h1, #main-copy h2, #main-copy h3, #main-copy h4, #main-copy h5, #main-copy h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 136%;
	margin: 0.25em 0 0 0;
	padding: 0;
}
#main-copy h2 {
	font-size: 126%;
	margin: 0.25em 0 0 0;
}
#main-copy h3 {
	font-size: 115%;
	margin: 0.25em 0 0 0;
}
#main-copy h4 {
	font-size: 100%;
	margin: 0.25em 0 0 0;
}
#main-copy h5 {
	font-size: 90%;
	margin: 0;
}
#main-copy h6 {
	font-size: 80%;
}
#main-copy a {
	color: rgb(79,66,04);
	background-color: inherit;
	text-decoration: underline;
	display: inline;
}
#main-copy a:hover {
	color: rgb(79,66,04);
	background-color: inherit;
	text-decoration: underline;
}
#main-copy a:visited {
	color: Olive;
	background-color: inherit;
	text-decoration: underline;
}
dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}
dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}
.alignLeft {
	float: left;
	margin:1ex 3ex 1ex 0
}
.alignRight {
	float: right;
	margin:1ex 0 1ex 3ex;
}
.alignLeft {
	float: left;
	margin:1ex 3ex 1ex 0
}
.navMenu {
	color: rgb(166,140,83);
	background-color: transparent;
	font: bold 90%;
	font-style: italic;
	text-align: right;
}
.navMenu a:visited {
	color: rgb(166,140,83);
}

/* ##### Footer ##### */
#footer {
  color: black;
  background-color: rgb(221,216,190);
  font-size: 85%;
  margin: 0;
  padding: 1.25ex 4mm;
  clear: both;
}
#footer .left {
  color: white;
  float: left;
  clear: left;
}
#footer .right {
	color: black;
  text-align: right;
}
#footer .right a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}
#footer a:hover {
  text-decoration: none;
}

