﻿/* ----------- ASTRO CSS ----------- */
/* Version 2.0 */

/* ----------- Start Main ----------- */
	html, body {
        height:auto !important;
        height:100%; 
        min-height:100%;
		}
	body {
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 0px 0px;
		background: #6d8a2e;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}		
	#main {
		width: 890px;
		background: #ffffff;	 
		}
	#content table, #content table td, #content table tr {
		vertical-align: top;
		border-color: #CCCCCC;
		}	  
/* ----------- End Main ----------- */


/* ----------- Start Header ----------- */	
	#header {
		vertical-align: top;
		}
	.header_logo {
		width: 250px; /* Controls the width of the entire column (Logo, Main Navigation, Member Login) */
		height:93px;
		background-image: url(/_design/images/header_logo.gif);
		background-repeat: no-repeat;
		}
	.logo_mask {
		float: left;
		width: 250px;
		height: 93px;
		cursor: pointer;
		}
	.header_controls {
		padding-right: 24px;		
		text-align: right;
		color: #c1bb5b;
		}
	.header_controls a:link, .header_controls a:visited {
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		color: #535353;
		text-decoration: none;
		padding-top: 3px;
		}	
	.header_controls a:hover {
		color: #3c3c3c;
		}	
	.header_controls img {
		border: 0px;
		}
	#topMembership {
		padding-top: 10px;
		padding-bottom: 5px;
		}
	#search {
		padding-top: 5px;
		padding-bottom: 5px;
		}
	#topLinks {
		padding-top: 5px;
		padding-bottom: 10px;
		}
/* ----------- End Header ----------- */	


/* ----------- Start Main Navigation ----------- */
	.main_nav { /* Merged  */
		vertical-align: top;
		height: 338px;
		width: 216px;
		background-image: url(/_design/images/main_nav_bg.gif);
		background-repeat: no-repeat;
		}
	.main_nav_top { /* First Part */
		vertical-align: top;
		height: 101px;
		background-image: url(/_design/images/main_nav_bg_top.gif);
		background-repeat: no-repeat;
		}
	.main_nav_bottom { /* Second Part */
		vertical-align: top;
		height: 240px;
		background-image: url(/_design/images/main_nav_bg_bottom.gif);
		background-repeat: no-repeat;
		}
	#menu_break{
		height:42px; width:100px; border:0px solid #CCCCCC;	     
		}
	.main_nav a:link, .main_nav a:visited, .main_nav_top a:link, .main_nav_top a:visited, .main_nav_bottom a:link,	.main_nav_bottom a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #273454;
		text-decoration: none;
		}
	.main_nav a:hover, .main_nav_top a:hover, .main_nav_bottom a:hover {
		color: #3c3c3c;
		}
	#main_nav_list { /* List */
		float: left;
		margin-left: 15px;
		padding-left: 15px;
		list-style: none;
		line-height: 20px;
		}
	#main_nav_list li { /* Bullets */
		padding-left: 20px;
		background-image: url(/_design/images/main_nav_bullets.gif);
		background-repeat: no-repeat;
		background-position: 0 .7em; line-height:21px;
		}
/* ----------- End Main Navigation ----------- */


/* ----------- Start Welcome Note and Index Image ----------- */
	.welcome {
		background-image: url(/_design/images/welcome_note.gif);
		background-repeat: no-repeat; margin: 0px 0px 0px 0px ;
		padding: 17px 0px 10px 285px;
		color: #ffffff;
		font-size: 13px;
		}	
	.welcome a:link, a:visited {
		color: #6d8a2e;
		text-decoration: none;		
		}	
	.welcome a:hover {
		color: #ffffff;
		text-decoration: underline;		
		}	
	.index_img {
		vertical-align: top;
		}		
/* ----------- End Welcome Note and Index Image ----------- */


/* ----------- Start Member Login ----------- */
	.login {
		width: 216px;
		vertical-align: top;
		padding-left: 24px;
		font-weight: bold;
		color: #545454;
		cursor: default;
		}
	.login form {
		padding: 0px;
		margin: 0px;
		}	
	.login input {
		height: 12px;
		padding: 2px 0px 3px 0px;
		}	
	.login_button {
		vertical-align: top;
		padding: 2px 0px 3px 0px;
		}
	.forgot_password {
		color: #758733;
		font-weight: normal;
		}
	.login a:link, .login a:visited {
		color: #6e8a33;
		font-weight: bold;
		text-decoration: none;
		}
	.login a:hover {
		color: #576d29;
		}				
/* ----------- End Member Login ----------- */


/* ----------- Start ASTRO Latest News and Events ----------- */
	.latest_news {
		vertical-align: top;
		padding-top: 45px;
		padding-right: 15px;
		padding-left: 15px;
		background-image: url(/_design/images/latest_news.gif);
		background-repeat: no-repeat;
		background-position: 15px top;
		height: 230px; /* Controls the height of the entire <tr> */
		width: 300px;
		color: #555555;
		}	
	.events {
		vertical-align: top;
		padding-top: 45px;
		padding-right: 30px;
		background-image: url(/_design/images/events.gif);
		background-repeat: no-repeat;
		background-position: left 1px;
		width: 310px;
		color: #555555;
		}	
	.latest_news a:link, .latest_news a:visited, .events a:link, .events a:visited { /* Read more Button */
		padding-left: 16px;
		color: #2e375e;
		font-weight: bold;
		background-image: url(/_design/images/arrow_bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 .4em;
		text-decoration: none;
		}	
	.latest_news a:hover, events a:hover {
		color: #4c5372;
		}	
/* ----------- End ASTRO Latest News and Events ----------- */


/* ----------- Start Container ----------- */
	#container {
		float: left;
		width:625px;
		border: 1px solid #000000;	
		vertical-align: top;
		}
	#title{
		border: 0px solid #000000;	
		float: left;	
		width: 595px;
		}
	.section_title {
		float: left;
		width: 590px;
		padding-top: 15px;
		margin-left:0px;/*30px*/
		color: #92ac55;
		font-size: 18px;
		font-family: Arial, sans-serif;
		border: 0px solid #000000;	
		}	
/* ----------- Start Path ----------- */		
	.path {
		float: left;
		width: 595px;
		margin-left:0px;/*30px*/
		margin-top: 5px;
		color: #92ac55;
		font-size: 10px; 
		}
	.path a, a:visited{
		color: #92ac55;
		}		
	.path a:hover {
		color: #20286c;
		}
/* ----------- End Path ----------- */		
	.dotted_line {
		float: left;
		width: 595px;
		background-image: url(/_design/images/section_hr.gif);
		background-repeat: repeat-x;
		background-position: 0 .4em;
		height: 1px;
		margin-left: 0px;/*30px*/
		padding-top: 15px;
		margin-top: 5px;margin-bottom: 8px;
		}
	#print {
		margin:16px 0px 0px 0px;
		padding-left:0px;
		visibility: visible;
		border:0px solid #000000;		
		}
	#tblContainer_main {
		border: 0px solid #ccfff0; /* for future use */
		} 
	#tblContainer_body{
		border: 0px solid #000000; /* for future use */
		} 
	#tblContainer_body td {
		margin: 0px 0px 0px 0px;
		padding: 0px 2px 0px 0px; /*color: #595959;*/
		}

	#table td {
		padding: 0px;
		}
	.td_container_left {
		padding-left:15px; /*color: #595959;*/
		} 
	/*
	#tblContainer_body td a:link,a:visited{
		color:#acacac;
		text-decoration: none;
		}
	#tblContainer_body td a:hover {
		color:#949494;
		}
	*/
	
	#content {
		float: left;
		width: auto;/*400px*//*width: 400px*/		
		margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px;
		color: #595959;		
		border: 0px solid #ccfff0;/*remove later or change to ffffff*/
		vertical-align:top;
		}	
	#tblContainer_body p {
		margin: 0px;
		padding-bottom: 10px;
		}
	
	#tblContainer_body p.Title2, #tblContainer_body p.Title3, #tblContainer_body p.Title4 {
		margin: 0px;
		padding-bottom: 0px;
		}

	#content a:link, #footer a:visited {
		color:#acacac; /*acacac*/
		text-decoration: none;
		}


	#content a:hover {
		color:#949494;
		}
	#content ul {
		list-style: disc;
		margin-bottom: 6px;
		margin-top: 0px;
		} 
	#content li { /* Bullets */
		font-weight: normal;
		margin-left: -12px;
		padding: 0px;
		}
	/*#content */hr {
	height: 1px;
	border: 0;
	color: #bad186;
	background-color: #bad186;
	margin: 10px 0px 10px 0px;
	background-repeat: repeat;
	width: 100%;
		}
	#tblContainer_body {
		color: #595959;
		}		
	#tblContainer_body a:link, #tblContainer_body a:visited {
		color: #6d8a2e; /*20286c*/
		text-decoration: underline;
		}
	#tblContainer_body a:hover {
		color: #4c5372;
		text-decoration: none;
		}
	/* ----------- Start Universal Table ----------- */
	#tbl {
		border-right: 1px dotted #000000;
		border-bottom: 1px dotted #000000;
		margin-bottom: 5px;
		margin-top: 5px;
		vertical-align: top;
		}
	#tbl td.tbl_remove_top_left_corner {
		border-left: none;
		border-top: none;
		background: #ffffff;
		}
	#tbl td {
		border-left: 1px dotted #000000;
		border-top: 1px dotted #000000;
		padding: 3px;
		}	
	#tbl .tbl_hl_cell_1{
		background: #385891;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		}		
	#tbl .tbl_hl_cell_2{
		background: #e6e6e6;
		font-size: 11px;
		font-weight: bold;
		}		
	#tbl .tbl_hl_cell_3{
		background: #fef9e0;
		font-size: 11px;
		font-weight: bold;
		}
		
	#tbl .tbl_hl_cell_4{
		background: #def3fc;
		font-size: 11px;
		font-weight: bold;
		}
	/* ----------- End Universal Table ----------- */


/* ----------- Start Sub Navigation ----------- */
	.right_container {
		float: right;
		width: 170px;
		border: 0px dashed #877c44;
		margin: 0px 0px 0px 0px;
		}
	#related_links {
		float: right;
		width: 140px;
		margin: 30px 1px 0px 10px;
		padding: 20px 0px 0px 20px; 
		border: 0px dashed #d5e7f8;/*remove later or change to ffffff*/
		/* temp placeholder; replace with img called "Related Links" or "Related Info"*/
		background-image: url(/_design/images/related_links_Old.gif);
		background-repeat: no-repeat;
		background-position: left top;
		visibility:hidden;
		}		
	#related_links_show {
		float: right;
		width: 150px;
		margin: 30px 1px 0px 10px;
		padding: 20px 0px 0px 0px; 
		border: 0px dashed #000000;/*remove later or change to ffffff*/
		/* temp placeholder; replace with img called "Related Links" or "Related Info"*/
		background-image: url(/_design/images/related_links.gif);
		background-repeat: no-repeat;
		background-position: left top;
		}
	#sub_nav a.inactive {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #CCCCCC; font-weight:normal;
		text-decoration: none;
		border-bottom: 0px;
		}
	#sub_nav a.incomplete {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #006633; font-weight:normal;
		text-decoration: none;
		border-bottom: 0px;
		}	

/* Start Links */	

	.submenu
	{
		border-top: 1px solid #cccccc;
	}
	
	.submenu_table hover
	{
		background: #e8f3d0;
	}
	
	#sub_nav a:link, #sub_nav a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #505958;
		text-decoration: none;
		}
	#sub_nav a:hover {
		color: #92ac55;
		text-decoration: none;
		}
	
	#sub_nav li:hover, #sub_nav li li:hover, #sub_nav li li li:hover, #sub_nav li li li li:hover {
		background: #e8f3d0;
		}
		
	#sitemap a:link
	{
		text-decoration: none;
	}
	
	

/* End Links */	

	
	/* New, added  for testing sub-nav, 12/8/06 NS*/
			
		#sub_nav {
		margin-left: 5px;
		min-height: 300px;
		}
		
		#sub_nav ul, #sub_nav ul ul, #sub_nav ul ul ul, #sub_nav ul ul ul ul {
		list-style-type: none;
		position: relative;
		}
		
		#sub_nav #tmenu0 .level1, #sub_nav #tmenu0 .level2, #sub_nav #tmenu0 .level3 {
		list-style-type: none;
		position: relative;
		}
		
		#sub_nav #tmenu0 li { /* Bullets */
		padding: 3px 0px 3px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: bold;
		border-bottom: 1px solid #cccccc;
		}
	
		#sub_nav #tmenu0 #level2 li {
		padding: 0px 0px 0px 0px;
		font-weight: normal;
		border-bottom: none;
		}
		
		#sub_nav #tmenu0 #level3 li{
		background-image: url(/_design/images/level2_arrow.gif);
		background-repeat: no-repeat;
		background-position: left 4px;
		padding: 0px 0px 0px 8px;
		margin: 0px 0px 0px -5px;
		font-weight: normal;
		}
		
		#sub_nav #tmenu0 #level4 li{
		background-image: url(/_design/images/level3_arrow.gif);
		background-repeat: no-repeat;
		background-position: left 4px;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 0px -3px;
		font-weight: normal;
		}
		
	/* End 12/8/06 NS*/
	
/* ----------- End Sub Navigation ----------- */


/* ----------- Start Related Links ----------- */
	

/* ----------- End Related Links ----------- */

/* ----------- End Container ----------- */

		
/* ----------- Start Footer ----------- */

	.tblfooter{}
	#lastUpdated {
		color: #c0c0c0;
		font-weight: normal;
		height: 20px;
		cursor: default;
		margin: 40px 0px 10px 0px; /*30px;*/
		}
	#footer {
		font-size: 9px;
		color:#848484;
		font-weight: bold;
		height: 40px;
		cursor: default;
		margin: 10px 0px 10px 30px;
		border: 0px solid #9fa0a2;
		}	
	#footer a:link, #footer a:visited {
		font-size: 9px;
		color:#848484;
		text-decoration: none;
		}
	#footer a:hover {
		color:#949494;
		}
	.copyright {
		background-image: url(/_design/images/footer_hr.gif);
		background-repeat: no-repeat;
		background-position: 0px 0;
		padding: 5px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		}	
	.address {
		color: #676767;
		font-weight: normal;
		}
	
/* ----------- End Footer ----------- */

/* ----------- Start Special Text ----------- */
.veryimportant_title {
		color: #92ac55;
		font-size: 14px;
		font-family: Arial, sans-serif;
		border: 0px solid #000000;	
		}	
.veryimportant_text {
		color: #92ac55;
		font-size: 12px;
		font-family: Arial, sans-serif;
		
		}	
		
		h9 {
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, sans-serif;
		padding: 0px;
		margin: 0px;
		color: #2d375a;
		}
	h10{
		font-size: 12px;
		font-weight: bold;
		font-family: Arial, sans-serif;
		padding: 0px;
		margin: 0px;
		color: #385891;
		}
		
.veryimportant_titlebl {
	color: #2e375e;
	font-size: 14px;
	font-family: Arial, sans-serif;
	border: 0px solid #000000;
	font-weight: bold;				
		}
	.veryimportant_textbl {
	color: #2e375e;
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: bold;
		}	
/* ----------- End Special Text ----------- */

/* ----------- Start Special Buttons ----------- */
.vote_button  {
	background-image: url(/_design/images/form_button_off.gif);
	background-repeat: repeat-x;
	border: 1px solid #58721f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #58721f;
	text-decoration: none;
	
	
	}
#button a:link, #button a:visited {
	
	background-image: url(/_design/images/form_button_off.gif);
	background-repeat: repeat-x;
	border: 1px solid #58721f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #58721f;
	text-decoration: none;
	padding: 3px;
	
	}
	
.vote_button:hover, .vote_button a:hover {
	background-image: url(/_design/images/form_button_on.gif);
	background-repeat: repeat-x;
	border: 1px solid #335b89;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #335b89;
	text-decoration: none;
	}
	
#button a:hover, #button a:active {
	background-image: url(/_design/images/form_button_on.gif);
	background-repeat: repeat-x;
	border: 1px solid #335b89;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #335b89;
	text-decoration: none;
	padding: 3px;	
	}
	
	.bluebtn {
	
	background-image: url(/_design/images/form_button_on.gif);
	background-repeat: repeat-x;
	border: 1px solid #98bbe3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #335b89;
	}
/* ----------- End Special Buttons ----------- */
/*Photo Gallery*/
#p7GSsc ul {
	margin:0;
	padding:0;
	position:relative;
}
#p7GSsc li{
	margin:0;
	padding:0; /* do not use padding or margin on li, use margin and padding on img */
	list-style-type: none;
	display:inline;
}
#p7GSsc img {
	padding: 6px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
	opacity: 1;
	filter: alpha(opacity=100);
	margin: 6px 6px;
}