/* v 0.91 */

/* ------ Section 1 - Global Body, Font and Link Settings ------ */
body {
background-color: #E5ECFF; /* blue coloring*/
margin: 0;padding: 0;
font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;font-size: 100%;}
/* -- Link Styling -- */
a:link {color: #0000FF; text-decoration: underline;}
a:visited {color:#808080;text-decoration: underline;}
a:hover {color: #800080 ;text-decoration: underline;}
/* ------ Section 2 - Global Page Structure ------- */
#PageWrapper {width: 960px;}
#Header {height: 140px;}
#ContentWrapper {
float: left; width: 100%;}
#CenterColumn {margin: 0 180px 0 180px;}   /* STEP 1: set to "0 RightColumnWidth 0 LeftColumnWidth" */
#LeftColumn {float: left; 
width: 179px; /* STEP 2: to set left column at 180, set 1 less than 180 here */
margin-left: -960px;}/* STEP 3: set to the same width specified in #PageWrapper above (but with minus sign)  */
#RightColumn {float: left;
width: 179px; /* STEP 4: to set right columns at 180, set 1 less than 180 here */
margin-left: -180px;}/* STEP 5: set to -(RightColumnWidth) */
#Footer {clear: both; width: 100%; text-align: center; padding: 8px 0;}
.Liner {padding: 10px 10px;}
#Header .Liner {padding: 10px 10px;}
#Footer .Liner {margin: 0; padding: 0;}

/* ------ Section 3 - Page Structure Details ------ */
#PageWrapper {
border: 1px solid #000080;   /*-- dark blue--*/margin: 24px auto;
background-image: url(../image-files/tpp-background.gif);  background-repeat: repeat-y;}
#Header {background-image: url(../image-files/tpplogo.jpg);
background-repeat: no-repeat; background-color: transparent;
background-position: top left;}
#ContentWrapper {background-image: url(); background-repeat: repeat-y;}
#LeftColumn {background-image: url(); background-repeat: repeat-y; background-color: transparent;}
#CenterColumn {background-image: url(); background-repeat: no-repeat; background-color: transparent;}
#RightColumn {background-image: url(); background-repeat: no-repeat;background-color: transparent;}
#Footer {background-image: url(); background-repeat: no-repeat;background-color:#ABC4E3;border-top: 1px solid #000080;}

/* ------ Section 4 - Left Column Navigation ------ */
.Navigation {width: 100%;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; background-color: transparent;} /*area right behind navigation buttons*/
/* -- Nav Headers -- */
.Navigation h3 {padding:0px; font-size: 110%; color:#133676; border-bottom: 2px solid #fff; margin: 12px 0;}
/* -- Nav List -- */
.Navigation ul {list-style-type: none; padding: 0 0 8px 5px; margin: -6px 0 0 0;}
.Navigation li {background-color: #E5ECFF; border: 1px solid #133676; margin-bottom: 3px;} /*button color*/
/* -- Navigation Link styles -- */
.Navigation a {color:#133676;  padding:2px 0 2px 4px; text-decoration:none; display: block; }
.Navigation a:visited {color: purple; text-decoration: none;}
.Navigation a:hover {color:#800080; background-color: #C0C0C0; text-decoration: none;} /*hover button color*/

/* ------ Section 5 - Additional Navigation ------ */
/* -- Thumbnail-with-Caption Navigation -- */
.imageCaptionLinkGroup {text-align: center;}
.imageCaptionLinkGroup a {text-decoration: none;}
.imageCaptionLinkGroup .caption {text-decoration: underline;}

/* -- Horizontal Text NavBar -- */
.text-NavBar {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
margin: 12px auto 12px auto; background-color: transparent; width: 600px; /* same as thecenter column (960 -180 - 180) */}
.text-NavBar ul {list-style-type: none;padding: 0;}
.text-NavBar ul li {display:inline; background-color:#E5ECFF;text-align: center;}
.text-NavBar a {color: blue;text-decoration: none;text-align: center;padding: 0 4px;}
.text-NavBar a:visited {color: purple;text-decoration: none;}
.text-NavBar a:hover {color: red;background-color: #d3e4fb;text-decoration: underline;}

/* ------ Section 6 - Specific Font Styles ------ */
#LeftColumn {font-size: 90%;color: white;}
#RightColumn {font-size: 90%;}
#Footer {font-size: 85%;}
h1 { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:150%; color:#00005E; text-align: center;}
h2 { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:130%; color:#00005E; margin-bottom: 10px;}
h3 { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:120%; color:#AE0057; margin-bottom: 5px;}
h4 { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:115%; color:#AE0057; margin-bottom: 5px;}
h5 { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:90%; color:#133676; margin-bottom: 5px;}
h6 { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:120%; color:#133676; margin-bottom: 5px;}
#LeftColumn h4 {font-size: 90%;color: white;margin-top: 0;}
#RightColumn h4 {font-size: 90%;color: white;margin-top: 0;}

.Caption {font-size: 100%; font-weight: bold; color:#400040; clear: both;line-height: 20px;}
blockquote {margin: 12px 56px; color: #FF0000;font-size: 100%;line-height: 20px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

/* ------ Section 7 - Boxes ------ */
.CalloutBox {background-color: #fff;width: 85%;border: 1px dotted #8f8fb3;
margin: 18px auto 24px auto;padding: 4px;color: black;}
div.CalloutBox p {margin: 13px;}
p.CalloutBox {padding: 13px;}
div.CalloutBox h1, h2, h3, h4, h5, h6 {margin: 0;}
p.CalloutBox h1, h2, h3, h4, h5, h6 {padding: 0;}


.ReminderBox { background-color: #ddd;width: 24%;border: 1px solid #8f8fb3;margin: 0 0 12px 18px;
float: right;             /* adding float enables text to flow around it */color: #006;}
.ReminderBox h4 {margin: 0;padding: 2px;text-align: center;background-color: #fff;}
.ReminderBox p {font-size: 80%;padding: 0 4px;line-height: 13px;}


.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxRightColumn {
padding: 5px; background-color: #d3e4fb; border: 0px;}
.AdSenseBoxLeft {margin: 0 18px 12px 18px;float: left;}
.AdSenseBoxRight {margin: 0 18px 12px 18px;float: right;}
.AdSenseBoxCenter468 {width: 468px;margin: 0 auto 12px auto;clear: both;}
.AdSenseBoxRightColumn {padding: 0;margin: 0 auto 12px auto; clear: both;}

.ReturnToNavBox {background-color:transparent; width: 90%; border-top: 0px solid #A4A4FF;
border-bottom: 0px solid #A4A4FF; text-align: center; margin: 0 auto 12px auto; padding: 4px;}

.half-box-left {background-color:#EAEEFF; margin: 10px 10px 10px 15px;
border: 1px solid #000053; padding: 5px; width: 250px;float: left;}
.half-box-right {background-color:#EAEEFF; margin: 10px 10px 10px 15px;
border: 1px solid #000053; padding: 5px; width: 250px; float: right;}
/* -- Right side Boxes -- */
.rs-box-gr {background-color:#E8FFE8; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053; text-align: center;}
.rs-box-pnk {background-color:#FFECFF; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053; text-align: center;} 
.rs-box-yl {background-color:#FFFFE1; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053;	text-align: center;}
.rs-box-rd {background-color:#FF5959; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053;	text-align: center;}
.rs-box-blue {background-color:#E5ECFF; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053;	text-align: center;}
.rs-box-or {background-color:#FF8C1A; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053; text-align: center;}
.rs-box-olive {background-color:#DADDA2; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053; text-align: center;}
.rs-box-grey {background-color:#DADADA; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053; text-align: center;} 
.rs-box-flesh {background-color:#E0C2C2; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053;	text-align: center;}
.rs-box-sky {background-color:#D9D9FF; margin: 10px 0px 10px 0px;
padding: 5px; border: 1px solid #000053;	text-align: center;}
	
/* -- RSS Box -- */
#RSSbox {width: 148px; background-color: #E5ECFF; border: 2px solid #133676;
margin: 8px auto 10px auto; padding: 12px 2px 12px 2px; font-size: 100%;
font-weight: bold; color: #1d487e; line-height: 14px; text-align: center;}

/* ------ Section 8 - Frequently Used Styles ------ */
.clear {clear: both;}
img {border: 0 solid #ddd;}
b{color:#444444; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 80%;}
/* -- lists -- */
#CenterColumn ul {list-style-type: disc; margin: 0 0 8px 10px;}
#CenterColumn li {margin: 0 0 8px 5px;}
#CenterColumn ol {list-style-type: decimal;margin: 0 0 8px 10px;}
#CenterColumn li {margin: 0 0 8px 5px;}

/* -- floats -- */
.ItemRight {float: right;margin: 2px 0 12px 18px;text-align: center;}
.ItemCenter {margin: 2px auto 12px auto;text-align: center;clear: both;}
.ItemLeft {float: left;margin: 2px 18px 12px 0;text-align: center;}
.center { text-align: center;}