/* GENERAL */
a, img {
    border:none;
    outline:none
}
html, body {
	margin: 0px;
	height: 100%;
}
body {
    background-color: #343434;
font-family: "Verdana", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
color: #acaccc;
}
.body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
    background-color: #343434;
}
.body_title {
    padding-top:0px;
    padding-bottom:5px;
    font-size: 24px;
    text-align:left;
    font-weight: normal;
    font-family: Myriad, Arial, Helvetica, sans-serif;
    /*border-bottom-color:#2f3245;
    border-bottom-width: 2px;
    border-bottom-style: solid; */
    color: lightgray;
}
.body_title2 {
    padding-top:0px;
    padding-bottom:5px;
    font-size: 18px;
    text-align:left;
    font-weight: normal;
    font-family: Myriad, Arial, Helvetica, sans-serif;
    color: lightgray;
}
.body_text3 {
    font-family: "Myriad-Pro-Light",Myriad,Helvetica, Arial, sans-serif;
    color: #acaccc;
    font-size: 18px;
    font-weight: 200;
}
large
{
    font-size: 16px;
    font-weight: normal;
    font-family: Myriad, Arial, Helvetica, sans-serif;
    color: lightgray;
}
med
{
    font-size: 16px;
    font-weight: normal;
    color: #2f3245;
}
/* text for new articles, faqs, contact page */
small {
    font-size: 14px;
    /*line-height: 20px;*/
    font-family: "Verdana", Verdana, Helvetica, Sans-Serif;
    /*font-weight: 200;*/
    color: lightgray;
}

.nav_back {
  	/*border-left: solid 1px #2f3245;*/
	border-right: solid 2px #2f3245;
    padding-left: 35px;
}
a.nav_item {
	font-size: 18px;
    font-weight: normal;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: lightgray;
}
a:link {
    color: lightgray;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
    color: lightgray;
}
a:hover {
    color: #5a648c;
    text-decoration: none;
}
a.link {
    text-align:center;
	font-size: 15px;
    font-weight: normal;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #f7941d;
}
a.linksmall {
    text-align:center;
    font-size: 13px;
    font-weight: normal;
    font-family: Myriad, Arial, Helvetica, sans-serif;
    color: #f7941d;
}

a.link:hover {
    color: #f7941d;
    text-decoration: underline;
}
a.alertlink {
    text-align:center;
    font-size: 15px;
    font-weight: normal;
    font-family: Myriad, Arial, Helvetica, sans-serif;
    color: gold;
}
a.alertlink:hover {
    color: gold;
    text-decoration: underline;
}

a.title {
	font-size: 18px;
    font-weight: normal;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #f7941d;
}
a.title:hover {
    color: #f7941d;
    text-decoration: underline;
}
p {
    margin-top: 4pt;
    margin-bottom: 4pt;
}
p.gray
{
    color: gray;
}
p.caption {
    font-size: 12px;
    font-style: italic;
    color: lightgray;
}

/* NEWS */
.news-table
{
	font-size: 14px;
	margin: 0px;
	width: 730;
	text-align: left;
	border-collapse: collapse;
}
.news-table tr
{
	border-top-width: 1px;
	border-top-style: solid;
	border-color:#2f3245;
}
.news-table td
{
	border-top-width: 1px;
	border-top-style: solid;
	border-color:#2f3245;
	padding: 5px 5px;
	color: lightgray;
}

/* ARTICLE FOR NEWS AND CALENDAR SECTIONS*/
.article-table
{
    font-size: 14px;
    margin: 0px;
    width: 730;
    text-align: left;
}
.article-table td
{
    padding: 10px 15px;
    color: lightgray;
}

/* ABOUT and TELESCOPE*/
.about-table
{
	font-size: 14px;
	margin: 0px;
	width: 720;
	text-align: left;
	border-collapse: collapse;
}
.about-table td
{
	padding: 5px 5px;
	color: lightgray;
}

/* FAQS */
.edit-table
{
    font-size: 14px;
    margin-left: 20px;
    width: 700;
    text-align: left;
}
.edit-table td
{
    padding: 5px 5px;
    color: lightgray;
}

/* LOGIN */
.login-table
{
    font-size: 14px;
    margin: 0px;
    width: 730;
    text-align: center;
}
.login-table td
{
    padding: 5px 5px;
    color: lightgray;
}


/* STARGAZING CALENDAR */
.starcalendar    {
    margin-top:2px;
}
.starcalendar table    {
    border-collapse: collapse;
    background: white;
}
.starcalendar th    {
    padding: 8px 0;
}
.starcalendar thead    {
    background:steelblue;
    color: #fff;
}
.starcalendar table tr td     {
    padding: 4px;
    margin: 2px;
    height: 80px;
    width: 100px;
    border: 1px solid #2f3245;
    vertical-align: top;
}
.starcalendar table tr td div    {
    padding: 1px 2px;
}
.starcalendar table tr .monthbutton    {
    font-size: 18px;
}
.starcalendar a    {
    font-size: 10px;
    text-decoration: none;
    color: #32302c;
    padding: 0px;
    text-align: center;
}
.starcalendar a:hover    {
    text-decoration: underline;
}
.starcalendar table tbody a    {
    color: #32302c;
    text-decoration: none;
}
.starcalendar table tbody a:hover    {
    color: #32302c;
    text-decoration: underline;
}
.starcalendar table tr.day td    {
    padding: 3px;
    margin: 0px;
    height: 100%;
    font-size: 12px;
    font-family: Myriad, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
}
.starcalendar th a.px    {
    color: #f7941d;
}
.starcalendar th a:hover.caldark    {
    background: none;
    color: #cccccc;
}
.starcalendar .date    {
    color: #32302c;
    font-weight: bold;
    font-size:10px;
    padding: 0px 3px;
    text-align: left ;
    margin:0px;
}
.fakelink    {
}
.fakelinkhover    {
    background: #aaaaaa;
}
.caltitlewrap    {
    margin-bottom: 2px;
    color: #32302c;
    text-align: center ;
    font-size: 10px;
    border-color:#2f3245;
}
.caltitlewrap:hover {
    background:#aaaaaa;
}
.caltitlewrap_gray    {
    background: #eeeeee;
 }
.caltitlewrap_blank    {
    background: #39506f;
}
.starcalendar_event {
    vertical-align: top;
    padding: 10px;
    font-size: 14px;
    font-family: Myriad, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
    color: #32302c;
}
img.starcalendarimage
{
    float: center;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    width:72px;
}
.howtofind-table
{
    width:700px;
    border:0px;
    font-size:12px;
    margin-left:144px;
    margin-top:0px;
    padding:0px;
    padding-top:10px;
    border-spacing: 0;
    border-collapse: collapse;
}
.howtofind-table td
{
    padding: 8px 10px;
    color: lightgray;
}


/* IMAGE HANDLING */
img.smallleft
{
float: left;
margin-top: 5px;
margin-left: 4px;
margin-right: 20px;
margin-bottom: 5px;
border:6px solid #4e5f7e;
}

img.smallright
{
float: right;
margin-top: 5px;
margin-left: 20px;
margin-right: 4px;
margin-bottom: 5px;
border:6px solid #4e5f7e;
}
img.smalllefttight
{
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 20px;
    margin-bottom: 4px;
    border:4px solid #4e5f7e;
}

img.smallrighttight
{
    float: right;
    margin-top: 4px;
    margin-left: 20px;
    margin-right: 4px;
    margin-bottom: 4px;
    border:4px solid #4e5f7e;
}
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* PAGINATION */
ul{border:0; margin:0; padding:0;}

td.pagination { 
    border:0; 
    margin:0; 
    padding:0;
    list-style:none;
    font-size:12px;
    margin-right:2px;
}
a.pagination {
    border:solid 1px #39506f;
    margin-right:2px;
}
a.pagination:link,
a.pagination:visited {
    color:gray;
    display:block;
    padding:3px 6px;
    text-decoration:none;
}
a.pagination:hover{
    border:solid 1px #4e5f7e;
}

/* TABS */
/* Style the tab */
.tab {
    overflow: hidden;
    background-color: #39506f;
}
/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border:solid 1px steelblue;
    outline: none;
    cursor: pointer;
    padding: 6px 10px;
    transition: 0.3s;
    font-size: 14px;
    color: lightgray;
}
/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ccc;
    color: black;
}
/* Create an active/current tablink class */
.tab button:active {
    background-color: steelblue;
    color: lightgray;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 0px 12px;
    border-top: none;
}
.tabcontent_dso {
    display: none;
    padding: 0px 12px;
    border-top: none;
}

/* LINKS */
.mainnav {
    overflow: hidden;
    background-color: #39506f;
}
/* Style the buttons inside the tab */
a.mainnav {
    background-color: inherit;
    float: left;
    border:solid 1px steelblue;
    outline: none;
    cursor: pointer;
    padding: 4px 4px;
    transition: 0.3s;
    font-size: 14px;
    color: lightgray;
    width: 100px;
    text-align:center;
}
/* Change background color of buttons on hover */
a.mainnav:hover {
    background-color: #ccc;
    color: black;
}
/* Create an active/current tablink class */
a.mainnav_selected {
    background-color: steelblue;
    float: left;
    border:solid 1px steelblue;
    outline: none;
    cursor: pointer;
    padding: 4px 4px;
    transition: 0.3s;
    font-size: 14px;
    color: lightgray;
    width: 100px;
    text-align:center;
}
/* map */
.mapbutton {
    background-color: steelblue;
    text-align:center;
}
/* Style the buttons inside the tab */
.maplinks {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}
.mapbutton button {
    background-color: steelblue;
    border:solid 1px steelblue;
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    margin: 0px;
   transition: 0.3s;
    font-size: 12px;
    color: lightgray;
}
.mapbutton button:hover {
    background-color: #396a93;
    color: lightgray;
}
.mapbutton button:active {
    background-color: #396a93;
    border:solid 1px #396a93;
    color: black;
}
.mapbutton img {
    height:16px;
    margin-top:4px;
}
.mapbuttonsmall button {
    background-color: steelblue;
    border:solid 1px steelblue;
    outline: none;
    cursor: pointer;
    padding: 2px 5px;
    margin: 0px;
    transition: 0.3s;
    font-size: 12px;
    color: lightgray;
}
.mapbuttonsmall button:hover {
    background-color: #396a93;
    color: lightgray;
}
.mapbuttonsmall button:active {
    background-color: #396a93;
    border:solid 1px #396a93;
    color: black;
}
/* dropdown menu */
.dropbtn {
    background-color: steelblue;
    color: white;
    padding: 5px 5px;
    font-size: 14px;
    border: none;
    -webkit-user-select: none;
}
.dropup {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
}
.dropup-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 120px;
    bottom: 32px;
    z-index: 1;
}
.dropup-content a {
    color: black;
    padding: 6px 6px;
    text-decoration: none;
    text-align:left;
    display: block;
}
.dropup-content a:hover {background-color: #ccc}
.dropup:hover .dropup-content {
    display: block;
}
.dropup:hover .dropbtn {
    background-color: #396a93;
    color:black;
}
/* Optional: a class to force it hidden (temporarily override hover) */
.hidden {
  display: none !important;
}
/* skymap */
#MapCanvas {
    float: left;
    margin-top:10px;
    margin-left:53px;
    margin-right: 0px;
    margin-bottom: 5px;
}
#MapButtonBarID {
    width:400px;
    margin-left:290px;
    margin-bottom:0px;
    text-align:center;
    padding:0px;
    border-spacing: 0;
    border-collapse: collapse;
}
table.timebar {
    background-color: steelblue;
    width:700px;
    margin-left:140px;
    margin-bottom:4px;
    text-align:center;
    padding:0px;
    border-spacing: 0;
    border-collapse: collapse;
}

/* sunmoon */
#SunMoonCanvas {
    float: left;
    margin-top:10px;
    margin-left:144px;
    margin-right: 20px;
    margin-bottom: 5px;
    border:6px solid #4e5f7e;
}
#SunMoonDateID {
    font-size:16px;
    width:250px;
}
#SunMoonRatingID {
    width:70px;
    text-align:center;
    background-color: #2e3144;
}
#SunMoonStarImgID {
    height:18px;
}
#SunMoonStarID {
    width:110px;
    border: 1px solid #3b475f;
}
#SunMoonStatsID {
    width:320px;
    text-align:left;
    border: 1px solid #3b475f;
}
#SunMoonPhaseID {
    width:200px;
    font-size: 18px;
}
#SunMoonForecastID {
    border: 1px solid #3b475f;
}
#SunMoonImgMoonID {
    height:36px;
}
#SunMoonForecastMoonID {
    border: 1px solid #3b475f;
}
/* deep space */
#DeepSpaceDateID {
    font-size:16px;
    width:250px;
    text-align:center;
}
/* solar system */
#SolarSystemDateID {
    font-size:16px;
    width:250px;
    text-align:center;
}

/* inline images */
.inline_nav {
    display: inline;
}

.inline_container {
    margin: auto;
    width: 500px;
}
.inline_image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}