/* 
Filename: screen.css
For use in website root directory
Purpose: controls styles when web page is viewed on screen.  
*/


A 		{color: #0000CC;}					
A:Hover		{background-color: #666666;  color: White;  text-decoration: none;}



.printOnly 	{visibility: hidden;  display: none}

.ScreenOnly 	{visibility: visible}
.displayonly 	{visibility: visible}



/* These settings control the overall width of the page content, since our main template uses a <DIV class="padded"> around the main content.
Should maintain: padding*2 + width = 627 (Since our page design is 760px wide less the sidebar (133px) leaving 627px for the body) */
				
.padded 	{padding: 10px 10px 10px 17px;	 text-align: left;  width: 600px}

/* This setting can be used for wider content - without the sidebar */
.paddedwide 	{padding: 10px;  text-align: left;  width: 740px} 
 

/* This setting can be used to suppress top & bottom padding, yet keep content within screen boundaries */
.horiz-padded	{padding-top: 0;  padding-bottom: 0;  padding-left: 10px;  padding-right: 10px;  width: 607px}

/* This setting can be used to justify text, and suppress top & bottom padding, yet keep content within screen boundaries */
.justify-padded	{padding-top :0;  padding-bottom: 0;  padding-left: 10px;  padding-right: 10px;  text-align: justify;  width: 607px}