@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }
h1 { font-size:18px; color:#333333; }
	h1 a:link,	h1 a:visited { font-size:18px; text-decoration:none; font-weight:bold; }
	h1 a:hover,	h1 a:active { font-size:18px; text-decoration:none; font-weight:bold; }
h2 { font-size:16px; color:#333333; }
h3 { color:#333333; }

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }

.small { font-size:10px; }
.error, .errors {color:red;}

/* Links */
a:link, a:visited { color:#0099cc; text-decoration:none; font-size:14px; }
a:hover, a:active { color:#333333; text-decoration:none; font-size:14px;  }

a img { border:none; }

/* Main layout */
#main { width:980px; height:auto; margin-left:auto; margin-right:auto; margin-top:0px; }
#mainInner { width:980px; position:relative; top:-55px; background:url(../images/site-group.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:520px;}
#mainInner img.logo { position:relative; top:-4px; left:0px; height: 54px; width: 170px; }
#mainInner .sitegroup {position: absolute; width: 250px; height: 250px; right: 0px; bottom: 0px; }
#content { padding:0px 25px 25px 10px; width: 760px; margin-left:35px; margin-bottom:64px;  margin-top:0; border: 0px solid black;}
#content2 {width: 500px; min-height:188px; height: auto !important; height: 188px; border: 0px solid black;}

/* -----------------------------------------------------------------------------------------*/

/* Header */
#header { width:980px; height:166px; background-image:url(../images/site-framework_upper.gif); background-repeat:no-repeat; background-position:bottom; }
#header img.strap { position:relative; top:16.5px; left:/*680px;*/612px; }
#newsTicker { width:748px; height:20px; position:relative; top:28px; left:224px;}

#framework {border: 0px solid black;}
#framework2 {border: 0px solid black;}

#flashcontent {height: 100%; font: 12px 'Trebuchet MS', arial, sans-serif; font-weight: bold; color: white; text-align:center; }
#flash{display: block;}

.logout a {position:absolute; border: 0px solid black; right:10px; font-size: 12px;}

/* -----------------------------------------------------------------------------------------*/

/* Navigation */

/* register nav */
#register, #timesheet {float:left; margin-top:10px; margin-left:0px; padding:0; width:160px;  height:100%; text-align:center;}
#register a, #timesheet a {display:block; text-decoration:none; width:160px; height:71px; line-height:14pt; color: white; font-weight:bold; font-size:16px;
			 padding:10px 0px 0px 0px; background:url("../images/menu-left-button.png") no-repeat left top;}
#timesheet a { height:63px; padding:18px 0px 0px 0px; }
#register a:hover, #timesheet a:hover {background-position:0% -81px; text-decoration:none;}

/* menu nav */
#nav {float:left; margin:0;	padding:0; width:160px; height:100%; text-align:center;}
#nav a {text-decoration:none; height:19px; display:block; line-height:19px; padding:4px 0px 4px 0px; font-size:15px; font-weight:bold; color:#333333;}

#nav ul {list-style:none; margin:10px 0 0 0; padding:0; width:160px;}
#nav ul li {height:100%; width:100%; position: relative; float:left; margin:0 0 6px 0;
			background:url("../images/menu_left.png") no-repeat right top;}
#nav ul li:hover {background:url("../images/menu_left_hover.png") no-repeat right top;}

/* sub-menu nav */
#nav ul ul a {font-size:12px; line-height:19px; }
#nav ul ul { display:none; margin:0; background:white;}
#nav .active ul { display:block; }

#nav ul ul li {background:url('../images/nav-bullet.gif') no-repeat 10px 45%;  padding: 0 0 0 30px; text-align:left; width:130px; }
#nav ul ul li:hover {background:url('../images/nav-bullet_hover.gif') no-repeat 10px 45%;}
#nav ul ul li a:hover {color:#646464;}

/* active menu nav */
#nav .active, #nav .active:hover {background:url("../images/menu_left_active.png") no-repeat right top;}
#nav .active ul .active, #nav .active ul .active:hover {color:#333333; background:url('../images/nav-bullet_active.gif') no-repeat 10px 45%;}

/* -----------------------------------------------------------------------------------------*/

/* Right hand content */
#framework2 .B_crumbBox {margin-left:30px; font-size:10px;}
#framework2 .B_crumbBox a {font-size:10px;}

#framework2 h1 {margin: 8px 0px 0px 50px;}

#framework {  width:40px; background:url(../images/site-framework_lower.gif); background-repeat:repeat-y; }
#body { float:right; clear:none; width:760px;  background:url(../images/site-group.jpg); background-repeat:no-repeat; background-position:bottom right;   }

/* -----------------------------------------------------------------------------------------*/

/* Content Styling */
#content ul { font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#content ul li a:link, #content ul li a:visited { color:#0099cc; text-decoration:none; font-weight:normal; }
#content ul li a:hover, #content ul li a:active { color:#333333; text-decoration:none; } 

/* Footer */
#footer {  position:relative; top: -40px; }
#footer, #footer p { font-size:9px; text-align:center; margin:0 auto 0 auto;}
#footer ul { margin:0; padding:0; }
#footer ul li { display:inline; list-style:none; font-size:9px; }
#footer li a:link, #footer li a:visited { color:#333333; text-decoration:none; font-size:9px; }
#footer li a:hover, #footer li a:active { color:#333333; text-decoration:underline;  font-size:9px; }

#footer p a:link, #footer p a:visited { color:#333333; text-decoration:none; font-size:9px; }

#footer p a:hover, #footer p a:active { color:#333333; text-decoration:underline;  font-size:9px; }

#footer .w3c {padding: 6px 0 0 0;}
/* -----------------------------------------------------------------------------------------*/

/* Login */
#WebLogin a {position:relative; font-size: 8pt; width: 440px; min-height:178px; border: 0px solid black;}
#WebLoginLayer0, #WebLoginLayer2 {margin-right:200px;  padding: 0px 35px; border: 0px solid black;}
#WebLoginLayer0 td, #WebLoginLayer2 td { padding: 5px; border: 0px solid black;}
#WebLoginLayer0 input, #WebLoginLayer2 input {border: 1px solid black;}

/* -----------------------------------------------------------------------------------------*/

/* Branch Layout */
.branchLayout { width:95%; margin:10px auto; overflow:visible; }
.branchLayoutT { width:100%; float:left; height:30px; padding:5px; }
.branchLayoutT1 { width:100%; float:left; clear:left; padding:5px; }
.branchLayoutL { width:45%; float:left; min-height:50px; padding:5px 10px 5px 5px; display:inline; font-family:Arial, Helvetica, sans-serif; }
.branchLayoutR { width:50%; float:left; min-height:50px; padding:5px; display:inline; font-family:Arial, Helvetica, sans-serif;}
.branchLayoutB { width:100%; float:left; clear:left; min-height:20px; padding:5px; font-family:Arial, Helvetica, sans-serif; }


/* branch nav */
.branch_csci {float:left; margin:0px 125px 0px 125px; padding:0; width:240px;  height:100%; text-align:center; }
.branch_csci a {display:block; text-decoration:none; width:240px; height:46px; line-height:14pt; color: black; font-weight:bold; font-size:14px;
			 padding:8px 0px 0px 0px; background:url("../images/button_2_yellow.png") no-repeat left top;}

/* branch nav */
.branch_btn {float:left; margin:10px 10px 10px 0px; padding:0; width:240px;  height:100%; text-align:center; }
.branch_btn a {display:block; text-decoration:none; width:240px; height:46px; line-height:14pt; color: black; font-weight:bold; font-size:14px;
			 padding:8px 0px 0px 0px; background:url("../images/button_2_active.png") no-repeat left top;}

.branch_csci a:hover, .branch_btn a:hover { background:url("../images/button_2_hover.png") no-repeat left top; text-decoration:none;}


/* -----------------------------------------------------------------------------------------*/

/* Index Page */
#theLatest { background-image:url(../images/ticker-bg.png); width:250px; height:300px; margin:10px; float:right; }
#marqueecontainer { margin-top:55px; margin-left:20px; width:210px; height:230px; overflow:hidden; position:relative;}
#marqueecontainer h1 { background-image:url(../images/cross.png); background-position:center left; background-repeat:no-repeat; padding-left:25px; font-size:16px; margin:0 0 5px 0; }
#marqueecontainere h2 { font-size:12px; padding-left:25px; margin:0; }
#marqueecontainer ul { margin:3px 0 0 40px; padding:0; }
#marqueecontainer ul li { font-size:12px; }
#marqueecontainer p { font-size:12px; margin:10px 0 0 25px; padding:0; }

/* Careers Page */
#careersTable ul { margin:5px 15px; padding:0; }
/* -----------------------------------------------------------------------------------------*/

/* Admin Area*/
#adminBranch fieldset, #adminJob fieldset, #adminSector fieldset, #adminNews fieldset 
{ border:0px solid #0095DA; width:100%; }

#adminBranch label, #adminSector label, #adminNews label 
{ width: 95%; float: left; text-align: left; margin-left: 0.5em; display: block; margin: 10px 0;}

#adminJob label { text-align: left; margin-left: 0.5em; margin: 10px 0;}

#adminBranch input, #adminBranch textarea, #adminJob input, #adminSector input, #adminNews input, #adminDelete fieldset
{ border: 1px solid #0095DA; }

#adminBranch #cfContact, #adminJob #cfContact, #adminSector #cfContact, #adminNews #cfContact, #adminDelete #cfContact
{ border: 0px solid #0095DA; width:162px; height:29px; color: black; font-weight:bold; font-size:14px; padding:0 0 2px 0; 
background:url("../images/menu_left_active.png") no-repeat left top; cursor:pointer; cursor:hand; margin-top: 8px; }

#adminBranch #cfContact:hover, #adminJob #cfContact:hover, #adminSector #cfContact:hover, #adminNews #cfContact:hover, #adminDelete #cfContact:hover
{background:url("../images/menu_left_hover.png") no-repeat left top;}

.adminTable td {border: 1px solid #CFCFCF;}
.adminTable th {color:#0095DA; font-size:11pt; text-decoration:underline;}

#admin {float:left; margin:0; padding:0; width:100%; text-align:center; }
#admin a {text-decoration:none; height:19px; display:block; line-height:14pt; padding:0 0 0 18px; width:160px; font-size:12px; font-weight:bold; color:#333333;}

#admin ul li {list-style:none; background:url('../images/nav-bullet.gif') no-repeat 0 25%;  padding: 0px 0 5px 0px; text-align:left; }
#admin ul li:hover {background:url('../images/nav-bullet_hover.gif') no-repeat 0 25%;}
#admin ul li a:hover {color:#646464;}

/* -----------------------------------------------------------------------------------------*/

/* Home page */
.home h5 { font-size:13px; font-weight:bold;}
.home_table {width:614px; height:153px; text-align:center; vertical-align:middle; margin:-10px 0 0 8%; font-size:16px; font-weight:bold; background:url(../images/home-table.gif) no-repeat top center;}
.home3 a {position: absolute; width: 220px; right: 475px; bottom: 240px; border: 0px solid black;}

/* -----------------------------------------------------------------------------------------*/

/* Vacancy Search */

.vacancysearchbox {width: 600px; height: 175px; padding: 5px 5px; margin:20px auto; border: 0px solid black; background:url(../images/vacancysearch-box.gif); background-repeat:no-repeat;}

.vacancysearchbox #search
{ border: 0px solid #0095DA; width:162px; height:29px; color: black; font-weight:bold; font-size:14px; padding:0 0 2px 0; 
background:url("../images/menu_left_active.png") no-repeat left top; cursor:pointer; cursor:hand; margin-top: 2px; }

.applyjob, .back {float:left; margin:0 20px; padding:0; width:160px;  height:100%; text-align:center;}
.applyjob a, .back a {display:block; text-decoration:none; width:160px; height:40px; color: black; font-weight:bold; font-size:16px;
			 padding:15px 0px 0px 0px; }
.applyjob a { background:url("../images/button_1_yellow.png") no-repeat left top;}
.back a { background:url("../images/button_1_active.png") no-repeat left top;}

.applyjob a:hover, .back a:hover { background:url("../images/button_1_hover.png") no-repeat left top;}

.applyjobreg {float:left; margin:0 40px; padding:0; width:160px;  height:100%; text-align:center;}
.applyjobreg a {display:block; text-decoration:none; width:160px; height:50px; color: black; font-weight:bold; font-size:16px;
				 padding:5px 0px 0px 0px;}
.applyjobreg a {background:url("../images/button_1_active.png") no-repeat left top;}
.applyjobreg a:hover {background:url("../images/button_1_hover.png") no-repeat left top;}

.applyjobunreg {float:left; margin:0 40px; padding:0; width:160px;  height:100%; text-align:center;}
.applyjobunreg a {display:block; text-decoration:none; width:160px; height:50px; color: black; font-weight:bold; font-size:16px;
				 padding:5px 0px 0px 0px;}
.applyjobunreg a {background:url("../images/button_1_active.png") no-repeat left top;}
.applyjobunreg a:hover {background:url("../images/button_1_hover.png") no-repeat left top;}

/* -----------------------------------------------------------------------------------------*/

/* Contact Us Form */
#contactUsForm fieldset { border:0px solid #0095DA; width:100%; }

#contactUsForm input, #contactUsForm textarea { border: 1px solid #0095DA; }

#contactUsForm #cfContact { border: 0px solid #0095DA; display:block; width:162px; height:29px; color: black; font-weight:bold; font-size:14px;
			 padding:0 0 2px 0; background:url("../images/menu_left_active.png") no-repeat left top; cursor:pointer; cursor:hand; margin-top: 8px; }

/* -----------------------------------------------------------------------------------------*/

/* Register Form */
#websignupfrm #cmdwebsignup,
#websignupfrm #cmdreset {border: 0px solid #0095DA; width:162px; height:29px; color: black; font-weight:bold; font-size:14px;
			 padding:0 0 2px 0; background:url("../images/menu_left_active.png") no-repeat left top; cursor:pointer; cursor:hand; margin-top: 8px; }

#websignupfrm #cmdwebsignup:hover,
#websignupfrm #cmdreset:hover { background:url("../images/menu_left_hover.png") no-repeat left top; }

.button
{border: 0px solid #0095DA; width:162px; height:29px; color: black; font-weight:bold; font-size:14px; padding:0 0 2px 0; 
background:url("../images/menu_left_active.png") no-repeat left top; cursor:pointer; cursor:hand; margin-top: 2px;}

/* RBa - Nov-2010 */
#textsize {float:left; margin-top:10px; margin-left:0px; padding:0; width:160px; /*height:100%;*/ text-align:center; /*bottom:0; left:0; position:absolute;*/}
#textsize a { /*height:25px;*/ padding:0px 0px 0px 0px; }