@charset "utf-8";
/* CSS Document */

body,td {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
body {background-color: #00384d; margin:0;}
.clear {clear:both; height:3px; margin:0; padding:0; font-size:1px;}
.bodycontainer {width:100%; background:url(css_images/background.jpg) top center no-repeat; padding:0 0 0 0;}
div#container {margin: 0 auto; width: 980px; min-height:720px; text-align: left;}

.header {width:980px; height:118px; clear:both}
.logo {float:left; padding:0 10px; margin-top:5px}
.bandera2 {float:right; border:1px solid #fff; margin:25px 0 0 0}
.left {float:left}
.w190 {width:190px}

/*Clear boxes to allow content boxes to stretch to wrap inner content - css hack for IE6 in Supplementary css*/
.clearbox2 {overflow:auto; padding-bottom:2px ! important}
.clearbox10 {overflow:auto; padding-bottom:10px ! important}

.centrepanel {width:950px; padding:20px 0 0 0}
.regnowimg {position:absolute; margin:-35px 30px 35px -30px}
.jobsnowimg {position:absolute; margin:-35px 50px 35px -50px}

/*Content Panel*/
.contentbox {background: transparent}
.contentboxfull {width:980px; float:left}
.contentbox .top, .contentbox .bottom {display:block; background:transparent; font-size:1px;}
.contentbox .b1, .contentbox .b2, .contentbox .b3, .contentbox .b4, .contentbox .b1b, .contentbox .b2b, .contentbox .b3b, .contentbox .b4b {display:block; overflow:hidden;}
.contentbox .b1, .contentbox .b2, .contentbox .b3, .contentbox .b1b, .contentbox .b2b, .contentbox .b3b {height:1px;}
.contentbox .b2, .contentbox .b3, .contentbox .b4 {background:#f0f7fd; border-left:1px solid #fff; border-right:1px solid #fff;}
.contentbox .b4b, .contentbox .b3b, .contentbox .b2b {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.contentbox .b1 {margin:0 5px; background:#fff;}
.contentbox .b2, .contentbox .b2b {margin:0 3px; border-width:0 2px;}
.contentbox .b3, .contentbox .b3b {margin:0 2px;}
.contentbox .b4, .contentbox .b4b {height:2px; margin:0 1px;}
.contentbox .b1b {margin:0 5px; background:#fff;}
.contentbox .boxcontent {display:block; background-color:#fff; background-image:url(css_images/jslcss.gif); background-position:0 -250px; background-repeat:repeat-x; border-left:1px solid #fff; border-right:1px solid #fff; min-height:580px;}

/*End Content Panel*/



/*Yellow Box*/
.yellowbox {background:transparent; float:left; width:204px; margin:30px 0 0 60px}
.yellowbox .top, .yellowbox .bottom {display:block; background:transparent; font-size:1px;}
.yellowbox .b1, .yellowbox .b2, .yellowbox .b3, .yellowbox .b4, .yellowbox .b1b, .yellowbox .b2b, .yellowbox .b3b, .yellowbox .b4b {display:block; overflow:hidden;}
.yellowbox .b1, .yellowbox .b2, .yellowbox .b3, .yellowbox .b1b, .yellowbox .b2b, .yellowbox .b3b {height:1px;}
.yellowbox .b2, .yellowbox .b3, .yellowbox .b4 {background:#fff8d4; border-left:1px solid #00aeef; border-right:1px solid #00aeef;}
.yellowbox .b4b, .yellowbox .b3b, .yellowbox .b2b {background:#fee45f; border-left:1px solid #00aeef; border-right:1px solid #00aeef;}
.yellowbox .b1 {margin:0 5px; background:#00aeef;}
.yellowbox .b2, .yellowbox .b2b {margin:0 3px; border-width:0 2px;}
.yellowbox .b3, .yellowbox .b3b {margin:0 2px;}
.yellowbox .b4, .yellowbox .b4b {height:2px; margin:0 1px;}
.yellowbox .b1b {margin:0 5px; background:#00aeef;}
.yellowbox .boxcontent {display:block; background-color:#fff; background-image:url(css_images/yellowback.gif); background-position:0 0; background-repeat:repeat-x; border-left:1px solid #00aeef; border-right:1px solid #00aeef; min-height:100px;}
.yellowbox .boxcontent h2 {color:#0093cb; font-size:13px; margin:0; padding:25px 0 0 60px}
.yellowbox .boxcontent:hover {color:#0093cb; text-decoration:underline; cursor:pointer}
.yellowbox .boxcontent p {color:#0093cb; font-size:12px; font-weight:700; margin:0; padding:7px 10px 0 60px}
/*End Yellow Box*/


.contentheader {background:url(css_images/jslcss.gif) repeat-x top; height:38px}
.contentheader h1 {font-size:20px; margin:0 10px; padding:0; line-height:34px; color:#003e56}

.menu {margin-top:265px; width: 190px; background:#f6f68c; border-bottom:2px solid #24596d; border-right:2px solid #24596d}
.menu dl {margin: 0 auto; padding: 0 0 10px 0}
.menu dt {margin:0; padding: 5px; font-size: 0.1em; font-weight:bold; color: #fff; border-bottom:1px solid #ccd9df}
.menu dd {margin:0; padding:0; color: #fff; font-size: 1.15em; border-bottom:1px solid #ccd9df; letter-spacing:2px; font-style:italic}
#gallery a, #gallery a:visited {color:#444; text-decoration:none; display:block; padding:5px 5px 5px 16px;
width:169px; font-weight:700}
#gallery a:hover {color:#000;}
.menuplace {width:1px; float:left; height:1px}
ol li {font-size:11px;}

.centrepanel h2 {margin:0 80px 10px 70px; padding:0; font-size:1.3em}
.centrepanel p {margin:0 80px 10px 70px; padding:0}

.centrepanel a:link, .centrepanel a:visited {color:#00aeef; font-weight:bold; text-decoration:none}
.centrepanel a:hover {color:#ff7e00}
.postit {position:absolute; width:300px; margin-left:15px; z-index:101;
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99756405, M12=0.06975647, M21=-0.06975647, M22=0.99756405); -moz-transform: matrix(0.99756405, -0.06975647, 0.06975647, 0.99756405, 0, 0); -webkit-transform: matrix(0.99756405, -0.06975647, 0.06975647, 0.99756405, 0, 0);}

#buttonoverlay, #buttonoverlay2 {position:absolute; width:54px; margin-left:858px; margin-top:-29px}
.hdbutton {width:54px; height:24px; background:url(../hq_on.png)}
.hdbutton:hover {background:url(../hq_on_over.png); cursor:pointer}
.sdbutton {width:54px; height:24px; background:url(../hq_off.png)}
.sdbutton:hover {background:url(../hq_off_over.png); cursor:pointer}

#actionoverlay {display:none}
.textcentre {text-align:center}