@charset "utf-8";
/* CSS Document */
body, html {
	margin: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	background-image:url(/images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

#page {
	width: 1000px;
	margin:0 auto; 
	text-align:center; 
}

#page-content {
	width:1000px;
	margin-top:0px;
	text-align:left;
}

#header {height:77px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#header #header-left {width:220px; float:left; margin:0px 0px 0px 10px}
#header #header-right {width:310px; float:right; margin:0px 10px 0px 0px; padding-right:39px;}

#date-today {float:left; height:13px; font-size:11px; color:#646464; font-weight:bold; padding:0px 0px 0px 30px; margin:0px 0px 0px 0px}
#search {float:right; height:23px; font-size:11px; color:#646464; padding:0px 0px 0px 30px; margin:0px 20px 0px 0px}
#search form {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#search .search {font-size:10px; color:#646464; border:1px solid #a5a5a5; margin:-5px 0px 0px 0px; padding:3px 3px 3px 3px}

#page-body-top {width:1000px; height:15px; background-color:#ffffff; background-image:url(../images/bg-body.jpg); background-repeat:repeat-x; background-position:top left; margin:6px 0px 0px 0px; padding:0px 0px 0px 0px}
#page-body {width:1000px; background-color:#ffffff; background-image:url(../images/bg-footer.jpg); background-repeat:no-repeat; background-position:bottom left; margin:0px 0px 0px 0px; padding:0px 0px 25px 0px}
#page-body #page-body-left {width:180px; float:left; margin:0px 0px 0px 0px; padding:10px 10px 10px 20px}
#page-body #page-body-left ul {list-style-type:none; margin:0px 0px 0px 0px; padding:4px 0px 0px 0px; font-size:11px;}
#page-body #page-body-left ul li {font-weight:normal; min-height:24px; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px; background-image:url(../images/bg-left-link.jpg); background-repeat:no-repeat;}
#page-body #page-body-left ul li ul {background-image:url(../images/bg-left-sub-nav.jpg); background-repeat:repeat-x; margin-top:1px;}
#page-body #page-body-left ul li ul li {font-weight:normal; min-height:16px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:none; font-size:10px; }
#page-body #page-body-left li a {min-height:14px; padding:4px 0px 5px 10px; margin:0px 0px 0px 0px; display:block}
#page-body #page-body-left li ul li a {min-height:14px; padding:4px 0px 2px 10px; margin:0px 0px 0px 0px; display:block}
#page-body #page-body-left li a:link {color:#646464; text-decoration:none;}
#page-body #page-body-left li a:visited {color:#646464; text-decoration:none;}
#page-body #page-body-left li a:active {color:#646464; text-decoration:none;}
#page-body #page-body-left li a:hover {color:#000000; text-decoration:none; background-image:url(../images/bg-left-link-current.jpg); background-repeat:no-repeat;}
#page-body #page-body-left li a.current {background-image:url(../images/bg-left-link-current.jpg); background-repeat:no-repeat; color:#646464} 

#page-body #page-body-left #contact-us {margin-top:15px; border-top:1px solid #efa61b; padding:5px 5px 20px 0px; background-color:#f0f0f0; position:relative;}
#page-body #page-body-left #contact-us h3 {margin:5px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:14px; font-weight:normal; color:#646464; position:relative;}
#page-body #page-body-left #contact-us h3 a:link {color:#646464; text-decoration:none}
#page-body #page-body-left #contact-us h3 a:active {color:#646464; text-decoration:none}
#page-body #page-body-left #contact-us h3 a:visited {color:#646464; text-decoration:none}
#page-body #page-body-left #contact-us h3 a:hover {color:#646464; text-decoration:underline}
#page-body #page-body-left #contact-us h3 a {font-size:10px}

#page-body #page-body-left #ask-question {border-top:1px solid #efa61b; padding:5px 5px 5px 0px;background-color:#f0f0f0;}
#page-body #page-body-left #ask-question h3 {margin:5px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:14px; font-weight:normal; color:#646464;}
#page-body #page-body-left #ask-question h3 .sml {font-size:11px; line-height:16px}
#page-body #page-body-left #ask-question h3 a:link {color:#646464; text-decoration:none}
#page-body #page-body-left #ask-question h3 a:active {color:#646464; text-decoration:none}
#page-body #page-body-left #ask-question h3 a:visited {color:#646464; text-decoration:none}
#page-body #page-body-left #ask-question h3 a:hover {color:#646464; text-decoration:underline}
#page-body #page-body-left #ask-question h3 a {font-size:12px}
#page-body #page-body-left #ask-question p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:10px}
#page-body #page-body-left #ask-question form {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#page-body #page-body-left #ask-question #contact-box {background-image:url(/images/orange-box.png); height:75px; width:180px; margin-top:5px; margin-bottom:10px}
#page-body #page-body-left #ask-question #contact-box .textarea {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#646464; border:1px solid #a5a5a5; padding:4px 4px 4px 4px; margin:7px 0px 4px 13px; height:50px; width:145px; overflow:hidden; background-color:#FFF}
#page-body #page-body-left #ask-question .formbutton {background-color:#efa61b; font-size:10px; color:#ffffff; padding:2px 2px 2px 2px; border:none}
#page-body #page-body-left .formbuttonBrochure {font-size:10px; color:#ffffff; padding:2px 2px 2px 2px; border:none}

#page-body #page-body-left #gold-partner {border-top:1px solid #efa61b; padding:10px 5px 5px 0px;}
#page-body #page-body-left #gold-partner h3 {margin:5px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:13px; font-weight:normal; color:#f0af33;}
#page-body #page-body-left #gold-partner h3 .sml {font-size:11px; line-height:16px}
#page-body #page-body-left #gold-partner h3 a:link {color:#f0af33; text-decoration:none}
#page-body #page-body-left #gold-partner h3 a:active {color:#f0af33; text-decoration:none}
#page-body #page-body-left #gold-partner h3 a:visited {color:#f0af33; text-decoration:none}
#page-body #page-body-left #gold-partner h3 a:hover {color:#f0af33; text-decoration:underline}
#page-body #page-body-left #gold-partner h3 a {font-size:12px}
#page-body #page-body-left #gold-partner p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:10px}
#page-body #page-body-left #gold-partner .textarea {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#646464; border:1px solid #a5a5a5; padding:4px 4px 4px 4px; margin:12px 0px 4px 0px; width:140px; overflow:hidden}

#page-body #page-body-right {float:left; width:760px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px}
#page-body #page-body-right #page-body-right-header {width:770px; height:180px; position:relative;} 
#page-body #page-body-right #page-body-right-header .img1 {position:absolute; left:0px; top:0px} 
#page-body #page-body-right #page-body-right-header .img2 {position:absolute; left:0px; top:0px; filter:alpha(opacity=40); /* IE's opacity*/ opacity: 0.4;} 

#page-body #page-body-right input.text, #page-body #page-body-right textarea, #page-body #page-body-right select {font-size:11px; color:#646464; border:1px solid #e2e2e2}
#page-body #page-body-right input.submit {font-size:10px; margin:2px 0px; padding:3px; border:none; color:#1f497c; background-color:#dfdcdc}
#page-body #page-body-right .next-event {background-image:url(../images/events-bg-main.jpg); background-repeat:no-repeat; width:178px; height:171px; padding-top:15px; padding-left:180px; padding-right:10px; position:relative; float:left; margin-right:20px;}
#page-body #page-body-right .next-event h1 {font-size:11px; color:#1f497c; font-weight:bold; margin:0px 0px 6px 0px; padding:0px}
#page-body #page-body-right .next-event h2 {font-size:9px; color:#efa61b; font-weight:bold; margin:0px 0px 4px 0px; padding:0px}
#page-body #page-body-right .next-event p {font-size:9px; margin:0px 0px 6px 0px; padding:0px; line-height:12px;}
#page-body #page-body-right .next-event .register {position:absolute; top:90px; left:100px; width:248px;}
#page-body #page-body-right .next-event .register p {margin-left:80px; padding:10px 0px 0px 0px;}
#page-body #page-body-right .next-event .register form {margin:0px; padding:0px;}
#page-body #page-body-right .next-event .register select {float:right; font-size:10px; margin:2px 0px; width:168px; border:1px solid #bbbbbb; }
#page-body #page-body-right .next-event .register input.submit {float:right; font-size:10px; margin:2px 0px; padding:3px; border:none; color:#1f497c; background-color:#dfdcdc}
#page-body #page-body-right .widget {float:left; width:160px;}
#page-body #page-body-right .widget h1 {font-size:14px; margin:2px 0px 4px 0px; padding:0px;}
#page-body #page-body-right .widget p {font-size:10px; line-height:13px; margin:2px 0px 0px 0px; padding:0px 0px 14px 0px;}
#page-body #page-body-right .widget p a {color:#1f497c}

#page-body-right-text {width:550px; float:left; margin:10px 10px 10px 0px} 
#page-body-right-text a:link {color:#efa61b; text-decoration:none}
#page-body-right-text a:active {color:#efa61b; text-decoration:none}
#page-body-right-text a:visited {color:#efa61b; text-decoration:none}
#page-body-right-text a:hover {color:#efa61b; text-decoration:underline}
#page-body #page-body-right #page-body-right-text-wide {width:730px; float:left; margin:10px 10px 10px 0px} 
#page-body-right-text-wide a:link {color:#efa61b; text-decoration:none}
#page-body-right-text-wide a:active {color:#efa61b; text-decoration:none}
#page-body-right-text-wide a:visited {color:#efa61b; text-decoration:none}
#page-body-right-text-wide a:hover {color:#efa61b; text-decoration:underline}
#page-body #page-body-right h1 {font-size:16px; font-weight:normal; color:#efa61b; margin:10px 0px 15px 0px; padding:0px 0px 0px 0px}
#page-body #page-body-right h2 {font-size:14px; font-weight:normal; color:#efa61b; margin:10px 0px 15px 0px; padding:0px 0px 0px 0px}
#page-body #page-body-right h3 {font-size:12px; font-weight:normal; color:#646464; line-height:18px; margin:10px 0px 15px 0px; padding:0px 0px 0px 0px}
#page-body #page-body-right p {font-size:11px; font-weight:normal; color:#646464; line-height:18px; margin:10px 0px 15px 0px; padding:0px 0px 0px 0px}
#page-body #page-body-right td {font-size:11px; font-weight:normal; color:#646464; line-height:18px; margin:0px 0px 0px 0px; padding:5px 5px 5px 0px}
#page-body #page-body-right td p {font-size:11px; font-weight:normal; color:#646464; line-height:18px; margin:3px 0px 3px 0px; padding:0px 0px 0px 0px}
#page-body #page-body-right ul {margin-left:6px; padding-left:0px}
#page-body #page-body-right li {font-size:11px; font-weight:normal; color:#646464; line-height:18px; padding-left:2px; margin-left:10px; }

#page-body #page-body-right #page-body-right-col {width:190px; float:left; margin:10px 0px 10px 10px} 
#page-body #page-body-right #page-body-right-col ul {padding-left:0px; margin-left:0px} 
#page-body #page-body-right #page-body-right-col li {list-style-type:none; padding-left:0px; margin-left:0px} 

/* COLOURED BOXES IN MAIN BODY */
#page-body #page-body-right .boxes {width:100%; overflow:hidden; clear:both; margin-top:20px}
#page-body #page-body-right .boxes h1 {font-size:14px; font-weight:bold; color:#646464; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px}
#page-body #page-body-right .boxes p {font-size:11px; font-weight:normal; color:#646464; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px}
#page-body #page-body-right .boxes .box-sml-left {float:left; width:148px; margin-right:4px; margin-bottom:-300px; background-color:#cacfd2; background-image:url(../images/box-bg.gif); background-repeat:no-repeat; padding:15px 15px 300px 15px}
#page-body #page-body-right .boxes .box-sml-center {float:left; width:148px; margin-right:4px; margin-bottom:-300px; background-color:#cacfd2; background-image:url(../images/box-bg.gif); background-repeat:no-repeat; padding:15px 15px 300px 15px}
#page-body #page-body-right .boxes .box-sml-right {float:left; width:148px; margin-right:4px; margin-bottom:-300px; background-color:#cacfd2; background-image:url(../images/box-bg.gif); background-repeat:no-repeat; padding:15px 15px 300px 15px}

/* RIGHT COLUMN DIVS */
#page-body #page-body-right #page-body-right-col p {font-size:11px; color:#646464}
#page-body #page-body-right #page-body-right-col a:link {color:#646464; font-weight:bold; text-decoration:none}
#page-body #page-body-right #page-body-right-col a:active {color:#646464; font-weight:bold; text-decoration:none}
#page-body #page-body-right #page-body-right-col a:visited {color:#646464; font-weight:bold; text-decoration:none}
#page-body #page-body-right #page-body-right-col a:hover {color:#646464; font-weight:bold; text-decoration:underline}

#page-body-right #page-body-right-col .event {width:126px; padding-top:80px; padding-left:30px; padding-right:30px; height:106px; background-image:url(../images/events-bg-right.jpg); background-repeat:no-repeat; position:relative; margin-bottom:20px;}
#page-body-right #page-body-right-col .event h2 {font-size:9px; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;}
#page-body-right #page-body-right-col .event h3 {font-size:9px; font-weight:normal; margin:0px 0px 5px 0px; padding:0px; line-height:12px;}
#page-body-right #page-body-right-col .event .register {position:absolute; right:20px; bottom:15px;}

#page-body #page-body-right #page-body-right-col #widget-divider {height:4px; margin-bottom:15px; margin-top:15px; /*border-bottom:1px solid #efa61b;*/}
/*#page-body #page-body-right #page-body-right-col #sap-partner {border-bottom:1px solid #efa61b; margin:0px 0px 15px 0px; padding:4px 6px 10px 0px}
#page-body #page-body-right #page-body-right-col #latest-news {border-bottom:1px solid #efa61b; margin:0px 0px 15px 0px; padding:4px 6px 10px 0px}
#page-body #page-body-right #page-body-right-col #latest-news h2 {font-size:14px; margin:0px 0px 6px 0px; color:#efa61b}
#page-body #page-body-right #page-body-right-col #latest-news h3 {font-size:13px; margin:0px 0px 12px 0px; color:#8a8c8e}
#page-body #page-body-right #page-body-right-col #latest-news h4 {font-size:12px; margin:0px 0px 4px 0px; color:#8a8c8e}
#page-body #page-body-right #page-body-right-col #contact-us-now {background-color:#7682aa; margin:0px 0px 15px 0px; padding:6px 6px 10px 6px}
#page-body #page-body-right #page-body-right-col #contact-us-now p {font-size:14px; font-weight:normal; color:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#page-body #page-body-right #page-body-right-col #contact-us-now a:link {color:#ffffff; text-decoration:none}
#page-body #page-body-right #page-body-right-col #contact-us-now a:active {color:#ffffff; text-decoration:none}
#page-body #page-body-right #page-body-right-col #contact-us-now a:visited {color:#ffffff; text-decoration:none}
#page-body #page-body-right #page-body-right-col #contact-us-now a:hover {color:#ffffff; text-decoration:none}*/

/* the overlayed element */ 
.simple_overlay {
display:none;
z-index:10000;
background-color:#333;
border:1px solid #666;
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
} 

.simple_overlay .close {background-image:url(../img/overlay/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px; 
}

/* css for pop up form on left */
.modal {background-color:#fff; display:none; width:350px; padding:15px; text-align:left; border:2px solid #efa61b; opacity:0.8; -moz-border-radius:6px;-webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; position:relative; z-index:3000;}
.modal h2 {background:url(/img/global/info.png) 0 50% no-repeat; margin:0px; padding:10px 10px 10px 0px; border-bottom:1px solid #333; font-size:18px;}
.modal p {font-size:12px}

.modal-video {display:none; width:640px; height:390px; text-align:left; opacity:0.8; -moz-border-radius:6px;-webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; position:relative; z-index:3000;}

.modal-video .close {background:none; background-image:url(../images/close.png); position:absolute; z-index:3001; right:-30px; top:-30px; cursor:pointer; height:35px; width:35px;}

img.video {cursor:pointer}

#page-body #footer {margin:15px 0px 0px 0px; padding:50px 20px 0px 20px;}
#page-body #footer p {font-size:11px; color:#8a8c8e; line-height:18px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center}
#page-body #footer a:link {color:#8a8c8e; text-decoration:none}
#page-body #footer a:active {color:#8a8c8e; text-decoration:none}
#page-body #footer a:visited {color:#8a8c8e; text-decoration:none}
#page-body #footer a:hover {color:#666768; text-decoration:underline}

.textarea {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#646464; border:1px solid #a5a5a5; padding:2px 2px 2px 2px; margin:0px 0px 0px 0px; width:140px; overflow:hidden}
.formbutton, .close {background-color:#efa61b; font-size:10px; color:#ffffff; padding:2px 2px 2px 2px; border:none}

.orange {color:#efa61b}
.green {color:#438012}
.red {color:#a11c1c}

