
/******************* All Screen Sizes  **********************/
/************************************************************/

/*** CSS Reset  ***/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {padding:0;margin:0;font-size:100%;font-weight:normal;}
ol {margin-left:1.4em;list-style:decimal;}
ul {margin-left:1.4em;list-style:square;}
img {border:0;}
/*** end CSS Reset ***/

body {background-color: #ffffff;}
h1 {font-size: 2em; font-weight: bold; margin-bottom: 1em;}
h2 {font-size: 1.5em; font-weight: bold; margin-bottom: .75em;}
h3 {font-size: 1.2em; font-weight: bold; margin-bottom: .5em;}
#secret_header, #secret_header2, #secret_header3, #secret_header4 {display: none;}
/*.content_header, .new_header {font-size: 2em;}*/
.Main_Logo {
		text-align: center;
		font-family: Georgia, serif;
}
p + p {
  text-indent: 1.5em;
  margin-top: 1em 
}
.p_right {text-align: right;}
.small_print {font-size: .75em;}
.large_print {font-size: 1.25em;}
.non_indent {text-indent: 0;}
.medium_img {margin: 5px; width: 45%;}
.center_img {display: block; margin-left:auto; margin-right:auto;}
.standard_table {border-collapse: collapse;}
.standard_table td {border: 2px solid #435125; align: center;}
.invisible_table {border: none; align: center;}
.invisible_table td {padding: 7px;}
.email_list {list-style:none;	margin:0;}
.photos {background-image: url('../images/rotating/rotating_img5_med.jpg');
	  background-position: left top;
	  background-repeat: no-repeat;
		align: left;
		valign: top;}
#Right_Side {
   width: 55.882%;
	 float: right;
	 border: 5px solid #435125;
	 padding: 0.5%;
	 padding-left: 0.75%;
	 clear: right;
}
#Content {
		padding: 0px;
		margin: 0px;
	  border: none;
}
#Logo_Title a {
    border: none;
		padding-right: 45px;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
}
#Menu_Container {
    padding-left: 2px;
		border: none;
}
#Menu_Main {
	  background-position: center 10px;
	  background-repeat: no-repeat;
}
#Menu_Top {
   float: right;
	 clear: both;
	 width: 400px;
	 border: none;
	 padding-right: 35px;
}
#Menu_Bottom {
   float: right;
	 clear: both;
	 width: 400px;
	 border: none;
	 padding-right: 5%;
}
.Main_Logo {
			 color: #435125;
			 top: 0px;
			 margin-bottom: 0em;
}
/* .Logo_Rule {
				height:7px;
				border:0;
				background-color: #435125;
				padding:0;
			  position: relative;
				top: 0px;
} */

#Show_Hot_Topic {border: 1px solid black; background-color: #FFFF66; margin: 1px; padding: 2px; float: right; clear: right;}
#Hide_Hot_Topic {display: none;}
.hot_topic_info {width: 20px; padding-left: 5px; display: inline-block; vertical-align: top;}
#hot_topic_button {float: right; background-color: red; padding: 0px; margin: 4px; border: 1px solid black; cursor: pointer; font-size: 0.65em;}
.show_info {background-color: #E8E8E8; border: 1px solid #000; margin: 5px; padding: 5px;}

.Medium_Rule {
				height:5px;
				border:0;
				background-color: #435125;
				padding:0;
			  position: relative;
				top: 0px;
				width: 66%;
}
.Small_Rule {
				height:5px;
				border:0;
				background-color: #435125;
				padding:0;
			  position: relative;
				top: 0px;
				width: 33%;
}
.basic_box {width: 80%; margin-left: auto; margin-right: auto; padding: 5px; border: 3px solid #435125;}

#site_map ul {list-style: none;}
#site_map li a, li a:active, li a:hover, li a:visited {text-decoration: none;}

#photo_container {width: 100%; display: block; border: none;}
.photo_list {list-style-type: none;}
.photo_description {border: none; padding-top: 15px;}
.slideshow_img {float: left;}

.hot_topics {list-style-type: none;}  /* The page, not the div  */
.hot_topics_img {width: 15px; padding-left: 23px; padding-right: 5px;}
.smiley_face {width: 1em;}


#survey {width: 100%;}
#survey_fieldset {width: 75%; margin-left: auto; margin-right: auto; border: none;}
#survey_contact {width: 100%; border: none;}
#survey_contact_fieldset {width: 55%; margin-left: auto; margin-right: auto; border: none;}
.survey_fieldset {background-color: #ffffff; border: 3px solid #435125; padding: 2%;}
.survey_back_fieldset {border: none;}
.tooltip_img {cursor: pointer; vertical-align: top; padding-right: 3px;}

/** Main Navigation Menu **/

#nav_options {width:215px; padding-top: 5px; text-align:right; color:#9ac1c9}
#nav_options a {text-decoration:none; color:#9ac1c9}
#nav_options a:hover {color:#000000;}

#Menu_Container {border:none;}

.acc, .acc-n {list-style:none;	margin:0;}
.acc a {display: inline-block; width: 221px;}
.acc-n a {display: inline-block; width: 198px;}
.acc-content ul {padding-left: 20px;}

#acc-parent a { 
  background: #ffffff url(/images/list_square.jpg) no-repeat 0px center;
	background-position: top left;
  font: bold 19px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: #000000;
	cursor: pointer;
  padding: 0px;
  padding-left: 30px;
  text-decoration: none;
  text-shadow: 2px 2px 2px #cccccc;	}  
#acc-parent a:hover {color: #D0D2C4; background-color: #435125;}
#acc-parent, .acc-section {overflow:hidden;} 

#current a {border: 1px solid black;} /* Main menu spans */
.current {border: 1px solid black;}  /* Article chapters */


/**  End Main Nav Menu  **/

/**  Top and bottom menus  **/

.Menu_Top_Bottom ul {margin: 0px; float: right;}
.Menu_Top_Bottom li {display: inline; padding-right: 20px; letter-spacing: 0.25em;}
.Menu_Top_Bottom a:link, a:active, a:visited, a:hover {text-decoration: none; color: black;}
.Menu_Top_Bottom {margin: 0px;}

/** end top and bottom menus  **/


/** Article links, etc. **/

#article_width {visibility: hidden;}
#article_info {display: inline-block; float: right; border: none;}
#article_info p {text-indent: .5em; margin-top: .1em; text-align: right;}
.article_reviewed {color: #808080; font-size: .8em;}

.chapter_menu ul {list-style: none; background-color:#435125; padding: 5px; margin: 1px 1px 2px 5px;}
.chapter_menu ul li a {width: 130px; display: block; background: #FFFFFF url(/images/list_square_15.jpg) no-repeat 0px center; background-position: 2px 3px; padding: 1px; padding-left: 20px;}
.chapter_menu ul li a:link {font-size: 17px; text-decoration: none; color: black;}
.chapter_menu ul li a:active {text-decoration: none; color: black;}
.chapter_menu ul li a:visited {text-decoration: none; color: black;}
.chapter_menu ul li a:hover {text-decoration: none; color: #99cc66; background-color: #435125;}

.chapter_links ul {display: block; list-style:none;}
.chapter_links ul li {display: inline; padding: 3px;}
.chapter_links ul li a {text-decoration: none;}
.chapter_links ul li a:link {text-decoration: none; color: black;}
.chapter_links ul li a:active {text-decoration: none; color: red;}
.chapter_links ul li a:visited {text-decoration: none; color: black;}
.chapter_links ul li a:hover {text-decoration: none; color: red;}
#current_chapter {text-decoration: underline; font-size: 20px; padding: 5px; color: black; font-weight:bold;}
#links_container {width: 100%;}
#chapter_links {border: 1px solid black; width: 275px; margin-left: auto; margin-right: auto;}
/* end article links **/


/** Form fields **/

.form_container {width: 85%; clear: both;}
.form_container input {width: 66%;}
.form_container textarea {width: 80%;}
.show_form {display: none; border: none;}
.form_input_format {display: inline; color: #888888; font-size: .75em;}

.contact_input {
color: #000000;
background: #999966;
border: 1px solid #435125;
overflow: hidden;
}
.contact_label {
font-weight: bold;
}
.ebilling_input {
color: #000000;
background: #999966;
border: 1px solid #435125;
overflow: hidden;
display: block;
}
.ebilling_textarea {
color: #000000;
background: #999966;
border: 1px solid #435125;
overflow: hidden;
display: inline;
}
.ebilling_submit {
color: #000000;
background: #A6D785;
border: 2px outset #435125;
cursor: pointer;
}
.ebilling_fieldset {
border: 2px solid #435125;
background: #ffffff;
padding: 10px;
}
.ebilling_legend {
border: 1px solid #435125;
background: #A6D785;
}
.ebilling_label {
width: 100px;
float: left;
text-align: right;
margin-right: 2px;
display: block;
background: #ffffff;
font-weight: bold;
}

/** end form fields **/

/* Rainbow CSS for headers */

.rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
}
.rainbow span {
		position: absolute;
		top: 0;
		left: 1px;
		display: block;
		white-space: nowrap;
}
a .rainbow span {
   white-space: nowrap;}
.rainbows-highlight {
	color: #fff !important;
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: 2;
}
.rainbows-shadow {
	color: #000 !important;
	display: block;
	position: absolute;
	top: 1px;
	left: 2px; /* can be one or two depending on 90 or 135 degree global light */
	z-index: 3;
}
.back .text .rainbows-shadow {
	color: #fff !important;
	opacity: 0.3;
}
	
/* End Rainbows CSS */

/* Video iframe resizing */
.video-container {
	position: relative;
	padding-bottom: 75%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/* end video iframe resizing */

.layout_button {width: 100px; border: 1px solid black; background: #ffffff; cursor: pointer;}
.layout_button_current {width: 100px; border: 2px solid black; background: #ffffff; text-style: bold; cursor: pointer;}

a.link {color: blue;}
a.link:visited {color: purple;}
a.link_subtle, a.link_subtle:visited {color: #9ac1c9;}
a.link_subtle:hover {color: #000000;}

/****************** Start Media Queries  *******************/
/***********************************************************/


@media screen and (max-width: 499px) {
body {font-size: 100%;}	
h1 {font-size: 1.5em;}
#Container {
   width: 100%;
}
#Wrapper {
   width: 90%;
	 margin-left: auto;
	 margin-right: auto;
}
#Wrapper_Content {
	 width: 100%;
}
#Logo_Title {
    float: left;
    border: none;
		width: 100%;
}
#Menu_Top {
   display: none;
}
#Menu_Bottom {
   display: none;
}
#Menu_Container {
		display: block;
		width: 100%;
}
#Menu_Main {
		border: none;
		width: 100%;
}
#Right_Side {
   width: 100%;
	 clear: both;
}
#Show_Hot_Topic {width: 100%;
}
#Mtn_Img {
		background-image: url('../images/rotating/rotating_img9_sm.jpg');
	  background-position: right bottom;
	  background-repeat: no-repeat;
		background-size: 100%;
		width: 60px;
		height: 92px;
		float: left;
		border: none;
		padding: 5px;
		margin-right: 5px;
		margin-top: 30px;
}
#Mobile_Logo {width: 100%;
}
.Main_Logo {
			 font-size: 155%;
			 padding-left: 0px;
			 padding-right: 0px;
}
#acc-parent a { 
  font: bold 1.75em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  padding: 0px;
  padding-left: 30px;
  text-decoration: none;
  text-shadow: none;
}
#acc-nested a {display: block; width: 100%;}
}

/*********/

@media screen and (min-width: 500px) and (max-width: 674px) {
body {font-size: 100%;}	
h1 {font-size: 1.5em;}
#Container {
   width: 100%;
	 float: right;
}
#Wrapper {
   width: 98%;
	 margin-left: auto;
	 margin-right: auto;
}
#Wrapper_Content {
   float: left;
	 padding: 0px;
	 border: none;
	 width: 100%;
}
#Right_Side {
   width: 55%;
}
#Show_Hot_Topic {max-width: 55%;
}
#Logo_Title {
    float: right;
    border: none;
		width: 55%;
}
#Menu_Top {
   display: none;
	 width: 50.847%;
	 padding-right: 0px;
}
#Menu_Bottom {
   display: none;
	 width: 50.847%;
}
#Menu_Container {
    padding-left: 10px;
		width: 95%;
		border: none;
}
#Mtn_Img {
		background-image: url('https://granitepointtax.com/images/rotating/rotating_img2_med.jpg');
	  background-position: right bottom;
	  background-repeat: no-repeat;
		background-size: 100%;
		width: 150px;
		height: 225px;
		float: left;
		border: none;
		padding: 5px;
		margin-right: 5px;
		margin-top: 20px;
}
#Menu_Main {
		padding: 0px;
		padding-left: 0px;
		padding-top: 100px;
		margin-top: 170px;
    background-image: url('https://granitepointtax.com/images/logo_small.jpg');
	  background-position: center 10px;
	  background-repeat: no-repeat;
		background-size: 98%;
		border: none;
		width: 40%;
}
.Main_Logo {
			 font-size: 155%;
			 padding-left: 20px;
			 padding-right: 0px;
}
#Mobile_Logo {display: none;
}
.acc a {display: block; width: 151px;}
.acc-n a {display: block; width: 128px;}
}

/*********/

@media screen and (min-width: 675px) and (max-width: 767px) {
body {font-size: 100%;}	
#Container {
   width: 100%;
	 float: right;
}
#Wrapper {
   width: 100%;
	 margin-left: auto;
	 margin-right: auto;
	 padding-right: 0px;
}
#Wrapper_Content {
   float: left;
	 padding: 0px;
	 border: none;
	 width: 100%;
}
#Right_Side {
   width: 55%;
}
#Show_Hot_Topic {max-width: 55%;
}
#Mtn_Img {
		background-image: url('https://granitepointtax.com/images/rotating/rotating_img2_med.jpg');
	  background-position: right bottom;
	  background-repeat: no-repeat;
		background-size: 100%;
		width: 150px;
		height: 225px;
		float: left;
		border: none;
		padding: 5px;
		margin-right: 3px;
		margin-top: 7px;
}
#Logo_Title {
    float: right;
    border: none;
		width: 85%;
}
#Menu_Bottom {
	 padding-right: 50px;
}
#Menu_Container {
    padding-left: 10px;
		border: none;
		width: 95%;
}
#Menu_Main {
		padding: 0px;
		padding-left: 0px;
		padding-top: 100px;
		margin-top: 170px;
    background-image: url('https://granitepointtax.com/images/logo_small.jpg');
	  background-position: center 10px;
	  background-repeat: no-repeat;
		border: none;
		width: 40.857%;
}
.Main_Logo {
			 font-size: 200%;
			 padding-left: 100px;
			 padding-right: 0px;
}
#Mobile_Logo {display: none;
}
}

/*********/

@media screen and (min-width: 768px) and (max-width: 944px) {
body {font-size: 100%;}	

#Container {
   width: 100%;
	 float: right;
}
#Wrapper {
   width: 820px;
	 margin-left: auto;
	 margin-right: auto;
	 padding-right: 0px;
}
#Wrapper_Content {
   float: left;
	 padding: 0px;
	 border: none;
	 width: 100%;
}
#Right_Side {
   width: 520px;
}
#Show_Hot_Topic {width: 520px;
}
#Mtn_Img {
		background-image: url('https://granitepointtax.com/images/rotating/rotating_img10.jpg');
	  background-position: right bottom;
	  background-repeat: no-repeat;
		background-size: 100%;
		width: 300px;
		height: 440px;
		float: left;
		border: none;
		padding: 5px;
		margin-right: 3px;
		margin-top: 10px;
}
#Logo_Title {
    float: right;
		width: 525px;
}
#Menu_Container {
    padding-left: 20px;
		border: none;
		width: 95%;
}
#Menu_Main {
		padding: 0px;
		padding-left: 0px;
		padding-top: 100px;
		margin-top: 170px;
    background-image: url('https://granitepointtax.com/images/logo_small.jpg');
	  background-position: center 10px;
	  background-repeat: no-repeat;
		border: none;
		width: 32.857%;
}
#Mobile_Logo {display: none;
}
.Main_Logo {
			 font-size: 300%;
}
}

/*********/

@media screen and (min-width: 945px) {
body {font-size: 100%;}	
#Container {
   width: 100%;
	 float: right;
}
#Wrapper {
   width: 920px;
	 margin-left: auto;
	 margin-right: auto;
	 padding-right: 50px;
}
#Wrapper_Content {
   float: left;
	 padding: 5px;
	 border: none;
	 width: 100%;
}
#Right_Side {
   width: 620px;
}
#Show_Hot_Topic {width: 620px;
}
#Mtn_Img {
		background-image: url('https://granitepointtax.com/images/rotating/rotating_img10.jpg');
	  background-position: right bottom;
	  background-repeat: no-repeat;
		width: 300px;
		height: 435px;
		float: left;
		border: none;
		padding: 5px;
		margin-right: 10px;
}
#Logo_Title {
    float: right;
		width: 525px;
}
#Menu_Container {
    padding-left: 2px;
		width: 95%;
}
#Menu_Main {	
		padding: 0px;
		padding-left: 0px;
		padding-top: 100px;
		margin-top: 170px;
    background-image: url('https://granitepointtax.com/images/logo_small.jpg');
	  background-position: center 10px;
	  background-repeat: no-repeat;
		border: none;
		width: 29%;
}
#Mobile_Logo {display: none;
}
.Main_Logo {
			 font-size: 335%;
}
span#view-full{ display: none; }
span#view-responsive{ display: inline;
}
}
/****************** End Media Queries  *******************/











