/* structural */
*
{
  margin: 0;
}

.hidden
{
  visibility: hidden;
  display: none;
}

a, a:visited
{
  color: #336699;
  text-decoration: none;
}

a.section
{
  color: #336699;
  padding-bottom: 4px;
}

hr
{
  color: #dddddd;
  background-color: #dddddd;
}

ul + a.section
{
  padding-top: 8px;
}

body > div,
div.wrapper,
div.footer
{
  width: 1024px;
  margin-left:  auto;
  margin-right: auto;
}

html, body
{
  height: 100%;
}

.wrapper
{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -40px;
}

body.index
{
  min-height: 500px;
  max-height: 800px;
  height: 100%;
}

.footer, .push
{
  text-align: center;
  height: 40px;
}

iframe
{
  width: 1024px;
  border: none;
  overflow: hidden;
  display: block;
}

div.header
{
  height: 90px;
}

body.internal /* for webkit bug */
{
  overflow: hidden;
}

.tabs
{
  padding-top: 2px;
  height: 30px;
  background-color: white;
}

#panel ul,
li.note,
div.tabs > ul
{
  list-style: none;
  padding: 1px;
}

#panel > a
{
  display: block;
}

#panel > p.user,
#content p.note
{
  font-size: 10pt;
  margin-top:0px;
  margin-bottom:0px;
}

#content ul
{
  padding-left: 20px;
}

#content ul li
{
  list-style: none;
  background-image: url('images/ul_li.png');
  background-position: 0px 6px;
  background-repeat: no-repeat;
  padding-left: 16px;
}

div.tabs li
{
  border: 2px solid white;
}

div.tabs li.selected
{
  border: 2px solid #dddddd;
}

li.note
{
  font-style: italic;
}

#panel ul li
{
  margin-left: 8px;
  background-image: url('images/li_b.png');
  background-position: bottom left;
  background-repeat: no-repeat;
}

#panel ul li a,
#panel ul li a:visited
{
  color: black;
}

.tabs ul
{
  margin-left: 1px;
}

.tabs ul li
{
  padding: 2px 10px 2px 10px;
  background-color: #13599e;
  display: inline;
  text-align: justify;
  margin: 0px;
  cursor: pointer;
}

.tabs ul li a
{
  display: inline-block;
  width: 176px;
  color: white;
  text-decoration: none;
  text-align: center;
  font-variant: small-caps;
}

/* style */
div.header
{
  padding-top: 5px;
}

.header img
{
  border: none;
}

.header h1
{
  font-size: large;
  display: inline;
}

iframe
{
  border: none;
}

#panel
{
  margin-left: 4px;
  margin-top: 8px;
  float: left;
  width: 256px;
}

#content
{
  padding: 8px;
  height: auto !important;
  overflow: auto;
  overflow-x: hidden;
}

#panel + #content
{
  width: 746px;
}

#content > div.image
{
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

div.wrapper > h2
{
  padding: 8px;
}

/*body.index div.wrapper
{
  background-image: url('images/footer.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom center;
}*/

.headeri
{
  padding: 5px 5px 0px 5px;
  background-image: url('images/header.png');
  height: 115px;
  border-top: 1px solid #dddddd;
}

.headeri > a
{
  margin-left: 0px;
  margin-top: 0px;
}

.footeri
{
  padding-top: 8px;
}

.footer, .header
{
  background-image: url('images/bg.png');
}

.footeri
{
  background-color: white;
  height: 30px;
  padding: 0px 5px 0px 5px;
  border-bottom: 1px solid #dddddd;
}

body
{
  background-image: url('images/bg.png');
}

.wrapper
{
  background-color: #fefefe;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius-bottomleft: 11px;
  -moz-border-radius-bottomright: 11px;
  -webkit-border-bottom-left-radius: 11px;
  -webkit-border-bottom-right-radius: 11px;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

.card
{
  overflow: hidden;
  height: 100px;
  display: none;
}

.cards > div.card:first-of-type,
.minicards > div.card:first-of-type
{
  display: block;
}

.cards > a,
.minicards > a
{
  display: block;
}

#cards
{
  width: 100%;
  vertical-align: bottom;
}

body
{
  font-family: Calibri, Georgia;
  text-align: justify;
}

a.cardlabel
{
  width: 1004px; /* minus padding */
  font-variant: small-caps;
  text-decoration: none;
  color: white;
  padding: 4px 4px 4px 16px;
}

a.cardlabel.c0
{
  background-image: url("images/cardlabel.png");
}

a.cardlabel.c1
{
  background-image: url("images/cardlabel2.png");
}

a.cardlabel.c2
{
  background-image: url("images/cardlabel3.png");
}

a.cardlabel.c3
{
  background-image: url("images/cardlabel4.png");
}

a.cardlabel.c4
{
  background-image: url("images/cardlabel5.png");
}

a.cardlabel.c5
{
  background-image: url("images/cardlabel6.png");
}

a.cardlabel:active,
a.cardlabel:focus
{
  outline: none;
}

#c3 a
{
  color: black;
}

div.cardi
{
  padding: 8px;
}

div.card div.visit
{
  position: absolute;
  bottom: 30px;
  font-size: 130%;
  right: 50px;
}

#c1 div.visit a,
#c2 div.visit a
{
  color: white;
}

div.card div.announce
{
  position:absolute;
  bottom:30px;
  font-size:200%;
  left:50px;
}

#c1 div.announce a
{
  color: white;
}

div.card > div
{
  position: relative;
  height: 100%;
}

div.quickannouncement
{
  position: relative;
  margin-top: -20px;
  margin-right: 0px;
  margin-left: auto;
  width: 500px;
  text-align: right;
  padding-right: 32px;
  z-index: 1000;
  overflow: hidden;
  height: 20px;
}

div.quickannouncement > a
{
  color: white;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
  width: auto;
}

div#c0
{    
  padding: 0px;
  /*background-image: url("images/sl2.jpg");*/
}

div#c1
{
  color: white;
  background-image: url("images/ed.jpg");
}

div#c2
{
  background-image: url("images/events2.jpg");
}

div#c3
{
  background-image: url("images/books.jpg");
}

div#c4
{
  background-image: url("images/faqihBackground.jpg");
}

div#c5
{
  background-image: url("images/sp.jpg");
}

.tabs li#t0
{
   background-color: #660000;
}

.tabs li#t1
{
  background-color: #006633;
}

.tabs li#t2
{
  background-color: #3366cc;
}

.tabs li#t3
{
  background-color: #6699ff;
}

.tabs li#t4
{
  background-color: #ff9900;
}

#slideshow
{
  position: relative;
  width: 1024px;
  height: 100%;
}

#slideshow a
{
  color: white;
  font-weight: bold;
}

#slides
{
  height: 100%;
  overflow: hidden;
  vertical-align: bottom;
}

#slides > div
{
  position: relative;
  height: 100%;
}

#slideshow div.quote
{
  font-style: italic;
  z-index: 1000;
  position: absolute;
  left: 30px;
  top: 30px;
  color: white;
  margin: 0;
  padding: 6px; 
  width: 800px !important;
  float: left !important;
  font-size: 40px;
}

#slides > div#s0 > div.quote
{
  left: 200px;
  top: 0px;
  color:white;
}

 #slides > div#s2 > div.quote
{
  width: 900px !important;
}
 #slides > div#s3 > div.quote
{
  left: 200px;
  width: 900px !important;
}
 #slides > div#s4 > div.quote
{
  left: 200px;
}

div.loc
{
  position: absolute;
  bottom: 10px;
  color: white;
  left: 50px;
}

div#c2 div.loc
{
  bottom: 30px;
}

#slides > div#s1 > div.loc
{    
    left: 700px;
}
#slides > div#s2 > div.loc
{    
    left: 800px;
}
#slides > div#s3 > div.loc
{    
    left: 800px;
}
#slides > div#s4 > div.loc
{
    left: 850px;
}

#slideshow div.si img
{
  height: auto;
}

#controls
{
  z-index: 1000;
  position: absolute;
  top: 0px;
  left: 0;
  display: none;
  margin: 0;
  padding: 6px; 
  width: 218px;
  float: left !important;
}

#controls span
{
  margin: 0 5px
}

#controls a
{
  font-variant: small-caps;
}

#controls a:focus,
.tabs ul li a:focus
{
  outline: none;
}

h2, h3, h4, p, #content > ul, #content > ol
{
  margin-bottom: 1em;
}

li + li > h4,
ul + p
{
  margin-top: 1em;
}

h5
{
  font-size: 100%;
}

a.selected,
li.selected,
tr.unread
{
  font-weight: bold;
}

div#panel.affiliates
{
  padding-top: 8px;
  width: 310px;
  text-align: center;
}

div#panel.affiliates + div#content
{
  width: 680px;
}

h1, h2, h3, h4, h5
{
  color: #1d5082;
}

#panel
{
  line-height: 150%;
}

#panel.location
{
  width: 200px;
}

#panel.location p
{
  padding-left: 16px;
}

div.card h3
{
  margin-bottom: 0px;
}

table
{
  border-collapse: collapse;
}

table.timetable
{
  text-align: center;
}

table.timetable td.time
{
  font-size: 80%;
}

table tr.course1 td
{
  color: black;
}

table tr.course1.seperator
{
  border: 1px solid black;
}

table tr.course2 td
{
  color: #225588;
}

table tr.course2.seperator
{
  border: 1px solid #225588;
}

table tr.course3 td
{
  color: #770000;
}

table tr.course3.seperator
{
  border: 1px solid #770000;
}

div.messages,
table.listing,
div#message_pane
{
  font-size: 10pt;
  width: 100%;
  text-align: center;
  border: 1px solid #dddddd;
}

table.listing td.path
{
  text-align: left;
  padding-left: 1em;
}

form.edit
{
  width: 100%;
}

form.edit input[disabled]
{
  background-color: #eeeeee;
  color: black;
}

form.edit input[type=text],
form.edit input[type=password],
form.edit textarea,
form.edit select,
iframe.markItUpPreviewFrame
{
  width: 100%;
  border: 1px solid #dddddd;
  padding: 5px;
  margin-bottom: 4px;
}

form.message
{
  text-align: right;
  display: inline;
}

label,
form label
{
  font-size: 10pt;
  font-weight: bold;
  width: auto;
  display: inline-block;
}

form label + span
{
  font-weight: normal;
  width: 5em;
}

p.note + form
{
  margin-top: 1em;
}

form span
{
  width: auto;
  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
  margin-left: 1em;
}

form + *,
input + h3,
input + h4,
select + input[type='submit']
{
  margin-top: 1em;
}

.halfwidth,
form.edit > textarea.halfwidth,
form.edit > label.halfwidth,
form.edit > input.halfwidth
{
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

form select.clock
{
  width: 4em;
}

table
{
  margin-bottom: 1em;
}

span.date
{
  display: block;
}

td.chk
{
  width: 4px !important;
  padding: 0px;
  margin: 0px;
}

table.c 
{
  width: 100%;
  text-align: center;
  table-layout: fixed;
}

td input[type=submit]
{
  width: 60px;
  text-align: center;
}

td input[type=submit].o
{
  width: 20px;
}

td form + *
{
  margin: 0px;
}

td > form
{
  display: inline-block;
}

table.listing td,
table.messages td
{
  border: none;
}

table.listing tr:hover td
{
  background-color: #cfd9ef;
}

p.success,
p.warning,
p.error
{
  padding: 4px;
  font-size: 10pt;
}

p.warning
{
  border: 1px solid #F46F0B;
  background-color: #FFF0E5;
}

p.success
{
  border: 1px solid #2EB42E;
  background-color: #E5FFE5;
}

p.error
{
  border: 1px solid #AFAF00;
  background-color: #FFFFDF;
}

tr.invalid
{
  color: #cf6f7f;
}

table.messages td.date
{
  width: 10em;
}

table.messages td.subject
{
  text-align: left;
  padding-left: 1em;
}

table.messages td.subject > span
{
  width: 2em;
}

table.messages
{
  font-size: 10pt;
  width: 100%;
  text-align: center;
}

table.messages > tr:hover > td
{
  cursor: pointer;
}

table.messages tr.selected td
{
  background-color: #cfd9ef;
}

div.messages
{
  height: 20em;
  margin-bottom: 1em;
}

table.message_details th
{
  text-align: right;
  width: 5em;
  padding-right: 1em;
  font-weight: bold;
}

div.message
{
  text-align: left;
  width: 100%;
  padding: 8px;
}

div#message_pane div.controls
{
  text-align: right;
  height: 20px;
  margin-top: -30px;
  margin-bottom: 0px;
  border-bottom: 1px solid #dddddd;
}

div#message_pane div.controls form > input[type=submit]
{
  border: 1px solid black;
}

div.video
{
  text-align: center;
  margin-bottom: 1em;
}

div.inline
{
  display: inline-block;
  width: 40%;
}

div.datepicker span
{
  font-size: 10px;
}