/*  ====  global styles === */

body {
	font-family: Georgia, serif;
	margin: 0;
	padding: 0;
	background-color: #cc6600;
	background-image: none;
}

/*  ==== PTP logo top image 770px x 110px=== */

#outerDiv{
	position: relative;
	width: 770px;
	margin: 0 auto;
}

#outerDiv a:link, #outerDiv a:visited {
	text-decoration: none;
	color: #b36b00;   /* links should be orange  */
}

#outerDiv a:hover, #outerDiv a:active {
	color: #660033;
	border-bottom: 1px dashed #660033;
}

/*  ====  header  ==== */

div#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 312px;
	position: relative;
	background: url(../images/header.png) no-repeat;
}
div#header a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
}

  /*  ====  main Menu  ===  */
	

div#mainMenu {
	position: absolute;
	top: 254px;
	width: 770px;
	bottom: 0;
	left: 0px;
}

div#mainMenu ul {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 15px;
}

div#mainMenu li {
	font-family: "Trebuchet MS", sans-serif;
	color: #06C;
	float: left;
	width: 107px;
	margin: 0;
	padding: 0;
}

div#mainMenu a {
	display: block;
	text-decoration: none;    /*turns off underlining*/
	width: 95px;
	padding: 4px;
	text-align: center;
	background-color: transparent;
	color: #003399;    /* menu text color, blue */
	line-height: 25px;  /* position text 32px up from bottom */
	border: none;
}
	
div#mainMenu a:hover {
	background-color: #6699ff;
	color: #003399;
}

	
/* === main content === */

div#content {
	background: #fff;  /* content backgrounf box is white */
}

div#content div#mainContent {
	float: left;
	width: 430px;
	margin: 0;   
	padding: 0 15px;   /*  o pixels top/ bottom, 15px left, right  */
}

div#content div#mainContent2 {
	float: left;
	width: 750px;
	margin: 0;   
	padding: 0 15px;   /*  o pixels top/ bottom, 15px left, right  */
}

div#mainContent p {
	font-family: "Gill Sans MT", Georgia, serif;
	font-size: .9em;
	padding: 10px;
	line-height: 1.6em;
	color: #000;
	margin: 1ex 0;  /* top/bottom will be 1ex, left/right will be 0  because will use 15px padding from above so everthing lines up*/
}	

div#mainContent2 p {
	font-family: "Gill Sans MT", Georgia, serif;
	font-size: .9em;
	padding: 10px;
	line-height: 1.6em;
	color: #000;
	margin: 1ex 0; 
}
	

div#mainContent h1 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #660033;
	padding: 0px;
	margin-top: 2ex;
	margin-right: 0;
	margin-bottom: 0.4ex;
	margin-left: 0;
}

div#mainContent2 h1 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #660033;
	padding: 0px;
	margin-top: 2ex;
	margin-right: 0;
	margin-bottom: 0.4ex;
	margin-left: 0;
}

div#mainContent h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.1em;
	color: #330033;
	margin: 3ex 0 .4ex 0;
}

div#mainContent h2 a:link {
	color: #303;
}
	
div#mainContent h2 a:visited {
	color: #303;
}
	
div#mainContent h2 a:hover {
	
}
	
div#mainContent h2 a:active {
	
}
	

div#mainContent2 h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.1em;
	color: #330033;
	margin: 3ex 0 .4ex 0;
}

div#mainContent2 img.photo {
	border: 1px solid #999;    /*  solid dark grey border around sidebar images  */
	padding: 5px;   /* air between image and border   */
	margin-right: 10px;	
}

div#mainContent h4 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	margin: 1ex 0 -.2ex 0;
}
#mainContent2 #flash #FlashID {
	border: 1px solid #999;
}

div#mainContent ul {               /* styles for unordered list  */
	font-family: "Gill Sans MT", Georgia, serif;
	font-size: .9em;
	margin: 0 0 1.4ex 1em;   /* must do 1em on left for Internet Explorer! */
	list-style-type: square;
}
	

div#mainContent q {
	color: #660033;
	font-style: italic;
	margin: 2ex 0 1ex 0;
}

div#mainContent img.photo1 {
	border: 1px solid #999;   
	padding: 5px;
	float: left;
	margin: 1ex;
}

div#mainContent2 table {
	font-family: "Gill Sans MT", Georgia, serif;
	padding: 10px;
	line-height: 1.6em;
	color: #000;
	margin: 1ex
}
div#mainContent2 table td {
	margin: 1.5em;
	padding: 1em;
	vertical-align: middle;
}

/* ==== sideBar ==== */

div#content div#sideBar {
	float: right;
	width: 265px;
	padding: 0 10px;
	margin: 0;
}

div#sideBar p {
	font-family: "Trebuchet MS", sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	color: #666;
	margin: 0 0 3ex 0;
}

div#sideBar h3 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	color: #660033;  /* color purple */
	margin: 2ex 0 .5ex 0;
}

div#sideBar img {        /*  sideBar image styles  */
	margin: 50px 10px;
}

div#sideBar img.photo {
	border: 1px solid #999;    /*  solid dark grey border around sidebar images  */
	padding: 5px;   /* air between image and border   */
	
}


/* === footer === */

div#footer {
	clear: both;   /* always at the bottom */
	
	margin: 0 auto;
	padding: 5px;
}

div#footer p {
	font-family: "Trebuchet MS", sans-serif;
	font-size: .75em;
	color: #fff;   /* color is white */
	margin: 5px;
	padding: 0;
	text-align: center;
}

div#footer a {
	color: #9cf;  /* link color blue */
	text-decoration: none;   /* no underline */
}

	
/* ==== miscellaneous styles === */

.clear { clear: both }  /* creates anchor at bottom of floating objects */