/* [05/17/12]  [boB]  [ Initial Setup ]
[05/29/12]  [boB]  [ CSS Cleanup and adjustment ]
[06/05/12]  [boB]  [Changes of page-width background and border round  ]
[06/21/12]  [boB]  [Changes to background and border round ] 
[11/21/12]  [boB]  [ Added additional styles ]
[11/29/12]  [boB]  [ Now imports the global.css file for faster loads ]
[03/19/22]  [boB]  [Changes for mobile] */

/* Loads the global.css file */
@import url("common-css/global.css");
#nav-page-width {
	display:block;
	margin: 150px auto 50px auto;
	width:91%;
	padding:1%;
	z-index:1;
	}
.index-border-round {border-radius: 7px 40px 15px 25px;behavior: url(js/pie/PIE.htc);}
.index-page-width-background {
	background-image: url("pgart/index-background.jpg");
	background-repeat:repeat;
	}
.main-title-smaller {font-size:50%;}
.index-intro {
	display:block;
	margin:auto;
	width:95%;
	padding-top:10px;
	font-size:110%;
	text-indent:1.2em;
	}

/* Navigation layout for the index page */
#index-nav {list-style-type:none;font-size:200%;display:block;margin:auto auto auto -40px;}
#index-nav li{display:inline-block;text-align:center;width:48%;height:175px;margin-bottom:20px;}
#index-nav li{*display:inline} /* display:inline fixes bug in IE7 Used only for the Index pages */
#index-nav img{border:none;width:auto;height:auto;}
.index-nav-caption {display:block;margin-top:.5%;width:auto;}

/* Max Width 599 */
@media only screen and (max-width: 599px){
#nav-page-width {
	display:block;
	margin: 100px auto 50px auto;
	width:91%;
	padding:1%;
	z-index:1;
	}
}
/* Max Width 399 */
@media only screen and (max-width: 399px){
.main-heading-title {font-size:160%;}
}