/* DEFAULTS */
html,body,table,h1,h2,h3,h4,h5,h6,ul,ol,li { font: 11px Arial; margin: 0em; color: #666; border: 0px; padding: 0px; margin: 0px; }
h1 { font-size: 24px; margin: 0px 0px 10px 0px; color: #222; }
h2 { font-size: 22px;  font: 14px Georgia;}
h3 { font-size: 18px; margin: 0px 0px 0px 0px; }
p  { margin: 10px 0px 0px 0px; text-align: justify; }
hr { padding: 0px 0px 60px 0px; }

i  { font-style: italic; }
ol { margin: 0px 0px 0px 20px;}
ol.lower_roman { list-style-type: lower-roman;  }
strong { font-weight: 600; }
   strong.heading { font-weight: normal; font-size: 18px; margin: 0px 0px 0px 0px; text-decoration: none; }
body { border: 0px; margin: 0px; padding: 0px; background: url('../images/formatting/background.jpg') no-repeat; }
table { width: 544px; border: 1px #ddd solid; margin: 10px 0px 20px 10px; background: #fff; clear: both; }
   table tr th { font: 11px Georgia; color: #222; text-align: center; background: #F2F9F1; padding: 6px; vertical-align: top; border-bottom: 1px #ddd solid; }
   table tr td { padding: 6px; vertical-align: top;  text-align: center; border-top: 1px #eee solid; }
   table tr td h3 { padding-top: 20px; }
   table tr td input, table tr td select.course_info { width: 240px; vertical-align: middle; padding: 2px; }
   table tr td.submit { text-align: right; padding-right: 30px; }
   table tr td input.button { width: 120px; padding: 0px; }
label { vertical-align: middle; line-height: 18px; display:block; }
   label:hover { cursor: pointer; }
   label input.radio { width: 20px; }
img{ border: 0px; }
a { text-decoration: none; }
   a:link, a:visited, a:active { text-decoration: none; color: #55B6F0; }
   a:hover, a:visited:hover{ text-decoration: underline;}
textarea { width: 370px; height: 160px; padding: 4px; }
ul { margin: 0px; padding: 0px; }
   ul li { list-style-image: url('../images/formatting/bullet.gif'); }
.link { background: #CFE9FF;}
.right { text-align: right;}

/* GENERIC CSS */
.clear { clear:both; }
.pointer { cursor: pointer; }

/* LOGO */
#logo { width:210px; height:110px; }


#ticker_tape { background: #000; margin:2px 0px 0px 3px; height:20px; color: #ffffff; font-family: arial;font-size: 13px;  }
#ticker_tape a { color: #ffffff; font-family: arial;font-size: 13px; text-decoration: none; }
#ticker_tape a:hover { color: #ffcc33; }


/* CONTENTS */
#container { position: absolute; width:550px; top:70px; left: 210px; }
#content { margin:14px 0px 0px 0px; font: 13px georgia;  }
   #content h1 { font:20px georgia; color:#fff; margin: 10px 0px -1px 13px; padding: 4px 0px; }
      #content h1 a { color:#fff; text-decoration: none; display: block; background: none;}
      #content h1 a:hover { color: #aaa; background: none; }
   #content h2 { background: #B0D9F4; color:#222; margin: 0px 0px 0px 3px; padding: 4px 10px; font:20px caps; letter-spacing: -0.05em; text-decoration: none; }
   #content h2.sub { background: #D4E7F4; color:#222; margin: 0px 0px 0px 3px; padding: 4px 10px; font:18px caps; letter-spacing: 0em; text-decoration: none; }
   #content h3 { font:18px georgia; color:#335582; margin: 0px 0px 0px 10px; padding: 10px 0px 0px 0px; clear:left; border-bottom: 1px #6687B3 dashed; }
      #content h3.no_margin { margin: 0px; }
   #content h4 { font:13px georgia; color:#335582; margin: 0px 0px 10px 10px }
   #content h6 { margin: 0px 0px 0px 10px; }
   #content p { font: 13px georgia; line-height: 1.3em; margin: 0px 0px 10px 10px; text-align: justify; }
      #content p.breadcrumb  {padding:2px 0px 0px 0px; }
      #content p.breadcrumb a { text-decoration: none; }
      #content blockquote { background: #dff0ff; width: 160px; float:left; margin: 6px; padding: 6px;  font: 18px  trebuchet ms;}
      #content blockquote:hover { background: #90CBFF; }
      #content blockquote:hover p { color: #fff; }
      #content blockquote p { color: #57B2FF; margin: 0px; padding: 0px; font: 18px trebuchet ms; text-align:center; }
      #content blockquote p .caps{ color: #73C1EF;margin: 0px; padding: 0px; font-size: 24px ; }
   #content table tr td label.radio { display: inline; }
   #content table tr td label.radio input { width: auto; border: none; }
   #content img  { margin: 10px 0px 10px 0px; }
      #content img.left  { float:left; margin: 4px 10px 2px 0px; }
      #content img.right { float:right; margin: 4px 0px 2px 10px; }
      #content img.bullet { margin: 3px; display: inline; float:none; }
   #content table { margin: 10px 0px 20px 6px}
      #content table tr td img { margin: 3px; display: inline; float:none; }
      #content table.timetable { border: 1px #73C1EF solid; background: #fff; padding: 0px;  width: 540px; margin: 10px 0px 0px 6px;}
      #content table.timetable h1 { margin: 0px 0px 10px 0px; padding: 10px; background: url('../images/formatting/short_course_h1.jpg') top center; border: 0px; border-bottom: 1px #ddd dotted; color: #222;}
      #content table.timetable h2 { padding: 0px; margin: 10px 0px 0px 0px; background: none; border: none; font-size: 20px; color: #73C1EF;}
      #content table.timetable h3 { padding: 0px; margin: 0px 0px 0px 0px; border: none; font-size: 16px; border-bottom: 0px #eee solid; }
      #content table.timetable h3 a { text-decoration: none; font-size: 16px; display: block; padding: 4px; }
      #content table.timetable th { font: 10px verdana; text-align: left; padding: 0px; margin:0px; color: #888; background: none; border-bottom: 0px #eee solid; }
      #content table.timetable th.course { padding: 0px 0px 0px 10px}
      #content table.timetable th.center { text-align:center }
      #content table.timetable td { vertical-align: middle; padding: 4px 4px 4px 0px ; margin: 0px; text-align:left;}
      #content table.timetable td.course {  font: 14px Georgia; padding: 0px 0px 0px 10px}
      #content table.timetable td.venue { width: 80px; text-align:center;}
      #content table.timetable td.date { text-align:center;}
      #content table.timetable td.location { text-align:center;}
      #content table.timetable td.book { color: #0096dc; text-align:right; padding: 0px 10px 0px 0px}
      #content table.timetable td.book a { color: #0096dc; }
      #content table.timetable td.book a:hover { text-decoration: underline }
      #content table.download_pdf { background: none; border: none; width: auto;}
      #content table.download_pdf tr td { border: none; vertical-align: middle; padding: 0px 6px; text-align: left;}
   #content ul { list-style-type: disc; margin: 0px 0px 10px 10px; padding: 0px;  }
   #content ol li { margin: 0px 0px 1px 20px; padding: 2px 0px 0px 0px; font: 13px georgia; }
   #content ul li { margin: 0px 0px 1px 26px; padding: 2px 0px 0px 0px; list-style-image: url('../images/formatting/bullet-content2.gif'); font: 13px georgia; }
      #content ul li a:link,
      #content ul li a:visited,
      #content ul li a:active { width:auto; display: inline; padding: 0px; }
      #content ul li a:hover,
      #content ul li a:visited:hover { width:auto; display: inline; }
         #content ul.links li a:link,
         #content ul.links li a:visited,
         #content ul.links li a:active { width:100%; display: block; }
         #content ul.links li a:hover,
         #content ul.links li a:visited:hover { width:100%; display: block; }
         #content ol li { padding: 0px 0px 10px 0px; }
         #content select.enrolment_select { width: 360px; padding: 0px; }
         #content select.enrolment_select optgroup {  font-size: 14px; color: #4998d8; border-bottom : 1px #ddd dashed; padding: 4px; }
      #content ul.sitemap { margin: 10px 0px 0px 10px; }
      #content ul.sitemap li { list-style-image: none; list-style: none; margin-left: 0px; }
         #content ul.sitemap li h3 { border: none;}
         #content ul.sitemap li ul li { margin-left: 10px; }
         #content ul.sitemap li ul li ul li { margin-left: 10px; }
   #content .question { padding : 0px 6px; text-decoration: underline;  font-style: italic;}
   #content .right_panel { float:right; width: 180px; margin: 30px 0px 10px 10px; clear: right; z-index: 100;}
      #content .right_panel .highlight { border: 1px #74C2F0 solid; background: #F2FAFE; }
      #content .right_panel .highlight h3 { color: #2B76D0; background: #CBEBFF;  }
   #content .related_links, #content .related_links_over { cursor: default; }
   #content .lrg { border: 1px #DDD solid; margin: 0px 0px 0px 10px; background: #fff; }
      #content .lrg h3 { background: url('../images/formatting/staff_h1.jpg'); margin: 0px 0px 10px 0px; padding: 10px; border-bottom: 1px #ddd dotted; color: #222; }
      #content .lrg h4 { margin: 0px 0px 10px 10px; font-size: 16px; color: #888 }
      #content .lrg p  { padding: 0px 10px 0px 0px; }
      #content .lrg img{ padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px; float:left}
   #content .sml { margin: 4px 0px 2px 10px; border: 1px #ddd solid; background: #fff; float:right; width: 180px; padding: 0px; position: relative;}
      #content .sml h3  { margin: 0px; padding: 4px 10px; font-size: 12px; color: #222222; background: #F2F9F1; border:0px; } 
      #content .sml h6  { color: #888; margin: 0px 6px; padding: 4px; font: 11px georgia; }
      #content .sml p   { margin: 4px 6px; font: 11px arial; padding: 0px 4px 4px 4px; text-align: left; }                                     
      #content .sml ul { margin: 0px; }

      #content .sml ul li { margin: 0px; font-size: 12px; border-top: 1px #eee solid; list-style: none; padding: 0px; list-style-image: none;  }
      #content .sml ul li a,
      #content .sml ul li a:visited,
      #content .sml ul li a:active,
      #content .sml ul li ul li a,
      #content .sml ul li ul li a:visited,
      #content .sml ul li ul li a:active { font: 11px arial; margin: 0px; padding: 4px 10px; display:block; width: 160px; }

      #content .sml ul li a:hover { background: #74C2F0; color: #fff; display: block; text-decoration: none; width: 160px; background: #222}
      #content .sml ul li a.current { background: #74C2F0; color: #fff;}

      /* ie bs \*/
      #content .sml ul li a,
      #content .sml ul li a:visited,
      #content .sml ul li a:active,
      #content .sml ul li ul li a,
      #content .sml ul li ul li a:visited,      
      #content .sml ul li ul li a:active { _width: 180px;  }
      #content .sml ul li a:hover { _width: 180px;}

		/* */

/* MENU */
#menu { width: 200px; margin: 10px 0px 0px 0px; position:absolute; top: 110px; left:0px; text-align: left; z-index: 10; }
   #menu a ,
   #menu a:visited,
   #menu a:link { font: 11px arial; color: #666; display:block; margin:0px; text-decoration: none; padding: 1px 14px 2px 10px; letter-spacing: 0.00em;}
   #menu a:link:hover,
   #menu a:visited:hover,
   #menu a.current:hover,
   #menu a.current:visited:hover,
   #menu ul li.default:hover ul li a:hover,
   #menu ul li.default:hover ul li a:visited:hover,
   #menu a:hover { background: #73C1EF; color: #fff;  }
   #menu ul { padding: 0px; }
   #menu ul li { display: block; padding: 0px; position: relative; list-style-type: none; margin: 0px; border-top: 1px #f8f8f8 solid; }
      #menu ul li a { padding: 2px 20px 2px 0px; background: none; }
      #menu ul li.current { background: #74C2F0; border: 0px #74C2F0 solid; }
      #menu ul li.current a {  color: #fff; padding: 3px 0px 3px 10px; background: none; }
      #menu ul li.current a.button { margin: 0px; float: right; width: 14px; padding: 0px; background: none;}
      #menu ul li.current a.button img { border: none; margin: 0px 0px 0px 0px;}
      #menu ul li.has_children ul li a { padding: 0px;  background: none; margin: 0px;  }
      #menu ul li.has_children a { background: url('../images/formatting/menu_arrow_off.gif') top right no-repeat;}
      #menu ul li.current ul { padding: 0px; background: #CFE5F4; width: 200px; border: none; display: block;}
      #menu ul li.current ul li { border: none; border-bottom: 1px #E3F6FF solid;}
      #menu ul li.current ul li.current a { text-decoration: none; font-weight: 100; color: #222; display: block; margin: 0px; padding: 3px 10px 3px 10px; line-height: 14px; }
      #menu ul li.current ul li a.current_child { color: #fff; padding: 3px 0px; }
      #menu ul li.current ul li a { text-decoration: none; font-weight: 100; color: #222; display: block; margin: 0px; padding: 3px 10px 3px 10px; line-height: 14px; }

      #menu ul li.current:hover ul li a:visited:hover,
      #menu ul li.current:hover ul li a:hover { padding: 3px 10px; margin: 0px; }

      #menu ul li.arrow a { background-image : none; }
      #menu ul li.current a.current { color: #222; background: #caebff; border-width:10px; }
      #menu ul li ul { padding: 0px; text-align: left; z-index:1; width: 200px; border-width: 0px; border-color:#72c0ee; border-top-color:#aae0ff; border-bottom-color: #aae0ff; border-style: solid; display:none;}
      #menu ul li.current:hover ul { border: none; text-align: left; display: block;}
      #menu ul li.default:hover ul { border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; background: #fff; position: absolute; top: -1px; left: 200px; display: block; width: 199px;  }
      #menu ul li.default:hover a { background: #73C1EF; color: #fff; }
      #menu ul li.default:hover ul li a { background: #CFE5F4; color: #222; padding:4px 14px 4px 10px; border: none; border-bottom: 1px #E3F6FF solid; }
      #menu ul li.default:hover ul li { border: none; margin: 0px;  }
      #menu ul li ul li a { padding-left: 0px }
      #menu ul li ul li a.current_child { color: #222; }

      #menu .login { margin-top: 30px; padding: 0px 10px 10px 10px; border-right: 0px solid #ddd; border-bottom: 0px solid #ddd; width: 176px;}
      #menu .login h1 { font: 13px georgia; margin: 6px 0px 0px 0px; padding: 0px; }
      #menu .login label { font: 11px arial; cursor: auto; margin: 0px; padding: 2px 0px 0px 0px; color: #aaa; }

      #menu .login input { font: 12px arial; color: #666; width: 180px; border: 1px solid #ddd; background: url('../images/formatting/input.gif') top left; padding: 2px; margin: 0px 0px 6px 0px; }
      #menu .login input.button { width: auto; margin: 4px 0px 0px  0px; padding: 0px;  border:none; background: none; }


      /* ie bs \*/
      #menu ul li { height: 1%; vertical-align: top; list-style-image: none;}
      #menu ul li.over ul { border: none; text-align: left; display: block;}
      #menu ul li.over ul { z-index: 100; background: #fff; position: absolute; top: 0px; left: 200px; display: block; border: 1px #73C1EF solid; border-left-width: 10px; width: 199px;  }
      #menu ul li.over a { background: #73C1EF; color: #fff; }
      #menu ul li.over ul li a { background: #f3fbff; color: #222; padding:4px 14px 4px 10px; border: none; border-bottom: 1px #E3F6FF solid; }
      #menu ul li.over ul li { border: none; margin: 0px; list-style-image: none; }
      #menu ul li.current ul { border: none; text-align: left; display: block; }
        #menu ul li ul li a,
        #menu ul li ul li a:link,
        #menu ul li ul li a:visited,
        #menu ul li ul li a:active,
        #menu ul li ul li a:hover,
        #menu ul li ul li a:visited:hover { padding-left: 10px;}
        #menu ul li ul li a.child { padding-left: 10px; }
           #menu ul li ul li a.child:link,
           #menu ul li ul li a.child:visited,
           #menu ul li ul li a.child:active { padding-left: 10px;}
           #menu ul li ul li a.child:hover,
           #menu ul li ul li a.child:visited:hover { padding-left: 20px; }
      #menu ul li ul li a.current_child  { padding-left: 10px; color: #fff; }
          #menu ul li ul li a.current_child:link,
          #menu ul li ul li a.current_child:visited,
          #menu ul li ul li a.current_child:active  { padding-left: 10px; color: #fff; }
          #menu ul li ul li a.current_child:hover,
          #menu ul li ul li a.current_child:visited:hover  { padding-left: 20px; color: #222; }
      /* */
      
/* WEATHER */
#weather { position: absolute; width:80px; height: 74px; top:0px; left: 680px; text-align: left; }
   #weather img{ position: absolute; top:20px; left:0px; margin: 0px 0px 0px 3px; padding: 4px 0px 0px 0px;}
   #weather h1 { font: 14px Georgia; padding: 1px 0px; margin:0px 0px 0px 0px ; text-decoration: none; text-align: center; color: #222; }
   #weather h2 { position: absolute; top:20px; left:36px; font: 14px Georgia; padding: 4px 0px 0px 0px; }
   #weather h3 { position: absolute; top:42px; left:36px; font-size: 10px; text-align: left; height: 10px; line-height: 9px}
   #weather h4 { position: absolute; top:58px; left:0px; font-size: 10px; padding: 2px; text-align: center; margin:1px 0px 0px 0px; clear:both; width:80px; }
   #weather sup { font-size: 6px; }
   #liveclock { position: absolute; top: 58px; }

/* ADVERTISEMENTS */
.advertisement { position: absolute; width:384px; top:0px; left: 290px; }

/* FOOTER */
#footer { margin: 50px 0px 0px 10px ; padding: 4px 0px 20px 0px; clear: both; border-top: 1px #c6d8e6 dotted; }
   #footer p  { font: 11px arial; margin: 0px; color: #bbb; }
   #footer a  { font: 11px arial;  }

                  
/* MISCALLANEOUS FORMATTING */
#content table.enrolment_form_course { padding: 10px; margin:0px; width: 520px;}
#content table.enrolment_form_course td { font: 16px Georgia; margin: 0px; padding: 0px; border:0px; }
#content table.enrolment_form_course td h2 { font: 20px Georgia; padding: 0px; margin:0px; background: none}
#content table.enrolment_form_course td label { font: 10px Verdana; margin: 0px; padding: 0px 0px 0px 0px; cursor: text; }

#content .warning { width: 540px; height: 160px; padding: 10 10px 20px 0px; margin: 20px 0px 0px 6px; background: url('../images/formatting/warning-panel.gif') no-repeat top center; }
#content .warning h1 { text-align: left; margin: 4px 0px 10px 10px; padding: 0px; }
#content .warning p  { color: #fff;}
#content .warning a  { color: #000;}

#content table.form { text-align: left; border: 0px; font: 12px Georgia; background: none;}
#content table.form tr td {  text-align: left; padding: 4px 20px 4px 10px; vertical-align: top; border: 0px;}
#content table.form tr td h3 {  padding: 10px 0px 0px 0px; margin : 0px; }
#content table.form tr td input, table tr td select.course_info { font: 12px verdana; width: 240px; vertical-align: middle; padding: 2px; height:24px;}
#content table.form tr td select,
#content table.form tr td input.text,
#content table.form tr td textarea { border: 1px #ddd solid; background: url('../images/formatting/input.gif') top left; padding: 4px 4px 4px 4px;}

#content table.form tr td textarea { width:240px; font: 12px verdana; margin: 8px 0px; }
#content table.form tr td textarea.comments { width: 470px; }
#content table.form tr td select.header option { background: #fff;}
#content table.form tr td select option { background: #fff;}
#content table.form tr td textarea.wide { width:500px; font: 12px verdana; margin: 8px 0px; height: 70px; }
#content table.form tr td.submit { text-align: left; padding-right: 86px; }
#content table.form tr td.submit input.image { height: 32px; width: 70px;}
#content table.form tr td input.button { width: 120px; padding: 0px; }
#content table.form tr td .fieldWithErrors input, #content table.form tr td .fieldWithErrors textarea { background: url('../images/formatting/input-error.gif') top left;}
#content table.form tr td .fieldWithErrors { display: inline;}
#content table.form tr td input.radio {  width: auto; display: inline; height: auto;}
#content table.form tr td ol { margin: 0px;}
#content table.form tr td ul { margin: 0px 0px 10px 0px;}
#content table.form tr td p { margin: 0px;}
#content table.form tr td.label { width: 180px;}
#content table.form tr td.label p { font: 10px georgia; margin: 0px; padding: 0px 0px 0px 0px; font-style: italic; color: #999;}

#content table.marketing_agent tr td label { cursor: default; margin: 10px 0px 0px 0px; line-height:13px;}
#content table.marketing_agent tr td input.text { width: 220px; margin: 0px 0px 0px 0px; }
#content table.marketing_agent { width: 400px;}
#content table.marketing_agent tr td { width: 370px; padding: 0px 6px 0px 0px; }
#content table.marketing_agent tr td h3 { margin-top: 10px;}
#content table.marketing_agent tr td hr { border: none; color:#335582; margin: 10px 0px 10px 0px; padding: 0px 0px; display: block; border-bottom: 1px #BBC2CB dashed;}
#content table.marketing_agent tr td i { display: block; text-align:left; font-size: 11px; color: #aaa;}

#content table.academic_cal { margin: 14px 0px 10px 7px; width: 350px; clear: none; }
#content table.contact_us { width: 420px; }
#content table.contact_us tr td.input { width: 290px; }
#content table.contact_us textarea.contact_us { width: 367px; }
#content div.news { border-top: 1px #ddd dashed ; margin: 10px;}

#content div.news h3 { border-bottom: none;}

#content div.bpay { margin: 0px 0px 0px 20px; display:none; }
#content div.bpay p { color: #000; border: 1px #000 solid; margin: 0px 0px 0px 42px; height: 54px; font: 11px arial; padding: 4px; }
#content div.bpay img { float: left; margin: 0px 4px 0px 0px; }

#errorExplanation { background: #ffe5dd; border: 4px #ffd1c6 solid; padding:10px; margin: 10px 0px 0px 3px;}
   #errorExplanation h1 { font-size: 18px; margin: 0px; padding: 10px; background: none; color: #FF6642;}
   #errorExplanation h2 { font-size: 18px; margin: 0px; background: none; color: #FF6642;}
   #errorExplanation p {font: 11px arial,helvetica; color: #FF6642;}
   #errorExplanation ul li { font: 11px arial,helvetica; color: #FF6642; list-style-image: url('../images/formatting/bullet-error.gif'); }

   #errorExplanation ul.text li { font: 13px georgia; color: #666; }
   #errorExplanation ul li a { color: #666; text-decoration: underline; }