/* debug optio */
table#comingup {border-style: solid; border-color: red; border-width: 1px;}

/* display changes */
q:before, q:after, .accessibility  {display: none;}
.linkbar li                        {display: inline;}

/* font sizes */

h1, #pagebanner * p                {font-size: 18pt;}
h2, caption, .subtitle, .hdr       {font-size: 15pt;}
.calendar caption, .calendar th, 
p, .cellheader, .photolink,
.linkbar, .photocaption, .leader   {font-size: 12pt;}
.calendar tr td, .schedule tr td,
#pagebanner div, textarea, body,
div#page                           {font-size: 10pt;}
.modification                      {font-size: 7pt;}

/* font families, features and decoration */

*                                  {font-family: sans-serif;}
#pagebanner img, #pagebanner div * {font-family: serif;
                                    font-weight: normal; font-style: italic;}

ul.thirds li ul li, body, div#page {font-weight: normal; font-style: normal;
                                    font-variant: normal;}
.linkbar li                        {white-space: nowrap;}
abbr, acronym                      {font-weight: inherit; font-style: inherit;
                                    font-variant: inherit;}
ul.thirds li, caption, dt, h1, h2,
th, #cecslogo, .cellheader,
.linkbar, .photocaption,
.photolink, .subtitle, .hdr        {font-weight: bold; font-style: normal;}
strong                             {font-weight: bold;}
.leader, .exception, .modification {font-weight: normal; font-style: italic;}
.publication                       {text-decoration: underline;}

/* Background and Font Colors */

/* Stuff outside the "page" */

body                   {background-color: white;   color: black;}
#page, #body           {border-width: 2px 2px 2px 2px; float: left}
#page, #body, .menubar {border-style: solid; border-color: black;}
       #body, .menubar {background-color: #ffeedd; color: black;}
#page, #pagebanner     {width: 55em; margin: 0em; padding: 0em;}


#pagebanner img,
#pagebanner div        {width: 25.7em; height: 9em; 
                        text-align: center; padding: 0em; margin: 0em;}
#pagebanner div p      {text-align: center; padding: 0em; margin: 0em;}

.menubar               {width: 15em; margin: 0.5em 0.5em 1.5em 0.5em;
                        padding: 1em 0.5em; border-width: 0px 0px 1px 0px;}

.prepage               {clear: both; width: 100%;
                        background-color: #ddeeff; color: black;
	                border-style: solid; border-width: 2px 0px;
                        border-color: black; margin: 1ex 0ex 2ex 0ex;}
.prepage .content      {background-color: #ddeeff; color: black;
                        border-style: solid; border-color: #0000dd;
		        margin: 2ex; padding: 0ex;}
.prepage * h1          {background-color: #0000dd; color: white;}

#pagebanner div, .menubar {float: right;}
#pagebanner, #cecslogo    {float: left;}


/* Content Frames */

.content               {border-width: 1px; border-style: solid;
                        margin: 1em 0em; padding: 0em;}
.content div           {margin: 0.5em; padding: 0.5em; border-style: none;} 
.content h1            {margin: 0em; padding: 0em; border-style: none;} 

.generic               {background-color: white;   color: black;}
.generic * .content    {background-color: white; color: black;
                        border-style: solid; border-color: black}
.generic * * h1        {background-color: black; color: white;}

.welcome, .welcome1    {background-color: #ddeeff; color: black;}
.welcome * .content    {background-color: #ddeeff; color: black;
                        border-style: solid; border-color: #0000dd;}
.welcome * * h1        {background-color: #0000dd; color: white;}

.worship, .worship1    {background-color: #eeddff; color: black;}
.worship * .content    {background-color: #eeddff; color: black;
                        border-style: solid; border-color: #7700dd;}
.worship * * h1        {background-color: #7700dd; color: white;}

.teach, .teach1        {background-color: #ddffdd; color: black;}
.teach * .content      {background-color: #ddffdd; color: black;
                        border-style: solid; border-color: #007700;}
.teach * * h1          {background-color: #007700; color: white;}

.serve, .serve1        {background-color: #ffddee; color: black;}
.serve * .content      {background-color: #ffddee; color: black;
                	border-style: solid; border-color: #cc0000;}
.serve * * h1          {background-color: #cc0000; color: white;}

.directions            {background-color: #ffeebb; color: black;}
.directions * .content {background-color: #ffeebb; color: black;
                        border-style: solid; border-color: #773300;}
.directions * * h1     {background-color: #773300; color: white;}

.welcome * #sticky     {background-color: #ffffbb; color: black;
                        border-color: #557799; border-width: 0px 5px 10px 0px;
                        width: 22em; padding: 0.2em; float: right;
                        margin: 0em 0em 0.5em 0.5em;}
.welcome * #sticky h1  {background-color: #ffffbb; color: black;}

#news1_1,
.welcome * #officehours, .welcome * #jmcorner,
.welcome * #thisweek1, .welcome * #comingup1, .welcome * #eventlinks1,
.teach * #vision, .teach * #mission, .teach * #hier,
.teach * #briefhistory {width: 22em; margin: 1em; float: left;}

#news2_1 {clear: left;}
#contactdiv { clear: both;}

/* End Content Frames */

/* Tables and table-derived lists */

table                {empty-cells: hide; border-style: none;
                      border-spacing: 2px;}
td.empty, th.empty   {border-style: none;}
caption              {margin: 0em auto; padding: 0em; caption-side: top;}

.schedule, .calendar {border-style: none; border-width: 0; padding: 0em;}
.calendar            {width: 100%; margin: 0em 0em 2.5em 0em;}
.schedule            {margin: 0em 1.5em 1.5em 1.5em;}

.calendar caption,
.calendar th         {background-color: #0000dd; color: white;}
.schedule caption,
.schedule th         {background-color: #ddbbff; color: black;}
.schedule td,
.calendar td         {background-color: white; color: black;}

.schedule *,
.calendar *          {text-align: center;}
.eventlist th        {text-align: right;}
.calendar td,
.eventlist *         {vertical-align: top;}

.schedule td         {width: 10em;}
.dutyschedule        {width: 40em; padding: 0em 0em; margin: 0em auto;}

table.eventlist      {margin: 0em auto 1em auto; padding: 0em;}
table.eventlist th   {padding: 0em 0.5em 0em 0em;}
table.eventlist td   {padding: 0em;}
table#comingup       {border-spacing: 0.5em;}

.date                {width: 10em;}
.time                {width: 6em;}
.duty                {width: 9em;}
.timeduty            {width: 15em;}

/* end tables */

.oddeven  {float: left; width: 21em;}

/* Border styles and colors */
img, .whole, .colstack, #wcagOK img, #validCSS img,
#validXHTML img                                           {border-style: none;}


/* Floating, clears, alignment */
.shortterms, .ninetenths, .thirds2, .sixtenths, .half,
.fourtenths, .third, .threetenths, .fourth, .fifth,
.sixth, .picleft                                          {float: left;}
img#luau2009, .picright                                   {float: right;}
.mozilla_wa, .colstack, .clearboth, #dailyoffice,
#serve_list, .subtitle, h2                                {clear: both;}
#epislife, #ceccov, .sixth                                {clear: left;}
ol, ul                                                    {text-align: left;}
h1, h2, .exception, li.thirds2, li.third, li.threetenths,
li.fourtenths, li.sixtenths, li.ninetenths, li.fourth,
li.fifth, .whoswho, .whoswho li, .thirds, .thirds li,
.fifth, .leader, .linkbar, .linkbar li, .modification,
.photolink, .photolink a, .photocaption, .subtitle        {text-align: center;}
dl.shortterms dt, .cellheader                             {text-align: right;}

.directions * .content ul, ul.menulist, ul.whoswho,
ul.thirds, ul.threetenths, .colstack li, .leader       {list-style-type: none;}

/* lengths, other than text size */
body, #body         {width: 75em; margin: 0px;}
.colstack           {width: 50em; margin: 0em; padding: 0em;}
.whole              {width: 50em; margin: 0em 2.5em 0em 2.5em; padding: 0em;}
.ninetenths         {width: 42.5em; padding: 0.5em; margin: 0.5em;}
.thirds2            {width: 31em; padding: 0.5em; margin: 0.5em;}
.sixtenths          {width: 27.5em; padding: 0.5em; margin: 0.5em;}
.half               {width: 22em; padding: 0em; margin: 0.5em;}
.fourtenths         {width: 17.5em; padding: 0.5em; margin: 0.5em;}
.third              {width: 14em; padding: 0.5em; margin: 0.5em;}
.threetenths        {width: 12.5em; padding: 0.5em; margin: 0.5em;}
.fourth             {width: 10em; padding: 0.5em; margin: 0.5em;}
.fifth              {width: 7.5em; padding: 0.5em;
                     margin: 0.5em 0.4em 0.5em 0.4em;}
.sixth              {width: 6em; padding:0em; margin: 0em;}
.mozilla_wa         {height: 1px;}
dl.shortterms dt    {width: 11em; padding: 0em; margin: 0em;}
dl.shortterms dd    {position: relative; left: 12em; top: -1.25em;
                     width: 23.0em; padding: 0em; margin: 0em;}

/* margins and padding */

#serve_list         {margin: 1em 0em 0em 6.5em; padding: 0em;}
ul.menulist,
ul.whoswho,
ul.thirds           {margin: 0em; padding: 0em;}
ul.menulist li      {padding-left: 1em;}

.clearboth          {margin: 1em 0em 1em 0em;}
.half *             {margin: 0.2em 0.5em;}
.half ul, .third ul,
.threetenths ul,
.fourth ul,
.fifth ul           {margin-left: 1em; text-indent: 0em;}
p                   {margin: 0.75em 0em 0.75em 0em; padding: 0em;}
h1, h2, .photolink,
.subtitle,
.leader,
.photocaption       {margin: 0.05em; padding: 0.05em;}
.linkbar            {margin: 0.05em; padding: 0em; }
.cellheader         {margin: 0.05em 0.5em 0em 0.5em;}
.linkbar li         {margin: 0em 0.5em; padding: 0em;}
.modification       {padding-top: 1em; }
.whoswho li         {margin: 0.5em;}
dl                  {margin-top: 0em;}

/* image sizes */
img.hwymap          {width: 48em; height: 64em; margin: 1em}
img#luau2009        {width: 55em; height: 21em; padding: 0em; margin: 0em;}
.picwide            {width: 50em; padding: 0.5em;}
.picwide img        {width: 49em;}
.picleft, .picright {width: 20em; padding: 0.5em;}
.picleft img,
.picright img       {width: 19em;}
#wcagOK img,
#validCSS img,
#validXHTML img     {width: 8em; height: 3em; }
img.email           {height: 0.9em; vertical-align: -0.1em;}
img.email-tall      {height: 1.0em; vertical-align: -0.2em;}

/* The next block are the size of image links in the links.htm page */
#anglican2 * img     {width: 12.5em; height: 12.5em;}
#episcopal * img     {width: 10em;   height: 12.5em;}
#edola2 * img        {width: 7em;    height: 12.5em;}

#ceccov * img,
#stmikes * img,
#grace * img         {width: 8em;    height: 10em;}
#laparishes * img    {width: 5.5em;  height: 10em;}
#dioms * img,
#msparishes * img    {width: 6em;    height: 10em;}
#solomon * img       {width: 22.5em; height: 7.5em;}
#hardtner * img      {width: 22.5em; height: 3.2em;}

#acnews * img        {width: 36em;   height: 9em;}
#epislife * img      {width: 20.5em; height: 7em;}
#episcopalnews * img {width: 14em;   height: 7em;}
#erd * img           {width: 7em;    height: 7em;}
#uto * img           {width: 10.5em; height: 7em;}
#worldvision * img   {width: 17.5em; height: 7em;}
#dailyoffice * img   {width: 11.5em; height: 11em;}
#efmlink * img       {width: 22.8em; height: 11em;}
#oremus2 * img       {width: 22em;   height: 3em;}
#beliefnet * img     {width: 12em;   height: 3em;}
img#gblast           {width: 39ex;   height: 25ex;  float: right;}