/*PTC_Main_Style.css*/

/*STRUCTURAL ELEMENTS*/

/*universal rule, unless otherwise noted*/

*{margin:0; padding:0;}
body {
	background-color: #fffff8; /*Very pale yellow is #FFFFF8*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80.5%; /*lets IE resize; originally set at 62.5%, but that seemed too small; other font-size in ems*/
	line-height: 1.3;
	color: #000000;
	width: auto;
	text-align: center;/*content set left*/
	}
/*Wrapper contains all body elements*/	
#wrapper {
	background-color: #FFFFec;
	width: 80%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 1.5em;
	border-right-width: 0.75em;
	border-bottom-width: 1em;
	border-left-width: 0.75em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFffec;
	border-right-color: #FFffec;
	border-bottom-color: #FFffec;
	border-left-color: #FFffec;

}	

/*Principal Body Structure Elements*/	
/*containers holds all the content elements*/	
#container {
	width: 90%;
	font-size: 1em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*text-align: center;*/
	background-color: #FFFFec;
}


#content_main{
	float: right;
	width: 90%;
	padding-right: 1em;
	text-align: left;
	padding-bottom: 2em;
}

/*DIVs for 2-column layout*/

#container-2Cols {
	width: auto;
	padding-left: 2em;
	padding-right: 0em;
	margin-right: 0em;
	text-align: left;
}



#content_main-2Cols{
	float: right;
	width: 58%;
	text-align: left;
	padding-bottom: 2em;
	padding-left: 1.25em;
	padding-right:1.25em;
	
}


#content_sub {
	float: left;
	width: 33%;
	text-align: left;
	padding-bottom: 1em;
	padding-left: 1em;
}
#content_sub_list {
	float: left;
	width: 33%;
	text-align: left;
	padding-bottom: 1em;
	padding-left: 1em;
}

#content_sub_list ul{
		
	text-transform: capitalize;
	list-style-type:none;
list-style-position: outside;
margin-left:0.0em;
}

#content_sub_list ul li { list-style-type:none;
	list-style-position: outside;
	background-image: url(assets/arrowRed.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left:1.15em;
	}

#content_sub_list_border
 {
	float: left;
	width: 30%;
	text-align: left;
	padding-bottom: 1em;
	padding-left: 1em;
}

#content_sub_list_border ul{
	text-transform: capitalize;
	list-style-type:none;
	list-style-position: outside;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #990000;
	border-bottom-color: #990000;
	margin-top: 1em;
	margin-bottom: 2em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

#content_sub_list_border li { list-style-type:none;
	list-style-position: outside;
	background-image: url(assets/arrowRed.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	padding-left:1.15em;}





/*Divs for 3 column layout*/




#container-3Cols {
	width: auto;
	padding-left: 2em;
	padding-right: 0em;
	margin-right: 0em;
}

#content_1stColumn {
	float: left;
	width: 33%;
	text-align: left;
	padding-bottom: 0em;
	padding-left: 0px;
	margin-left: 0.5em;
	
}
#content_1stColumn ul{
list-style-type:none;
list-style-position: outside;
}
#content_1stColumn ul li{
	list-style-type:none;
	list-style-position: outside;
	background-image: url(pix/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	
	padding-left: 1.15em;
}
#content_2ndColumn {
	float: left;
	width: 30%;
	padding-left: 1em;
	padding-right: 0.5em;
	text-align: left;
	padding-bottom: 2em;
	margin-left: 0.25em;
	margin-right: 0.25em;
	white-space: normal;
	text-align:center;
}

#content_2ndColumn-MissG {
	float: left;
	width: 30%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
	padding-bottom: 2em;
	margin-left: 0.25em;
	margin-right: 0.25em;
	/*white-space: normal;
	text-align:center;*/
}
#content_2ndColumn-centered {
	float: left;
	width: 30%;
	padding-left: 0em;
	padding-right: 0em;
	text-align: center;
	padding-bottom: 2em;
	margin-left: 0em;
	margin-right: 0em;
	white-space: normal;
}

#content_2ndColumn-centered h2 {text-align:center}

#logo {
	text-align: center;
}

#content_3rdColumn {
	float: left;
	padding-left: 1em;
	text-align: left;
	width: 27%;
	
	
}




/*MASTHEAD elements*/
#masthead {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFf8;
	/*width: 85%;*/
}

#navbar {
	display: inline;
	list-style-type: none;
}

#motto {
	background-color: #666600;
	background-image: url(pix/motto.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-size:0.001em;
	display: block;
	padding-bottom:0.5em;
	height:25px		
}

#motto a:link {
	display: block;
	text-decoration:none

	
}
#motto a:hover {
	background-image: url(pix/motto_on.gif);
	background-repeat: no-repeat;
	display: block;
	/*text-decoration:none;*/
}


/*site level nagivation buttons*/
#sitenav
{	margin: 0 auto;
	font-family: georgia, serif;
	text-transform: lowercase;
	border-left-color: #CC6600;
	background-color: #cc6600;
}

/* to stretch the container div to contain floated list */
#sitenav:after
{content: "";/*Empty value is deliberate*/
display: block;
line-height: 1em;
font-size: .8em;
clear: both;
}

ul#sitenavlist
{	list-style: none;
	padding: 0;
	margin: 0 auto;
	font-size: 0.75em;
	width: 100%;
}

ul#sitenavlist li
{	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 16%;
}

ul#sitenavlist li a
{
	display: block;
		padding: 0.15em;
	color: #CCCC99;
	text-decoration: none;
	background: #cc6600;
	font-weight: bolder;
		
}

#sitenav>ul#sitenavlist li a { width: auto; }

ul#sitenavlist li#current a, ul#sitenavlist li a:hover, ul#sitenavlist li#current a:hover
{
	color: #990000;
	background: #CCCC99;	
	
}

li#current a {
	
}
#siteSum {
	background-color: #CCCC99;
	display: block;
	padding-bottom:0.25em;
	padding-left: 0.25em;
	padding-top: 0.25em;
	font-size: 0.65em;
	color: #666600;
	font-weight: bold;
	text-align: left;
	
}



/*FOOTER*/

#footer {
	display: block;
	clear: both;
	width: 100%;
	text-align:left;
	border-top-color: #CC0000;
	border-top-style: solid;
	border-top-width: 0.05em;
	background-image: url(pix/ptc-color-logo-no-border-small.gif);
	background-repeat: no-repeat;
	padding-top: 1.5em;
	height: 85px;
	margin-top: 1em;
	
}

ul#footerlist {
	padding-left: 2em;
	font-size: 0.8em;
	margin-left: 4em;
}
	
 ul#footerlist li{
	display: inline;
	list-style-type: none;
	text-align: center;
	vertical-align: middle;	
		
	
}
#footer li a
{
	display: inline;
	list-style-type: none;
	padding-right:1em;
	text-align: center;
	padding-left: 1em;
}


#footerAddress {
	text-align: left;
	padding-top: 0.15em;
	
	
}
#footerAddress p{
	font-size: .8em;
}





/*PRESENTATION STYLES*/
	
/*HTML styles*/	
p {
	word-spacing: 0.1em;
	 	font-size: 1em;
		padding-bottom:.25em;
}
	
	 A:link  {
	color: #00467b;
	text-decoration: none;
	font-weight: bold;
}
     
     A:visited  {
	color: #00467b;
	text-decoration: none;
	font-weight: bold;
}
   
     A:hover  {
	text-decoration: underline;
	font-weight: bolder;
	/*background-color: #FFFFCC;*/
}
	

h1, h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: left;
}
h1 {
	color:#666600;
	font-size: 2em;
	letter-spacing: 0.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 1em;
	/*padding-left: .5em;*/
}
.H1small {
	font-size: 1.75em;
	margin-left: 0.25em;
}

h2 {
	color:#666600;
	font-size: 1.6em;
	padding-top: 0.5em;
}





hr {
	color: #666633;
	margin-top: 1em;
	margin-bottom: 1em;
}

#linksLists {
	list-style-type:none;
	list-style-position: outside;
	padding-left: 0.5em;
	padding-right: 0.5em;
	/*list-style-image: url(assets/arrowRed.gif);*/
}

#linksLists ul li
{ list-style-type:none;
	list-style-position: outside;
	background-image: url(assets/arrowRed.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	margin-left:0em;
	padding-left:1.0em;}

#content_sub h2{
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	
}

#content_sub h2 a:link{
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color:#666600;
}

 #content_sub h2 A:visited  {
	font-size: 1.3em;
	color:#666600;
	text-decoration: none;
	font-weight: bold;
}


#content_sub h2 a:hover{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: none;
	font-variant: normal;
	color: #00467b;
	background-color: #FFFFCC;
	
}





h3 {
	color:#996600;
	font-size: 1.2em;
	padding-top: 0.75em;
}
h4 {
	color:#996600;
	font-size: 1em;
	padding-top: .75em;
}



ul {
	display: block; 
	list-style-position:outside;
	
	
    }




li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: square;
	line-height: 1.2em;
	padding-top: 0.5em;
	margin-left:1em;
	padding-left:1.15em;
}	
li a {
	
	color: #00467b;
}
	
li a:hover {
	background-color: #FFFFCC;}
	







.OrangeArrowList {
	margin: 0;
	padding: 0;
	list-style-image: url(assets/arrow2.gif);
	list-style-position: outside;
	list-style-type: none;
}
ul .OrangeArrowList   li{
	margin:0;
	list-style-position: outside;
	padding-bottom: 1em;
	text-align: left;
}
	

	



/*DIVS for FIXED MENU. Unsupported in IE 6 & 7*/
 

#content_sub_fixed {
	position: fixed;
	top: 10em;
	width: 14em;
	text-align: left;
	padding-left: 1em;
}

ul#content_sub_list_fixed  {
	list-style-type: none;
	font-variant: small-caps;
	border-top-color: #990000;
	border-top-width: thin;
	border-top-style: groove;
	text-transform: lowercase;
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #990000;
	padding-bottom: 1em;
}
#content_sub_list_fixed li{
	list-style-type: none;
}


/*BREADCRUMBS*/

#breadcrumbs {
	text-align: left;
	font-size: 1em;
	padding-top: 1em;
	/*padding-left:0em;
	margin-left:0em;*/
}
#breadcrumbs ul

{
display: inline;
/*padding-right: .5em;*/
list-style-image: url(pix/arrows.gif);
padding-left:0em;
margin-left:0em;
	
}

#breadcrumbs li
{
	display: inline;
	/*padding-right: 0.5em;*/
	color: #666600;
	font-weight: bold;
	list-style-type: none;
	/*list-style-position: inside;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	
	margin-left:0em;
	
}

/*For nav bar global links to change appearance when on self id page*/
body.Grammar #aGrammar,
body.Home #aHome,
body.Catalog #aCatalog,
body.Articles #aArticles,
body.AboutUs #aAboutUs,
body.Contact #aContact,
body.Books #aBooks,
body.Writing #aWriting, 
body.Sitemap #aSitemap 
{
	color: #990000;
	background: #CCCC99;	
	
}
/*For footer links and other global links to change appearance when on self id page*/
body.Grammar #aGrammar2,
body.Home #aHome2,
body.Catalog #aCatalog2,
body.Articles #aArticles2,
body.AboutUs #aAboutUs2,
body.Contact #aContact2,
body.Books #aBooks2,
body.Writing #aWriting2, 
body.Sitemap #aSitemap2 
{
	color: #990000;
	font-weight: bolder;	
}

/*Span Classes from PTC01.css; changed sizes to ems*/


.grayVerdana {
	font-size: 1em;
	font-style: normal;
	color: #333333
}
.smallGrayVerdana {
	font-size: .75em;
	font-style: normal;
	color: #666666;
	padding-bottom: 1em;
}
.orangeSubhead {
	font-size: 1em;
	font-weight: bold;
	color: #CC6600
}
.greenHead {
	font-size: 2em;
	font-weight: bold;
	color: #666633
}


.displayOrange {
	font-family: "Courier New", Courier, mono;
	font-size: 2em;
	font-weight: bold;
	color: #CC6600
}
.displayGreen {
	font-family: "Courier New", Courier, mono;
	font-size: 1.25em;
	font-weight: bold;
	color: #666600
}

.largePurple {
	font-size: 2em;
	font-weight: bold;
	color: #660066
}

.purplebold {   font-weight: bold; color: #660066}

.orangeBold {  font-weight: bold; color: #CC6600}

.greenBold {
	font-size: 1em;
	font-weight: bold;
	color: #666633
}

.redLetter {
	font-family: "Courier New", Courier, mono;
	font-size: 1.5em;
	font-weight: bold;
	color: #990000
}

.paleOrange {
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	color: #CC6633
}

.medPurple {
	font-size: 1em;
	font-weight: bold;
	color: #660066
}

.smlDispOrange {
	font-family: "Courier New", Courier, mono;
	font-size: 1em;
	font-weight: bold;
	color: #CC6600
}

caption {
	text-align: left;
}
.SmallDisplayGray {
	font-family: "Courier New", Courier, mono;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	left: auto;
}
#Question {
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	padding-bottom: .5em;
	padding-top: 0.5em;
}
blockquote {
	font-style: italic;
	padding-left: 1em;
	padding-right: 1em;
}
.tableTextSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding-bottom: 0.5em;
	margin-left: 0.5em;
	margin-top: .5em;
}
.tableTextHead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .85em;
}