/*
Four Responsive Ranges:
No media query = 1024px+, default values and non-CSS3 browsers
@media screen and (min-width:768px) and (max-width:1024px)
@media print, screen and (min-width:480px) and (max-width:768px) 
@media screen and (max-width:480px)

Print view is based on (min-width:480px) and (max-width:768px) design with a few additional "@media print" styles to hide navigation/menu items not needed.

Image sizes standard ratio = 16x9
Gallery Full Image: 470px x 264px
Gallery Vertical Slice Image: 157px x 264px
Image size for 4 column layout: 200px x 112px
Image size for 6 column layout: 130px x 73px
*/


/*-----------------------------------------------------------------------------------------------------------*/
/* GENERIC TAGS
/*-----------------------------------------------------------------------------------------------------------*/

html{font-size:75%;}
	
body{font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0px;
	margin:0px;
	background-color:#ffffff;
	color:#000000;
	/*background-image: url('img/Background960.jpg');*/
	background-repeat:repeat-y;
	background-position: center;}


/*a:link	{color: #0033cc; text-decoration: none;  cursor: pointer;}*/
a:visited	{color: #0033cc; text-decoration: none;  cursor: pointer;}
a:active	{color: #0033cc; text-decoration: none;  cursor: pointer;}
a:hover	{color: #6699FF; text-decoration: underline;  cursor: pointer;}

	
/*body A:link, A:visited, A:active{
	color: #000000; 
	text-decoration: none}

body A:hover {
	color: #000000; 
	text-decoration: underline}*/

form {padding: 0px; margin:0px;}

p { color:#000000;} 

#Summary p {
    padding: 0px 5px 5px 0px;
    margin: 0px 0px 0px 0px;
    white-space:pre-wrap;} 

img {border:0px}


@media screen and (min-width:768px) and (max-width:1024px)
    {body{background-image: url('img/Background750.jpg');}}

@media print, screen and (min-width:480px) and (max-width:768px)
    {body{background-image:none}}

@media screen and (max-width:480px)
    {body{background-image:none}}


/*-----------------------------------------------------------------------------------------------------------*/
/* PAGE WIDTH
/*-----------------------------------------------------------------------------------------------------------*/

#PageFramework {
	width:950px; 
	margin:0px auto;
	padding: 0px 0px 5px 0px;
	border: auto;
	text-align:left; }
	
@media screen and (min-width:768px) and (max-width:1024px)
    {#PageFramework {width:740px;}}

@media print, screen and (min-width:480px) and (max-width:768px)
    {#PageFramework {width:98%}}

@media screen and (max-width:480px)
    {#PageFramework {width:460px}}
    
/*-----------------------------------------------------------------------------------------------------------*/