* { padding: 0; margin: 0; font-family: tahoma, verdana,arial, helvetica, sans-serif;  }
body, html { width: 100%; height: 100%; position:absolute;  background: #fff url(/graphics/bg.jpg) repeat-y}

div#container { width: 100%; height: 100%; background: url(/graphics/horiz_bg.gif) repeat-x;  }

div#masthead { width:100%; text-align: left; height: 171px; background: url(/graphics/masthead.jpg) no-repeat }
div#masthead h1, div#masthead h2 { display: none; }

/* CONTENT */
div#content { width: 900px; margin: 0  }

div#content p { margin-bottom: 10px; }
div#content p.date { margin-bottom: 0px; color: #888; text-align: right; margin-bottom: 0px; }

div#content h2 { color: #2d47c4; font-size: 22px; margin-top: 6px;  }
div#content h3 { color: #922525; font-size: 18px }
div#content h4 { color: #444; font-weight: bold; font-size: 14px }
div#content p { color: #455087; font-size: 13px }
div#content ul.news_item { list-style-type: none; clear: both; margin: 10px 0px 10px 0px; }
div#content ul.news_item li.image { display: block; height: 100%; width: 120px; float: left; text-align: content; margin: 0px 15px 0px 0px }
div#content ul.news_item li.image img { border: solid #516ced 2px }

div#content ul.news_item li.body { width: 420px; float: left; margin: 0px 0px 10px 0px;  }
div#content ul.news_item li.body h3 { display: block; padding: 5px 10px; background-color: #516ced; color: #fff; font-weight: bold; border-bottom: solid 2px #444; }
div#content ul.news_item li.body h3 a { color: #fff; border-bottom: none }
div#content ul.news_item li.body p.more {  color: #ccc; text-align: left; margin: 0px 0px 10px 0px; }
div#content ul.news_item li.body p.more a {  color: #444 }
div#content ul.news_item li.body p { margin-bottom: 4px; }


/* NAV */
div#nav { width: 100px; height: 100%; float: left; margin-right: 40px; }
ul#site_nav { list-style-type: none; margin-top: 10px }
ul#site_nav li { display: block; width: 100px; height: 22px; text-align: right}
ul#site_nav li a { color: #fff; font-size: 18px; }

/* CENTER CONTENT */
div#center { width: 560px; height: 100%; float: left; margin: 12px 14px 30px 0px }
div#center_home { width: 700px; height: 100%; float: left; margin: 12px 14px 30px 0px }
div.top_left { width: 340px; height: 250px; margin: 0px 5px 5px 0px; border: solid 1px #ccc; background-color: #eee; float: left;  }
div.top_right { width: 340px; height: 250px; margin: 0px; border: solid 1px #ccc; background-color: #eee; float: left;  }

div.bot_left { width: 340px; margin-right: 5px; border: solid 1px #ccc; background-color: #eee; float: left;  }
div.bot_right { width: 340px; border: solid 1px #ccc; background-color: #eee; float: left;  }

div.padding { margin: 10px; }



div#forum { width: 900px; height: 100%; float: left; margin: 12px 14px 30px 0px }

/* RIGHT SIDE */
div#right { width: 160px; float: left; margin: 12px 0px 0px 16px;  }
div#right div.box { background-color: #eee; padding: 6px; border: dashed 1px #644; margin-bottom: 5px }
div#right p { margin-bottom: 6px; color: #455087; font-size: 13px }

div#footer { width: 400px; clear: both; text-align: center; margin: 40px 0px 0px 220px; border-top: 1px dotted #888 }
div#footer p { border-top: solid #eee; font-size: 13px }


b { font-weight: bold; }
i { font-style: italic }

p.error { background-color: #eee; border: solid 1px #444; padding: 4px; font-weight: bold; color: #c00; }

a { text-decoration: underline; /* border-bottom: 1px dotted; */ color: #516ced; }
a:hover { text-decoration: none;  /* border-bottom: 1px solid; */  color: #516ced; }

img.border { border: #222 solid 2px }

input.textbox { width: 90%; margin-right: 10px; }
input.text { width: 80%; margin-right: 10px; }
textarea { width: 100%; }

table.list { background-color: #aaa; width: 100% }
table.list th { width: 100px; background-color: #ccc; padding: 6px 4px 4px 4px; text-align: center; vertical-align: top; font-size: 13px }
table.list td { background-color: #eee; padding: 4px;  font-size: 13px }

table.form { background-color: #aaa; width: 100% }
table.form th { width: 100px; background-color: #ccc; padding: 6px 4px 4px 4px; text-align: right; vertical-align: top; font-size: 13px }
table.form td { background-color: #eee; padding: 4px;  font-size: 13px }

table.form_packages { background-color: #aaa; width: 100% }
table.form_packages th { width: 25%; background-color: #ccc; padding: 4px; text-align: right; vertical-align: middle; font-size: 13px }
table.form_packages td { background-color: #eee; padding: 4px;  font-size: 13px }
table.form_packages td.price { width: 10%; }
table.form_packages td.details { width: 65%; }

table.info { background-color: #aaa; width: 100% }
table.info th { background-color: #ccc; padding: 4px; text-align: right; vertical-align: top; font-weight: bold; font-size: 12px }
table.info td { background-color: #eee; padding: 4px; font-size: 12px;  }

table.workshops { background-color: #aaa; width: 100% }
table.workshops th { background-color: #ccc; padding: 4px; text-align: right; vertical-align: top; font-weight: bold; font-size: 12px }
table.workshops td { background-color: #eee; padding: 4px; font-size: 12px; width: 40% }
table.workshops td.time { text-align: right; width: 100px  }
table.workshops td.lunch {  background-color: #ddd; text-align: center }

table.schedule { background-color: #aaa; width: 100% }
table.schedule th { background-color: #ccc; padding: 4px; text-align: right; vertical-align: top; font-weight: bold; font-size: 12px }
table.schedule td { background-color: #eee; padding: 4px; font-size: 12px;  }
table.schedule td.time { text-align: right; width: 100px;  }
table.schedule td.pic { text-align: right;  width: 1px;  }

ul.dance { list-style-type: none; }
ul.dance li.map { display: none; }
ul.dance li.title { font-size: 14px; font-weight: bold }

ul.workshop { list-style-type: none; display: block; }
ul.workshop li { display: block; text-align: center }
ul.workshop li.title { font-weight: bold; }
ul.workshop li.level { font-weight: bold; color: #888 }
ul.workshop li.instructors { font-style: italic; }


table.table { background-color: #aaa; width: 100% }
table.table th { background-color: #ccc; padding: 4px; text-align: center; font-weight: bold; font-size: 12px }
table.table td { background-color: #eee; padding: 4px; text-align: center; font-size: 12px;  }

tr.hp { display: none }

ol { list-style-position: inside }

img.picture { margin: 8px; border: solid 2px #222; }

.strikeout { text-decoration: line-through }

select option { margin-right: 10px }

.centered,.centered * { text-align: center }

.noborder { border: none; }

ul.admin_options { list-style-type: none; display: block; width: 100%; }
ul.admin_options li { list-style-type: none; display: inline-block; width: auto; text-align: center; height: 30px; margin: 2px 5px; background-color: #ccc; border: solid 1px #444; }
ul.admin_options li a { margin: 2px 5px; }

div.housing_details { display: none; }

div#content p.news_time { text-align: left; color: #777; font-style: italic }
hr { margin: 10px 5px 5px 0px }