.yellow { background: #fff6bf url('exclamation.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }

/*fix page wrap from Kevin*/
#page {
  min-width:1000px !important;
}

/*past projects css*/
.pp-master-container{
    margin-left: auto;
    margin-right: auto;
    margin-top:10px; /*auto;*/
    margin-bottom:10px;
    text-align:left;
   /* white-space:nowrap;
      height:350px;
       width:620px;   
    - by hugh*/
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-style:solid;
    border-width:1px;
    border-color:#000000;  
    overflow:auto;   /* -- Kevin */
}

.pp-block1{
     -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    margin-top:/*10px;*/ /*auto;*/ 1%;
    margin-bottom:/*10px;*/ 1%;
    margin-right:/*10px;*/ 0;
    margin-left:/*10px;*/ 0;
    background:lightgreen;
    overflow:auto;    /* make sure things don't get cut off-- Kevin */
}

.pp-block1-title{
  font-family: "Arial Black", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 1.17em;
  font-weight: normal;
  letter-spacing: -0.04em;
  line-height: 110%;
  margin: .5em 0 .2em;
 /* text-shadow: #fff 1px 1px 1px; copied straight from arclite theme and shadow removed -by hugh */
}

.pp-block2{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    margin-top:/*10px;*/ /*auto;*/ 1%;
    margin-bottom:/*10px;*/ 1%;
    margin-right:/*10px;*/ 1%;
    margin-left:/*10px;*/ 1%;
    background:orange;
    overflow:auto;   /* -- Kevin */
}

.pp-block2-title{
}

.pp-event-block{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    margin-top:/*10px;*/ /*auto;*/ 1%;
    margin-bottom:/*10px;*/ 1%;
    margin-right:/*10px;*/ 1%;
    margin-left:/*10px;*/ 1%;
    background:gray;
    overflow:auto;   /* -- Kevin */
    padding: 2%; /* --Kevin*/
}

.pp-photo img {
    border:0px;  /* remove border from linked images -- Kevin */
    padding-left: 0px !important;
    /* put border in image file --Kevin */
    /*border: 2px solid black;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -khtml-border-radius: 30px;
    -webkit-border-radius: 30px;
    /*in actual deployment I might have to forgo the CSS3 implimentation of rounded images due to lack of consistent cross browser support. - by hugh*/

    /* Yes. Use rounded images-- Kevin */
}

.pp-event-story{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-style:solid;
    border-width:1px;    
    border-color:#000000;
    background:lightblue;

    /*width:60%; -- moved to .pp-content -- Kevin */
}

.pp-about-language{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    background-color:#fff062;
    /*max-width:35%; -- moved to .pp-content -- Kevin */
    /*min-width:330px;*/
    text-align:center;
}

.pp-about-language li{
    list-style-type: none;
    /* I am really having some trouble determining if I should mark this up li.pp-about-language {SomeStyle:here;} or if the as implemented is perfered. So when does the element come first and the class second and when does the class come first and the element second? - by hugh */
}

#pipero-iso693-3-pip-workshop-photo-1{ 
}

#pipero-iso693-3-pip-workshop-photo-2{
}
.pp-content-left{
    /*no margin */
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:5px;
    float:left;     /* -- Kevin */
    width:24%;      /* -- Kevin */
    overflow:hidden;  /* Keep content from overflowing-- Kevin */  
}
.pp-content-center{
    /* only margin left -- Kevin */
    margin-left:/*10px;*/ 2%;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:5px;
    overflow:hidden;   /* -- Kevin */
        /*float:left; don't use so the middle column stays in the middle -- Kevin */
        /*width not set so it fills to the right with two columns -- Kevin */

 }
.pp-content-right{
    /* only left margin  -- Kevin*/
    margin-left:/*10px;*/ 2%;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:5px;
    float:right; /* -- Kevin */
    width:24%;      /* -- Kevin */
    overflow:hidden;   /* -- Kevin */
}   


/* not needed */
.clearfix{
    /*clear:both;*/
}
/*Prayer Calendar*/
.paterson-prayer-calendar-download-container{
background-color: white;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	width:150px;
	height:150px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	text-align:center;
	margin:auto;
	margin-top:2%;
}

/*Newletter css*/
.paterson-newsletter-container-master{
 	align:center;
 	margin-top:10px; /*auto;*/
 	margin-bottom:10px;
 	text-align:left;
 	height:350px;
 	white-space:nowrap;
	width:100%;
	min-width:640px;
	max-width:750px;
}

.paterson-newsletter-container{
	background-color:#EEEEEE;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	position:relative;
 	height:350px;
 	width:65%;
 	float:left;
 	min-width:470px;
}

.paterson-newsletter-image{
	position:absolute;
	bottom:2%;/*5px;*/
	top:2%;/*5px;*/
 	left:2%;/*5px;*/
}

.paterson-newsletter-download-container{
	background-color: white;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	width:150px;
	height:150px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	position:absolute;
	bottom:40%;/*85px;*/
 	left:63%;/*300px;*/
 	text-align: center;
}

.newsletter-file-size{
 	color:black;
 	font-size:85%;
 	font-weight:bold;
}
.paterson-newsletter-highlights{
 	text-align:left;
 	valign:middle;
 	line-height: 110%;
 	display:inline;
 	position:absolute;
 	margin-top:2%;/*10px;*/
 	margin-bottom:2%;/*10px;*/
 	margin-left:2%;/*10px;*/
 	float:left;
 	width:28%; /*280 or 340;*/
 	border-width:1px;
 	border-color:black;
 	border-style:solid;
 	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
 	height:350px;
 	white-space: normal;

}
/* No border on icons */
.icon img{ 
  border: none;
}
/* captions, thumbnail images in posts */

/*.post-content img, .attachment img, .navigation .alignleft img, .navigation .alignright img{
  padding: 3px;
  margin: 4px 10px;
  border: 1px solid #b7a99a;
  border-radius: 4px;
  -moz-border-radius: 4px;
}*/


/* To neutralize all caps for CForms */
legend{
 text-transform: none;
}

#li-3-1 { width:400px;
}

/* Styles for Facebook status sidebar widget */
#facebook-status-hugh {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color:#66FFFF;
	layer-background-color:#66FFFF;
	font-weight:bold;
	color:black;
	border-style: solid;
	border-color: black;
	border-width: 2px;
	text-align:center;
}
a.facebook-status-hugh:link a:hover a:visited a:active {
	text-decoration: none;
	color: black;
}


#facebook-status-becky {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color:#FFCBDB;
	layer-background-color:#FFCBDB;
	font-weight:bold;
	color:black;
	border-style: solid;
	border-color: black;
	border-width: 2px;
	text-align:center;
}
a#facebook-status-becky:link a:hover a:visited a:active {
	text-decoration: none;
	color: black;
}


/* tables by hugh */

table.email-body-wrap{ 
border-width: 5px; 
border-style: outset;
cellspacing: none; 
cellpadding: none;
width: 480px;
align: center;
margin:0em 0 0em;
}

#body-center{
line-height:1px;
width: 438px; 
background:url(http://thejourneyler.org/webapps/newsletter/Febuary09/Resources/bg_letter.jpg);
}

td.middle-content-column{
background-position: 50% 0; background:url(http://thejourneyler.org/webapps/newsletter/Febuary09/Resources/bg_pattern.jpg);
}
td.left-gutter-spacing{
font-size:1px;
width: 30px;
}

.nohover :hover { background-color: transparent; }

/* tables */


/*
table{
  margin: none;
}

table td, table th{
  text-align: left;
  border-right: 1px solid #e8e1c8;
  padding: none;
}

table th{
  background: none;
  color: none;
  text-transform: none;
  font-weight: normal;
  border-bottom: 1px solid #e8e1c8;
}

table td{
  background: none;
}

table tr.even td{
  background: none;
}

table tr:hover td{
  background: none;
}*/