body, td {margin: 0; padding: 0; font-family: Tahoma, Verdana;}
img {border: 0px;}

a {color: #1C4BA2;}

#top1 {height: 19px; background-image: url(../images/top1.gif); background-repeat: repeat-y;}

#navcontainer {width: 100%;  height: 33px; background-image: url(../images/topnav.gif); background-repeat: repeat-x; vertical-align: middle;}
#navspace {    float: left; height: 33px; width: 228px;}

#navmenucontainer {    float: left; width: 247px; }
#navmenu {    color: #7c8b73; font-size: 11px; font-style: normal; font-family: Tahoma; font-weight: normal; padding-top: 8px;}
#navmenu a {    color: #7c8b73; text-decoration: none;}
#navmenu a.home {    color: #7c8b73; text-decoration: none; background-image: url(../images/ihome.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 13px;}
#navmenu a.contact {    color: #7c8b73; text-decoration: none; background-image: url(../images/icontact.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 15px;}
#navmenu a.map {    color: #7c8b73; text-decoration: none; background-image: url(../images/imap.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 15px;}
#navmenu a:hover {    color: #7c8b73; text-decoration: underline;}

#navsearchcontainer {    text-align: right; padding-right: 20px}
#navsearch {    height: 27px; padding-top: 6px;}
#navsearch input.area {width: 25%; height: 16px; color: #1C4BA2; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 11px; margin: 0px; margin-right: 7px; padding: 1px 0 0 2px; border: 0px; vertical-align: middle}
#navsearch input.sub {    width: 72px; height: 19px; background-color: #113473; color: #ffffff; font-style: normal; font-family: Tahoma;  font-size: 11px; font-weight: normal; text-align: right;  border: 0px; vertical-align: middle}

#splashcontainer {    height: 171px; width: 100%; background-image: url(../images/bg.gif);}
#logo {    float: left; width: 219px; height: 171px; background-image: url(../images/logo.gif); background-repeat: no-repeat;}
#logo a{    display: block; width: 219px; height: 171px;}
#splashbg {float: left; width: 100%; background: url(../images/splash_bg.gif) no-repeat top right;}
#splash {    float: left; height: 171px; width: 539px; background-image: url(../images/splash.jpg); background-repeat: no-repeat;}

#contentcontainer {    float: left; width: 100%; background: url(../images/navbg.gif) repeat-y; padding-bottom: 20px}
#leftnav {float:left; width: 219px; background-image: url(../images/navbg2.gif); background-repeat: no-repeat; background-position: top;}


/* Navigation START */

#navwrap {padding-top: 17px;}

#main {    list-style: none; margin: 20px 0 0 22px; padding: 0px; line-height: 120%}

#main  li a {text-decoration: none;        color: #1C4BA2; font-style: normal; font-family: Tahoma; font-weight: bold; font-size: 12px;  background-image: url(../images/mmnu.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 12px}
#main  li a:hover { text-decoration: underline;}

#main li.mainmenuch a {text-decoration: none; color: #af040b; font-style: normal; font-family: Tahoma; font-weight: bold; font-size: 12px; background-image: url(../images/mmnuch.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 12px}
#main  li.mainmenuch a:hover { text-decoration: underline;}


#main li ul {font-size: 12px; list-style: none;  margin-left: 12px; padding: 0px;}
#main li ul li.secmenuch a {text-decoration: none;    color: #af040b; font-style: normal; font-family: Tahoma; font-weight: normal; background-image: url(../images/secmnuch.gif); background-repeat: no-repeat; background-position: 0px 6px; padding-left: 8px}
#main li ul li.secmenuch a:hover { text-decoration: underline;}
#main li ul li.secmenu a {text-decoration: none;        color: #1C4BA2; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 12px;  background-image: url(../images/secmnu.gif); background-repeat: no-repeat; background-position: 0px 6px; padding-left: 8px}
#main li ul li.secmenu a:hover { text-decoration: underline;}

/* Navigation END */

#contentholder {padding: 20px 20px 0 260px; color: #000000; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 12px; margin: 0}
#contentholder h1 {width: 98%; text-decoration: none; color: #af040b; font-style: normal; font-family: Tahoma; font-weight: bold; font-size: 16px; background: url(../images/h1_bg.gif) repeat-x bottom; margin: 10px 0 15px 0; padding: 5px 0 10px 5px}

#contentholder li{    text-decoration: none;    font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 12px;    }

#contentholder input {width: 25%; height: 16px; color: #1C4BA2; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 11px; margin: 0px; margin-right: 7px; padding: 1px 0 0 2px; border: 1px solid #1C4BA2; vertical-align: middle}
#contentholder input.sub {    width: 72px; height: 19px; background-color: #113473; color: #ffffff; font-style: normal; font-family: Tahoma;  font-size: 11px; font-weight: normal; text-align: right;  border: 0px; vertical-align: middle}
#contentholder input.sub2 {    width: 120px; height: 19px; background-color: #113473; color: #ffffff; font-style: normal; font-family: Tahoma;  font-size: 11px; font-weight: normal; text-align: right;  border: 0px; vertical-align: middle}


#newsholder {background: #F4F5F7; width: 95%; padding: 0; margin: 10px 0 0 0}
#newsholder h2 {background: #DDDEE2; font-size: 14px; padding: 3px 0 3px 10px; margin: 10px 0 10px 0}
#newsholder h3 { font-size:  12px; color: #2E2282; background: #DDDEE2; padding: 3px 0 3px 10px; margin: 10px 0 10px 0}

#newscontentholder { background: #F4F5F7;  margin-top: 10px; margin-bottom: 10px; width: 539px;}
#news1 {float: left; width: 33%; border-right: dotted 1px #333399; vertical-align: top;}
#news2 {float: left; width: 33%; border-right: dotted 1px #333399; vertical-align: top;}
#news3 {float: left; width: 33%; vertical-align: top;}

#newscontentholder2 { background: #F4F5F7;  margin-top: 10px; margin-bottom: 10px; padding: 10px;}
#section1 {width: 20%;  vertical-align: top; padding:  10px;    font-weight: bold; font-size: 11px; }
#section2 {width: 75%;  vertical-align: top; background-color: #EFF2F8; padding: 10px; color: #093473; font-size: 11px; border-left: 1px solid #093473;}
#section3 {font-size: 11px;}

#bbb {padding-top: 10px; width: 100%; text-align: right;}

.section3 {    vertical-align: top; line-height: 150%; padding: 10px; padding-left: 20px;}
.section4 {    vertical-align: top; line-height: 150%; padding: 10px; padding-left: 20px; font-weight: bold; color: #113473; text-align: center;}

#enrolimg {    float: left; width: 30px; height: 35px; text-align: center; vertical-align: middle;}
#enrol1 {    float: left; padding: 10px; font-weight: bold; font-size: 11px; color: #1C4BA2;}
#enrol2 {    float: left; padding: 10px; font-weight: normal; font-size: 11px; color: #1C4BA2;}

#header {  width: 539px;  padding: 0px;}
#header h3 { font-size:  12px; height: 18px; color: #2E2282; background: #DDDEE2; padding: 3px 0 3px 10px;  margin: 0px;}

a.blue {    color: #2E2282; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 11px; text-decoration: underline;    }
a:hover.blue {color: #2E2282; text-decoration: none;}

a.white {    color: #ffffff; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 11px; text-decoration: underline;    }
a:hover.white {color: #ffffff; text-decoration: none;}

#holder { width: 539px; }
#t1 {    float: left; width: 100%; padding: 10px; font-size: 11px;}
#t1-from {    float: left; width: 100%; padding: 10px; font-size: 11px;}
#t3 {width: 23%; background-color: #CFD6E3; color: #2E2282; padding: 5px; text-align: center; font-size: 11px}
#t4 {width: 23%; color: #2E2282; padding: 5px; text-align: center; font-size: 11px; font-weight: bold}
#t5 {width: 20%;  color: #2E2282; padding: 5px; padding-top: 10px; text-align: center; font-size: 11px; font-weight: bold;}
#t6 {float: left;width: 98%; color: #2E2282; padding: 5px; padding-left:2px; text-align: right; font-size: 11px; font-weight: bold;}
#t7 { width: 25%; padding: 9px; font-size: 11px;}
#t7-total {float: right; width: 30%; padding: 9px; font-size: 11px;}
#t8 {float: left; width: 65%; padding: 10px; padding-top: 5px; font-size: 11px;}
#t8-reg_fee {float: right; width: 65%; padding: 9px; font-size: 11px; color: #2E2282; font-weight: bold}
#t9 {float: left; padding: 3px; padding-left: 10px;  color: #000000; font-size: 11px;}
#t10 {float: left; padding: 10px; padding-top: 5px; color: #000000; font-size: 11px;}
#t11 { float: left; background-color: #1C4BA2;     width: 98%; color: #ffffff; padding: 5px;  font-size: 11px; font-weight: normal;}
#t12 {    float: left; width: 59px; padding: 9px; padding-top: 9px; font-size: 11px;}
#t13 {    float: left; width: 430px; padding: 10px; padding-top: 5px; font-size: 11px;}
#t14 {    float: left; width: 200px; padding: 10px; padding-top: 5px; font-size: 11px;}
#t14-date {    float: left; width: 350px; padding: 10px; padding-top: 5px; font-size: 11px;}
#t15 {    float: left; width: 55%; padding: 10px; padding-top: 10px; font-size: 11px;}
#t15-long {    float: left; width: 65%; padding: 15px; padding-top: 8px; font-size: 11px;}
#t16 {    float: left; width: 32%; padding: 10px; padding-top: 10px; font-size: 11px;}
#t16-long {    float: left; width: 22%; padding: 10px; padding-top: 8px; font-size: 11px;}
#t17 { float: left;    width: 32%;  color: #2E2282; padding: 5px; padding-top: 10px; text-align: center; font-size: 11px; font-weight: bold;}
#t23 {color: #2E2282; font-size: 11px; font-weight: bold;}

/* BY Shira */
#holder input.area {width: 50%;}
#holder input.area-err {width: 50%; border: 1px solid red;}
#holder .sbox {width: 297px}
#holder .sbox2 {width: 63px; float: left}
#holder .sbox3 {width: 87px; float: left}
#holder .sbox4 {width: 65px; float: left}
#holder .sbox5 {}
#holder .sbox6 {width: 135px; float: left}
#holder .sbox-err {border: 1px solid red; width: 297px}
#holder .sbox-err2 {border: 1px solid red; width: 63px; float: left}
#holder .sbox-err3 {border: 1px solid red; width: 87px; float: left}
#holder .sbox-err4 {border: 1px solid red; width: 65px; float: left}
#holder .sbox-err5 {border: 1px solid red}
#holder .sbox-err6 {border: 1px solid red; width: 135px; float: left}
#duration_fee {color: #2E2282; padding: 5px; padding-top: 5px; text-align: center; font-size: 11px; font-weight: bold}
/* BY Shira */

.newscontent {padding: 5px 5px 0 15px; text-decoration: none;    color: #929394; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 11px;    }
.newsdate {    padding-left: 15px; text-decoration: none;    color: #2E2282; font-style: normal; font-family: Tahoma; font-weight: bold; font-size: 11px;     background-image: url(../images/i.gif); background-repeat: no-repeat; background-position: 5px 5px;}

#newsarchivelink {clear: left; text-align: right; font-size: 90%; margin: 5px; padding: 5px 20px 5px 10px; border-top: solid 1px #DDDEE2}

#logos {padding: 20px 0 5px 250px; background: url(../images/worldpay_logos.gif) no-repeat center right;}

#footercontainer {    clear: both; float: left; width: 99%; background: url(../images/navbg.gif); background-repeat: repeat-y;}
#copyright {float:left;    width: 219px; background: url(../images/line1.gif) no-repeat top left; padding-top: 10px; text-decoration: none;    color: #1C4BA2; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 11px; text-align: center; }
#footer1 {float:left; width: 106px; background-image: url(../images/line2.gif); background-repeat: no-repeat; background-position: top center; padding-top: 10px; text-align: right; }
#footer2 {background: url(../images/line3.gif) repeat-x top; padding-top: 10px; padding-right: 10px; text-align: right; text-decoration: none;    color: #1C4BA2; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 11px;}

#footer2 span {display: block; padding: 3px 0 10px 0; text-decoration: none;    color: #929394; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 11px;    }
a.gray {text-decoration: none;    color: #7B7B7B; font-style: normal; font-family: Tahoma; font-weight: normal; font-size: 11px;    }
a:hover.gray {color: #003366}

.imgholder { float: left; width: 33%; text-align: center;}

/* 25/04/2006 Vadim */
ul.default { list-style: none; margin-left: 50px; margin-bottom: 0}
ul.default li {background-image: url(../images/list_point.gif); background-repeat: no-repeat; background-position: 0px 7px; padding-top: 5px; padding-left: 15px;}

.form-s {float: left; width: 20%; display: block; text-align: right; vertical-align: middle; padding-top: 5px; margin-bottom: 10px}
.form-s2 {float: left; width: 60%; display: block; text-align: left; vertical-align: middle; padding-top: 6px; margin-bottom: 6px}
.form-s21 {float: left; width: 60%; display: block; text-align: right; vertical-align: middle; padding-top: 6px; margin-bottom: 6px}
.form-e {height: 25px; margin-bottom: 10px}
a.lists {background: url(../images/list_point.gif) no-repeat left 50%; padding-left: 15px}

ol.search {line-height: 130%;}
ol.search li {margin-bottom: 20px}
ol.search a {display: block; padding: 0 0 3px 0}

.leftbox {margin: 15px 20px 5px 10px; padding: 5px; font-size: 11px; color: #637BA5; border: solid 1px #142c11; }
/* 25/04/2006 Vadim */

/* BY Shira */
#tooltip {
background: #f3f3f3;
border: 1px solid #000000;
text-align: justify;
font: 11px Tahoma, Helvetica,sans-serif;
margin:0px;
-moz-border-radius:8px;
padding: 5px 5px;
position:absolute;
visibility:hidden;
}
/* BY Shira */