/* CSS Document */
html,body{margin:auto 0;padding:0;}
body{font: 76%  arial, verdana, sans-serif;  text-align: center; background:#003366; background-image:   url(bg.gif); background-repeat: repeat-x;}
p, ul, ol{margin:0px;padding:0px;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
a{color: #036;}
img{border:none; padding:0; margin: 0 auto;}
#container { width:800px; padding:0; margin: 0 auto; text-align: left;}
#header {text-align: center; width:800px;}
#ci { background-image:   url(ci.jpg); width: 110px; height: 88px; display:inline; text-align:left; float:left;}
#ci a {position: absolute; height: 88px; width: 110px; top: 0px; text-decoration: none;}
#choice { background-image:   url(choice.jpg); width: 110px; height: 72px; display:inline; text-align:left; float:left;}
#choice a {position: absolute; height: 72px; width: 110px; top: 89px; text-decoration: none;}
#header h1{margin:0; display:none}
#header ul {margin-left: 0px;padding-left: 0px;white-space: nowrap; text-align: right;}
#header li {display: inline;list-style-type: none;}
#header a { padding: 0px 10px; display: inline; margin:0;}
#header a:link, #navlist a:visited{color: #fff;background-color: transparent;text-decoration: none;}
#header a:hover{color: #369;background-color: transparent;text-decoration: none;}
#navlist{ width:800px;  height:auto; color:#FFF; text-align: center; padding:0px 0px 0px 0px; clear:both; float:left;}
#navlist ul{margin: 0px 0px 0px 0px;;padding: 0px 0px 0px 0px;; white-space: nowrap; background-image:   url(btnbg.gif); background-repeat:no-repeat bottom;line-height:2.1}
#navlist li{display: inline;list-style-type: none;font-weight:bold; margin: 0px 0px 0px 0px;;padding:0px 0px 0px 0px;}
#navlist a { padding: 5px 5px; display: inline;}
#navlist a:link, #navlist a:visited {color: #fff;text-decoration: none;}
#navlist a:hover{color: #fff;text-decoration: none;}
a.home{ background-image:   url(btnbg.gif); background-repeat: x; text-align:center;}
a:hover.home { background-image: url(btnoverbg.gif); background-repeat: x; text-align:center;}
a.prog{ background-image:   url(btnbg.gif); background-repeat:x; text-align:center;}
a:hover.prog { background-image: url(btnoverbg.gif); background-repeat: x; text-align:center;}
a.pres{ background-image:   url(btnbg.gif); background-repeat: x; text-align:center;}
a:hover.pres { background-image: url(btnoverbg.gif); background-repeat: x; text-align:center;}
a.reg{ background-image:   url(btnbg.gif); background-repeat: x; text-align:center;}
a:hover.reg { background-image: url(btnoverbg.gif); background-repeat: x; text-align:center;}
a.soc{ background-image:   url(btnbg.gif); background-repeat: x; text-align:center;}
a:hover.soc { background-image: url(btnoverbg.gif); background-repeat: x; text-align:center;}
a.acco{ background-image:   url(btnbg.gif); background-repeat: x; text-align:center;}
a:hover.acco { background-image: url(btnoverbg.gif); background-repeat: x; text-align:center;}
a.trav{ background-image:   url(btnbg.gif); background-repeat: x; text-align:center;}
a:hover.trav { background-image: url(btnoverbg.gif); background-repeat: x; text-align:center;}
#wrapper{text-align: left; width:800px; background: #FFF; float: left; clear:both; background-image:   url(wrapperbg.gif); background-repeat: repeat-y;}
#content{float: left; width:580px;}
#content p{margin:10px 20px 10px 20px;} 
#content hr.full{width:580px; float:left; margin:10px 0px 10px 0px; border-top: 1px solid #e3e1ef; width: 100%; height: 1px;}
#content ul{margin-left: 0px;}
#content li{margin:10px 20px 10px 50px; list-style:outside; padding: 0 0 0 0px;} 
#content h2{font: 130% arial, verdana, sans-serif; margin:15px 10px 5px 10px; color:#66cc00; font-weight:bold;}
#content h3{font: 120% arial, verdana, sans-serif; padding:0; margin:0px 10px 10px 20px; color:#036; font-weight:bold;}
#content h4{font: 110% arial, verdana, sans-serif; margin:10px 10px 10px 20px; font-weight:bold; color:#036;}
#registration{ line-height:1.1;float:right; width:200px; height:400px; margin:0; padding:64px 14px 10px 6px; background-image:url(registrationspanish.gif); background-repeat: no-repeat;}
#registration p{ margin:0px 20px 10px 20px; list-style: inside; padding: 0 0 0 0px; }
#registration a{ margin:3px 0px 3px 0px; list-style: inside; padding: 0 0 0 0px; color:#036; font-weight:bold; display:block}
#registration a.noline{text-decoration:none}
#extra{ width:800px; clear:left; background: #036; background-image:   url(extrabg.gif); background-repeat: repeat-y;color: #FFF ; margin:0; padding:20px 20px; text-align: left;}
#extra p{margin:10px 10px 10px 10px}#extra h3{font: 120% arial, verdana, sans-serif; font-weight:bold; margin:10px 10px 10px 0px;}
#footer{ clear:both; background-image:   url(btnbg.gif); height:25px ; background-repeat: repeat-x;color: #FFF ; padding:5px 10px 5px 10px; text-align: center;}
#footer a{color:#fff; font-weight:bold; text-decoration:none;}
#table{text-align:left; margin-left:20px}
#table ul{margin-left:20px; padding:0; list-style:inside;}
#table li{margin:0; padding:0;}
.splitright { width:690px; height:160px; float:right; background-image:url(spanishheading.jpg);}
.buffer{ padding: 0px 10px 10px 10px;}
.small{font: 110% arial, verdana, sans-serif; font-weight:bold; margin:0px 0px 0px 10px; color:#6c0;}
.smaller {font: 90% arial, verdana, sans-serif; color:#036;}
.leftcol{width:339px; float:left; padding: 10px 0px; border-right: 1px #ccc dotted; border-top: 1px #ccc dotted;}
.rightcol{width:240px; float:right; padding: 10px 0px;border-top: 1px #ccc dotted; }
.fullcol{width:580px; float:left; padding: 10px 0px; border-top: 1px #ccc dotted;}
.white{color:#fff; text-align: right;}
.grey{background:#ccc;}
.green{background:#6c0;}
.blue{color:#036}
.programme{color:#036; font: 120% arial, verdana, sans-serif; font-weight:bold; padding:0; margin:0px 10px 10px 0px;}
.darkgreenprog {background:#6C9139; font-weight:bold}
.lightgreenprog {background:#ADCE82}
.midgreenprog {background:#8AB94A}
.lightergreenprog{background:#D8E7C0}
.darkpurpleprog {background:#646BA3; font-weight:bold}
.midpurpleprog {background:#A9AECB}
.lightpurpleprog {background:#878DB8}
.lighterpurpleprog{ background:#C9CDDE}
.darkorangeprog {background:#B14D2C; font-weight:bold}
.midorangeprog {background:#D26F4D}
.lightorangeprog {background:#DC896D}
.righthalf{width:50%; float:right}
.lefthalf{width:50%; float:left}
.lighterorangeprog {background:#EBBBAB}
.border{width:580px; float:left; padding: 10px 0px; border-top: 1px #ccc dotted;}