html {
margin: 0em;
padding: 0em;
}

body {
behavior: url(../css/csshover.htc);    /* To fix IE CSS compliance problem. */
margin: 0px;
padding: 0px;
}

/*------- Default Heading Styles ------*/
/* Modifications per zone will override when presented following this point. */

h1, h2, h3, h4, h5, h6 {
font: 14px/1em Arial, Helvetica, sans-serif;
color: #000000;
}

h1, h2, h3, h4, h5, h6 {
color: #384839;
}

h1 {
font-size: 2.5em;
font-weight: 800;
clear: left;
color:#845E4A;
}

h2 {
font-size: 1.5em;
font-weight: 800;
clear: left;
margin: 0em 0em -.5em 0em;
color:#845E4A;
}

h3 {
font-size: 1.4em;
border-bottom: 1px #666666 solid;
text-transform: none;
font-weight: 800;
clear: left;
margin: 0em 0em -.5em 0em;
color:#845E4A;
}

h4 {
font-size: 1.25em;
clear: left;
margin: 1.2em 0em -.5em 0em;
padding: 0em 0em 0em 0em;
color: #000000;
}

h5 {
font-size: 3em;
font-weight: 800;
font-style: italic;
clear: center;
color:#800080;
}

h6 {
font-size: 1.5em;
font-weight: 800;
clear: center;
color:#800080;
}

font-style: italic;
font-weight: 800;
margin: .5em 0em -.5em 0em;
}

a:link {
color:#034EA0;
}

a:visited {
color:#034EA0;
}

a:hover {
color:#555555;
}

a:active {
color:#000000;
}

/*---- START Header Styles ----*/

/* Header Height dictates TOP position for Maincolumn and Left,  Right Columns. */

/* Since Header DIV uses a background image, this defines height for both DIVs in one statement. */
/* Should match height of logo image. */


/* The header stretch image is the assigned background. If design calls for a right side header image, that image must be built into the "header_bg.jpg" image. */

div#topheader {
height: 120px;
width: 1000px;
display: table;
background: url(../images/p_logo_clouds_filler.jpg) no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px #666666 solid;
}

div#topheader-print {
display: none;
}


div#topheader-focusbox {
border: none;
display: block;
position: absolute;
left: 710px;
right: 1000px;
top: 0px;
z-index: 25;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 265px;
height: 100px;
color: #333333;
}

div#topheader-focusbox p {
font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif;
color: #333333;
}

div#topheader-focusbox a {
color: #333333;
text-decoration: underline;
}

div#topheader-focusbox h3 {
border: none;
margin: .5em 0em -1.75em 0em;
font-weight: bold;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4c4c4c;
}

/* The above statement observed all browsers, but specs are for IE only. The following overrides above statement for non-IE. */

html>body>div#topheader>div#topheader-focusbox>h3 {
border: none;
margin: .5em 0em -1.75em 0em;
font-weight: bold;
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #4c4c4c;
}

div#topheader-focusbox img {
float: right;
margin: 1em 0em 0em 0em;
}

/* The above statement observed all browsers, but specs are for IE only. The following overrides above statement for non-IE. */

html>body>div#topheader>div#topheader-focusbox>img {
float: right;
margin: 0em 0em 0em 0em;
}

div#topheader img.align-left {
float: left;
}

div#topheader img.align-right {
float: right;
}

table.enclosing {
background-color:#FFFFFF;
	color : #4a5571;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 770px;
}

.headerbar{
	width: 100%;
	background-color: #669933;
	color : #ffffff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	background-image: url(http://prattwoodassembly.org/leadership/support/img/headerbgsm.jpg);
	background-repeat: repeat-x;
	height: 25px;
	padding: 0px;
	margin: 0px;
	font-weight:800;
	padding-left: 20px;
}

.headerbar a, .headerbar a:link, .headerbar a:active{
	color : #ffffff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

/*---- END Header Styles ----*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
        font: 12px Arial, Helvetica, sans-serif;
        color: #333333;
}

#TB_secondLine {
        font: 10px Arial, Helvetica, sans-serif;
        color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
        position: fixed;
        z-index:100;
        top: 0px;
        left: 0px;
        height:100%;
        width:100%;
}

.TB_overlayMacFFBGHack {background: url(http://prattwoodassembly.org/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
        background-color:#000;
        filter:alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
        position: fixed;
        background: #ffffff;
        z-index: 102;
        color:#000000;
        display:none;
        border: 4px solid #525252;
        text-align:left;
        top:50%;
        left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
        display:block;
        margin: 15px 0 0 15px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #666;
        border-left: 1px solid #666;
}

#TB_caption{
        height:25px;
        padding:7px 30px 10px 25px;
        float:left;
}

#TB_closeWindow{
        height:25px;
        padding:11px 25px 10px 0;
        float:right;
}

#TB_closeAjaxWindow{
        padding:7px 10px 5px 0;
        margin-bottom:1px;
        text-align:right;
        float:right;
}

#TB_ajaxWindowTitle{
        float:left;
        padding:7px 0 5px 10px;
        margin-bottom:1px;
}

#TB_title{
        background-color:#e8e8e8;
        height:27px;
}

#TB_ajaxContent{
        clear:both;
        padding:2px 15px 15px 15px;
        overflow:auto;
        text-align:left;
        line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
        padding:15px;
}

#TB_ajaxContent p{
        padding:5px 0px 5px 0px;
}

#TB_load{
        position: fixed;
        display:none;
        height:13px;
        width:208px;
        z-index:103;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
        z-index:99;
        position:fixed;
        top: 0;
        left: 0;
        background-color:#fff;
        border:none;
        filter:alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        height:100%;
        width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
        clear:both;
        border:none;
        margin-bottom:-1px;
        margin-top:1px;
        _margin-bottom:1px;
}

/*----- START MainBody Styles -----*/

/* Do not use Absolute Positioning of #maincolumn IF footer is outside the MainColumn DIV, as it causes footer DIV to collapse upward. */

/* MainColumn DIV serves as a wrapper to hold the MainBody01 through MainBody10 sub-sections along with the Footer.*/

div#maincolumn {
z-index: 1;
display: block;
position: absolute;
top: 120px;
left: 160px;
min-height:350px;
width: 665px;
font: 12px Verdana, Helvetica, Arial, sans-serif;
/* Left margin of 6px corrects misalignment in IE */
margin: -5px auto 0px auto;

padding-left: 2%;padding-right: 2%;
display: block;
}

html>body>div#maincolumn {
 /* Restores proper Left Margin for non-IE browsers. */
margin: 0px 0px 0px 0px;
height: 350px;
}

/* Gap displays above mainbody sub-sections when first line of content is an HTML tag. Cause unknown.*/

/* Sets defaults for all MainBody sub-sections. */
div#MainBody01,
div#MainBody02,
div#MainBody03,
div#MainBody04,
div#MainBody05,

div#MainBody06,
div#MainBody07,
div#MainBody08,
div#MainBody09,
div#MainBody10 {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 12px Verdana, Helvetica, Arial, sans-serif;
text-align: left;
}

div#MainBody01 img,
div#MainBody01 img,
div#MainBody02 img,
div#MainBody03 img,
div#MainBody04 img,
div#MainBody05 img,
div#MainBody06 img,
div#MainBody07 img,
div#MainBody08 img,
div#MainBody09 img,
div#MainBody10 img {  /* Used for image-only. */
display: block;
margin: 0px auto 0px auto;
border: 0px #999999 solid;
padding: 0px;
}

div#attention {
z-index: -1;
height: 82px;
width: 640px;
display: block;
background: url(../images/attention_banner.gif) no-repeat;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px #666666 solid;
}

div#attention p {
font: 14px Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
font-weight: bold;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#attention h1 {
font: 22px Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
font-weight: bold;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#upcoming_events {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 12px Verdana, Helvetica, Arial, sans-serif;
text-align: left;
}

div#upcoming_events dt {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font: 12px Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
color:#845E4A;
}

div#upcoming_events dd {
font: 12px Verdana, Helvetica, Arial, sans-serif;
color:#008000;
}

/* A statement similar to this can be set for each MainBody sub-section to override the default settings. */

div#MainBody01 p,
div#MainBody01 li,
div#MainBody01 blockquote,
div#MainBody01 table,
div#MainBody01 th,
div#MainBody01 tr,
div#MainBody01 td,
div#MainBody01 tbody {
font: 12px/1.5em Verdana, Helvetica, Arial, sans-serif;
text-align: left;
}

div#MainBody01-homepagelink {
display : block;
font: 12px/1.5em Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
text-decoration: underline;
color: #000080;
}

div#contactforms {  /* Used for image-only. */
display: block;
margin: 0px auto 0px auto;
border: 0px #999999 solid;
padding: 0px;
}

/*----- END MainBody Styles -----*/

/*----- START AGHeader Styles -----*/


div#agheader {
display: block;
width: 100%;
height: 24px;
background: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#agheader img.align-left {
float: left;
}

div#agheader img.align-right {
float: right;
}

div#agheader p {
font: 10px Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: .5em 0px 0px 0px;
text-align: center;
}

div#agheader a {
color: #ffffff;
text-decoration: underline;
}

/*----- END AGHeader Styles -----*/

/*----- START Footer Styles -----*/

div#counter {
display: block;
margin: 0px auto 0px auto;
border: 0px #999999 solid;
padding: 0px;
text-align: center;
}

div#footer01
div#footer02
div#footer03 {
display: block;
/* Setting width: 100%; will bust maincolumn's right margin in IE. Works fine without width attribute. */
padding: 1em 0em 1em 0em;
font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: center;
}

div#footer01 {
}

div#footer02 {
}

/*----- END Footer Styles -----*/

/*----- START Left Column Styles -----*/

div#Lcolumn {
position: absolute;
top: 121px;  /*  Must match height of header graphic + bottom border */
left: 0px;
z-index: 10;
display: block;
width: 160px;   /* Dictates left positioning of Maincolumn.  */
font: 11px/1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
border-right: 1px #666666 solid;
border-bottom: 3px #666666 solid;
}

/*---- Set color (Must be below div#column statement) ----*/
div#Lcolumn {
background: #B8CDEA;
}

/* Default styles for Lcolumn01...10. Use specific numbered Lcolumn style below to override defaults. */

div#Lcolumn01,
div#Lcolumn02,
div#Lcolumn03,
div#Lcolumn04,
div#Lcolumn05,
div#Lcolumn06,
div#Lcolumn07,
div#Lcolumn08,
div#Lcolumn09,
div#Lcolumn10 {
display: block;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
color: #ffffff;
}


div#Lcolumn01 img,
div#Lcolumn02 img,
div#Lcolumn03 img,
div#Lcolumn04 img,
div#Lcolumn05 img,
div#Lcolumn06 img,
div#Lcolumn07 img,
div#Lcolumn08 img,
div#Lcolumn09 img,
div#Lcolumn10 img {  /* Used for image-only ads. */
display: block;
background: #ffffff;
margin: 5px auto 0px auto;
border: 0px #999999 solid;
padding: 0px;
}

div#Lcolumn01 p,
div#Lcolumn02 p,
div#Lcolumn03 p,
div#Lcolumn04 p,
div#Lcolumn05 p,
div#Lcolumn06 p,
div#Lcolumn07 p,
div#Lcolumn08 p,
div#Lcolumn09 p,
div#Lcolumn10 p  {
font: 10px Verdana, Helvetica, Arial, sans-serif;
text-align: center;
margin: 0px 0px 1px 0px;
}

div#Lcolumn01 h1,
div#Lcolumn02 h1,
div#Lcolumn03 h1,
div#Lcolumn04 h1,
div#Lcolumn05 h1,
div#Lcolumn06 h1,
div#Lcolumn07 h1,
div#Lcolumn08 h1,
div#Lcolumn09 h1,
div#Lcolumn10 h1 {
font: bold 10px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px 0px 2px 0px;
}

/* Use these Lcolumn01...10 to override default settings above. */

div#Lcolumn02 {
}

div#Lcolumn02 img {
}

div#Lcolumn02 p {
}

div#Lcolumn03 {
}

div#Lcolumn03 img {
}

div#Lcolumn03 p {
}

div#Lcolumn04 {
}

div#Lcolumn04 img {
}

div#Lcolumn04 p {
}

div#Lcolumn05 {
}

div#Lcolumn05 img {
}

div#Lcolumn05 p {
}

div#Lcolumn06 {
}

div#Lcolumn06 img {
}

div#Lcolumn06 p {
}

div#Lcolumn07 {
}

div#Lcolumn07 img {
}

div#Lcolumn07 p {
}

div#Lcolumn08 {
}

div#Lcolumn08 img {
}

div#Lcolumn08 p {
}

div#Lcolumn09 {
}

div#Lcolumn09 img {
}

div#Lcolumn09 p {
}

div#Lcolumn10 {
}

div#Lcolumn10 img {
}

div#Lcolumn10 p {
}

/*----- END of Left Column Styles -----*/

/*--------- Navigation Menu ---------*/

#navigation {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
width: 160px;
float: left;
margin-left: 1px;
text-align: left;
display: block;
margin: 0px 0px -10px 1px;
}

html>body>div#Lcolumn>div#navigation {  /*  Overrides above for non-IE  */
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
width: 160px;
float: left;
margin: 0px 0px 0px 1px;
text-align: left;
display: block;
}

#navigation ul {
margin-left: 0px;
padding-left: 0px;
width: 158px;
border: 1px #845E4A solid; /**/
z-index: 20;
background: #B8CDEA;
}

#navigation li {
position: relative;
list-style-type: none;
border-top: 1px #d6d6d6 solid;
border-bottom: 1px #845E4A solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#navigation li:hover {
background: #845E4A;
}

#navigation li.submenu {
background: #B8CDEA url("../images/Submenu_Arrow_ffffff.gif") no-repeat 95% 50%;
}

#navigation li.submenu:hover {
background: #845E4A url("../images/Submenu_Arrow_ffffff.gif") no-repeat 95% 50%;
}

#navigation li a {
display: block;
text-decoration: none;
width: 158px;
padding: .5em 0em .25em .25em;
color:#55301F;
}

#navigation li a:hover {
color: #ffffff;
}

#navigation>ul a {
width: auto;
}

#navigation ul ul {
position: absolute;
top: -0.1em;
display: none;
width: 158px;
left: 160px;     /*  This left margin fixes IE. Other browsers set by next statement.  */
z-index: 30; }

/*Following overrides above statement for non-IE browsers.*/
html>body>div#Lcolumn>div#navigation>ul ul {
left: 158px;     /*  Must match width for #navigation ul */
}

#navigation ul.level1 li.submenu:hover ul.level2,
#navigation ul.level2 li.submenu:hover ul.level3 {
display:block
}

/*--------- Navigation Breakout ---------*/

div#breakout {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
margin-left: 1px;
text-align: left;
}

div#breakout a {
text-decoration: none;
}

div#breakout a:hover {
text-decoration: underline;
}

/* ----- END Navigation Styles -----*/

/*----- START of Right Column Styles -----*/

div#Rcolumn {
position: absolute;
top: 121px;  /*  Must match height of header graphic + bottom border. */
left: 856px;
right: 1000px;
z-index: 10;
display: block;
width: 144px;   /* Dictates right positioning of Maincolumn.  */
font: 10px/1.25em Verdana, Helvetica, Arial, sans-serif;
text-align: center;

/*margin: 0px 0px 0px 0px;*/
padding: 0px 0px 15px 0px;
background: #B8CDEA;
color: #000000;
border-left: 1px #666666 solid;
border-bottom: 3px #666666 solid;
}

/* Default styles for Rcolumn01...10. Use specific numbered Rcolumn style below to override defaults. */

div#Rcolumn01,
div#Rcolumn02,
div#Rcolumn03,
div#Rcolumn04,
div#Rcolumn05,
div#Rcolumn06,
div#Rcolumn07,
div#Rcolumn08,
div#Rcolumn09,
div#Rcolumn10 {
display: block;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div#Rcolumn01 img,
div#Rcolumn02 img,
div#Rcolumn03 img,
div#Rcolumn04 img,
div#Rcolumn05 img,
div#Rcolumn06 img,
div#Rcolumn07 img,
div#Rcolumn08 img,
div#Rcolumn09 img,
div#Rcolumn10 img {  /* Used for image-only ads. */
display: block;
background: #ffffff;
margin: 5px auto 0px auto;
border: 1px #999999 solid;
padding: 2px;
}

div#Rcolumn01 p,
div#Rcolumn02 p,
div#Rcolumn03 p,
div#Rcolumn04 p,
div#Rcolumn05 p,
div#Rcolumn06 p,

div#Rcolumn07 p,
div#Rcolumn08 p,
div#Rcolumn09 p,
div#Rcolumn10 p  {
font: 9px Verdana, Helvetica, Arial, sans-serif;
text-align: justify;
margin: 0px 0px 1px 0px;
padding: 0px 5px 0px 5px;
color: #000000;
}

div#Rcolumn01 h1,
div#Rcolumn02 h1,
div#Rcolumn03 h1,
div#Rcolumn04 h1,
div#Rcolumn05 h1,
div#Rcolumn06 h1,
div#Rcolumn07 h1,
div#Rcolumn08 h1,
div#Rcolumn09 h1,
div#Rcolumn10 h1 {
font: bold 10px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px 0px 2px 0px;
color: #000000;
}

/* Use these Rcolumn01...10 to override default settings above. */

div#Rcolumn02 {
}

div#Rcolumn02 img {
}

div#Rcolumn02 p {
}

div#Rcolumn03 {
}

div#Rcolumn03 img {
}

div#Rcolumn03 p {
}

div#Rcolumn04 {
}

div#Rcolumn04 img {
}

div#Rcolumn04 p {
}

div#Rcolumn05 {
}

div#Rcolumn05 img {
}

div#Rcolumn05 p {
}

div#Rcolumn06 {
}

div#Rcolumn06 img {
}

div#Rcolumn06 p {
}

div#Rcolumn07 {
}

div#Rcolumn07 img {
}

div#Rcolumn07 p {
}

div#Rcolumn08 {
}

div#Rcolumn08 img {
}

div#Rcolumn08 p {
}

div#Rcolumn09 {
}

div#Rcolumn09 img {
}

div#Rcolumn09 p {
}

div#Rcolumn10 {
}

div#Rcolumn10 img {
}

div#Rcolumn10 p {
}

/*---------- END of Right Column Styles ----------*/


/*---- START Search Dialog Styles -----*/

div#search {
}

html>body>div#Lcolumn>div#search {    /* Overrides above for non-IE browsers */
}

div#search a:link {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
color: #000000; }

div#search a:hover {
text-decoration: underline; }

/*---- END Search Dialog Styles -----*/

/*-------- Ordered List Style Spacing ---------*/

ol li {
margin: .5em 0em 0em 0em;
}

ul li {
list-style-type: disc;
margin: .5em 0em 0em 0em;
}

ul li.odd {
list-style-type: circle;
margin: .5em 0em 0em 0em;
background: #b0c6dd;
}

ul li.even {
list-style-type: circle;
margin: .5em 0em 0em 0em;
background: #DDDDB0;
}

/*------- Table Rows with Alternating Colors -------*/

table tr.odd {
background: #B8CDEA;
}

table tr.even {
background: #FFFF80;
}