BODY { background-color:#ffffff; text-align:center; font-family:"helvetica"; }
LI {list-style-position:outside;}
UL LI {list-style:disc; }
OL LI {list-style:decimal;}


#hd { width:773px; height:210px; margin-left:auto; margin-right:auto; position:relative;}
#hd #mosaic-photos { position:absolute; top:25px; right:0px; }

#hd #logo { position:absolute; left:20px; top:20px;}
#hd #logo IMG { width:160px; height:160px;}
#hd H1 { position:absolute; left:145px; top:100px; color:#333366; font-size:30px; font-weight:bold;}
#hd H3 { position:absolute; left:145px; top:135px; color:#6c972c; font-size:18px; }
#hd .slideshow {position:absolute; left:300px; top:40px;}

#hd #main-nav { position:relative; margin: 0px auto 30px auto; top:180px; background-color:#ffffff;
                clear:right; border-bottom:2px solid #e1e6fa; width:800px; height:45px; }
#hd #main-nav LI { float:left; margin:0px 10px; color:red; position:relative; top:2px; list-style:none;}
#hd #main-nav LI.first { margin-left:28px;}
#hd #main-nav LI A { text-decoration:none; background-color:#e1e6fa; color:#336; height:35px;
                     width:98px; display:block; padding:5px; font-size:15px; font-weight:bold;}
#hd #main-nav LI A.selected { background-color:#ffffff; color:#336; border:2px solid #e1e6fa;
                              font-weight:bold; border-bottom:0px; padding:3px 0px 7px 0px; top:4px; height:33px; }



#bd {width:720px; margin:35px auto 0px auto; text-align:left; color:#000000; background-color:#ffffff; padding-left:60px;}
#bd #col1 { text-align:left; vertical-align:top; padding-right:10px;}
#bd #col2 {width:28%; vertical-align:top; text-align:center; }
#bd #col2 A { color:#666699;  }
#bd #col2 IMG { margin-left:5px; }

#bd P { text-align:left; margin:20px 0px; }
#bd H2 { color:#336; font-weight:bold;}
#bd H3 { color:#336; font-size:16px; font-weight:bold;}
#bd H4 { color:#336; font-size:16px; }

#bd OL { list-style-type:decimal; }
#bd UL { margin-left:20px;  }
#bd LI { margin-left:30px; margin-bottom:5px;  }

#bd STRONG { font-weight:bold; }
#bd H2 { font-size:20px; }

#bd #col2 .loud-bubble { padding:8px; background-color:#333366; color:#ffffff; margin-left:4px; }
#bd #col2 .loud-bubble H2 {font-size:16px;margin-bottom:10px;color:#ffffff; }
#bd #col2 .loud-bubble H3 {font-size:14px;margin-bottom:10px;}
#bd #col2 .loud-bubble A {color:#ffffff;}
#bd #col2 .loud-bubble P { font-size:14px; }

#bd #col2 .soft-bubble { border:2px solid #333366; padding:8px; color:#333366;  margin-left:4px; }
#bd #col2 .soft-bubble H2 {font-size:16px;margin-bottom:10px;color:#333366;}
#bd #col2 .soft-bubble H3 {font-size:14px;margin-bottom:10px;}
#bd #col2 .soft-bubble H3 A {color:#333366;}
#bd #col2 .soft-bubble P { font-size:13px; }



#ft {width:790px; position:relative; left:13px; top:50px; margin-left:auto; margin-right:auto; background-color:#e1e6fa; color:#000; font-size:12px;}
#ft UL { padding:10px; }
#ft UL LI {display:inline; list-style:none; margin-right:20px;}
#ft UL LI A { color:#666699; }

#workshops_php #bd  { width: 820px; }
#workshops_php #bd #col1 { width: 53%; }
#workshops_php #bd #col2 { text-align: left; width:47%}
#workshops_php #bd #col2 DIV { zoom:1; _width:93%; }

#workshops_php #bd .events { margin:20px 0px;}
#workshops_php #bd .events UL { margin-top:10px}


#bd .workshop H2 { color:#6c972c; }
#bd .workshop H3 { margin:1px 0px; color:#333366;}
#bd .workshop P { padding:10px 10px 10px 0px; }
#bd .workshop P.first { padding-top:0; margin-top:0; }
#bd .workshop P.disclaimer { font-style:italic; padding-top:20px;}


#workshops_php .workshop-questions { border:2px solid #333366; padding:5px; }
#workshops_php .workshop-questions H3 { width:100%; text-align:left; padding-left:10px; }
#workshops_php .workshop-questions UL { margin:15px 0px; }
#workshops_php .workshop-questions UL LI { margin-left: 25px; }


#photo-credits_php TD {test-align:center; padding:20px;}
#photo-credits_php TD .name {font-weight:bold; font-size:115%;}

#register_php #ft {margin-top:200px;}