/* Jennifer Hrazdil Hua / Morris Place Website */

	@media screen {
	
	#content {
    	width: 95%;
      	margin:0em auto;
	  	text-align: left;
      	max-width: 1024px;}

	#banner{
		background-color:#000000;
		margin: 0px 0px 0.5em 0px;}

	#banner-print{display:none;}

	#date{
		margin:10px 0 10px 0;}  	  	  
		#date-content{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em; 
		line-height:41px; 
		text-align:right; 
		border-top: 1px solid; border-top-color: #ccc;
		border-bottom: 1px solid; border-bottom-color: #ccc; 
		padding: 0em 1em;}			

	#quicklink{
		margin: 0px 0px 10px 0px;
		padding:0px;
		text-align:right;
		top:258px;
		voice-family: "\"}\"";
		voice-family: inherit;}
		#quicklink-content {
		padding: 0em;}

	#navbar{
		float: left;
		width:200px;
		margin:0 0 0 0;
		voice-family: "\"}\"";
		voice-family: inherit;}		
   		#navbar-content{
   		background-color: #fff;
		padding: 0;
		font-family:arial, helvetica, verdana, sans-serif;
	    font-size: 0.8em;}

   #main{
   		margin:0 0 0 200px;
		background:#fff;
		border-left:1px solid #ccc;
		voice-family: "\"}\"";
		voice-family: inherit;}
	    #main-content{
   		margin:0 20px 0 0; padding: 0px 1em 0.5em 1em;
	    font-family:arial, helvetica, verdana, sans-serif;
	    font-size: 0.9em;}

   #main-form{
   		margin:0px 0px 0px 0.7em;
		background:#fff;
		border-left:0px solid;
		voice-family: "\"}\"";
		voice-family: inherit;}
	    #main-form-content{
   		margin:0 100px 0 0; padding: 0px 1em 0.5em 0em;
	    font-family:arial, helvetica, verdana, sans-serif;
	    font-size: 0.9em;}

	#bottomnav{
		margin: 3em 0 1em 220px;}
		#bottomnav-content{
		font-family:arial, helvetica, verdana, sans-serif;
	    font-size: 0.8em;}		

	#footer{
		margin:0 0 0 220px;}
		#footer-content{
		font-family:arial, helvetica, verdana, sans-serif;
	    font-size: 0.7em;
		color:#999999; 
		text-decoration: overline;}

	#footer-form{
		margin:1em 0 0 0.7em;}
		#footer-form-content{
		font-family:arial, helvetica, verdana, sans-serif;
		font-size: 0.7em;
		color:#999999; 
		text-decoration: overline;}
	   
    hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
	  background-color:#FFF;}

	p {color:#333333;font-size:0.9em; line-height:1.3em; margin:0px 20px 20px 30px; font-family:arial, helvetica, verdana, sans-serif;}	
	h2, h3, h4 {font-family:arial, helvetica, verdana, sans-serif; color:#000000; font-style:normal; page-break-after:avoid; margin-left:30px;}

	h2 {font-size:1.2em; margin-left:0px; margin-top:40px; border-top:1px solid; border-top-color:#cccccc; page-break-after:avoid}
       .top {margin-top:0px; border-top:0px;}
  	   .formh2{margin-top:0px; border-top:0px; margin-left:0.5em;}
	h3 {font-size:0.9em; padding-top:10px; margin-bottom:10px;}
	h4 {font-size:0.8em; font-style: italic; margin-bottom:10px; font-weight:bold;}

	a:link {color: #003399; text-decoration: none;} 
	a:visited {color: #003399; text-decoration: none;}
	a:hover {color: #666666; text-decoration: none;}

	a.nav:link{color: #990000; text-decoration: none;}
	a.nav:visited {color: #990000; text-decoration: none;}
	a.nav:hover {color: #003399; text-decoration: none;}

	.note {color:#990000; font-weight:bold;}
    .residents{margin-bottom:10px; text-align:left; line-height:18px; font-family:arial, helvetica, verdana, sans-serif; padding-right:2%;}	
	.quicklink{
		font-size:0.85em; background-color: #333; color: #fff; font-weight: 100;
		text-align:left; padding:0px 0px 0px 0px;
		font-family:arial, helvetica, verdana, sans-serif;
		margin-top:5px; margin-bottom:0px; margin-left:0px; margin-right:0px;}

	 ul {
	 	color:#333333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.85em; 
		list-style-image:url(images/square.gif);
		line-height: 1.5em;
		padding-left:3.25em;
		margin:1.5em 0px 1.5em 3em;
		page-break-before:avoid;} 		

	ol {
		color:#333333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.85em;
		line-height: 1.5em;
		padding-left:1.75em;
		margin:1.5em 0px 1.5em 3em;
		page-break-before:avoid;} 		 

	.single {padding-top:0; padding-bottom:0; margin-top: 0; margin-bottom:0;} 
	.double {padding: 0.5em 0px 0.5em 0px;}
	.italic {font-style:italic;}
	.linespace {font-size:2px; line-height:2px; margin:0px;}
	.line {border-bottom:1px solid; border-bottom-color:#ccc; border-bottom-style:dotted;}
	.table {margin:2px 2px 4px 8px;} 
	.formheading {margin:1em 0px 1em 0.7em; font-weight:bold; color: #3366cc;}
	.form {font-size: 0.9em; margin: 0.3em 0em 0em 0em;}
	.printer {margin-left: 10px;}
	}
	
	@media print {
	
	#content {
    	width: 100%;
      	margin:0em auto;
	  	text-align: left;}

	#banner{background : none;}
	#banner-print{background-color:#000000; display: none;}

	#date{
		margin:10px 0 10px 0;}  	  	  
		#date-content{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.9em;  
		text-align:right; 
		border-top: 1px solid; border-top-color: #ccc;
		border-bottom: 1px solid; border-bottom-color: #ccc; 
		padding: 0em 1em; 
		line-height:41px;}			

	#quicklink{display:none;}
	#navbar{display:none;}
	#main{
   		margin:0px;
		background:#fff;
		border-left:0px;}
	    #main-content{
   		margin:0px; padding-bottom: 0.5em;
	    font-family:arial, helvetica, sans-serif;
	    font-size: 0.9em;}

	#bottomnav{display: none;}

	#footer{
		margin:2em 0 0 0px;}
		#footer-content{
		font-family:arial, helvetica, sans-serif;
	    font-size: 0.7em;
		color:#999999; 
		text-decoration: overline;}
		
    hr.cleaner {display:none;}

	p {font-size:0.9em; line-height:1.25em; margin:0px 20px 20px 30px; font-family:arial, helvetica, sans-serif;}	
	h2, h3, h4 {page-break-after:avoid; font-family:arial, helvetica, sans-serif; color: #000000; font-style:normal; page-break-after:avoid;}
	h2 {page-break-after:avoid; font-size:1.2em; margin-top: 30px; border-top: 1px solid; border-top-color:#cccccc;}
       .top {margin-top:0px; border-top: 0px;page-break-after:avoid;}
	   .form{margin-top:0px; border-top:0px; margin-left:3em;}
	h3 {font-size:0.9em; margin-left:30px; padding-top:10px; margin-bottom:10px;}
	h4 {font-size:0.8em; font-style: italic; margin-left:30px; margin-bottom:10px; font-weight:bold;}

	a:link {color: #003399; text-decoration: none;} 
	a:visited {color: #003399; text-decoration: none;}
	a:hover {color: #990000; text-decoration: none;}
	
	.note {color:#990000; font-weight:bold;}

	 ul {
	 	font-family: Arial, Helvetica, verdana, sans-serif;
		font-size: 0.85em; 
		list-style-image:url(images/square.gif);
		line-height: 1.25em;
		padding-left:3.25em;
		margin:1em 0px 1.5em 3em;} 		

	ol {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.85em;
		line-height: 1.25em;
		padding-left:1.75em;
		margin:1em 0px 1.5em 3em;} 		 

	.single {padding-top:0; padding-bottom:0; margin-top: 0; margin-bottom:0;} 
	.double {padding: 0.5em 0px 0.5em 0px;}
	.italic {font-style:italic;}
	.linespace {font-size:2px; line-height:2px; margin:0px 0px 0px 0px;font-family:arial, helvetica, verdana, sans-serif;}
	.line {border-bottom:1px solid; border-bottom-color:#ccc; border-bottom-style:dotted;}
	.table {margin:2px 2px 4px 8px;} 
	.formheading {margin:1em 0px 1em 0.7em; font-weight:bold; color: #3366cc;}
	.form {margin: 0.3em 0.1em 0.3em 0em;}
	.printer {margin-left: 10px;}
	}