@import url("module_navigation.css");
@import url("module_lhs.css"); 
@import url("module_footer.css"); 
@import url("module_homepanels.css"); 

* { margin: 0; padding: 0; }

body { padding-top: 15px; text-align: center; background: url("../images/bg.jpg") 0% 0% repeat-x #7f7f7f; font: 62.5% Verdana, Arial, Helvetica, sans-serif; }

img { border: 0; }

.box001{
margin:0px auto;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:10px 10px 10px 10px;
}

div.clear { height: 0; line-height: 0px; clear: both; }
.float-left { float: left; }
.float-right { float: right; }

a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { margin: 0 auto; padding: 0 10px; width: 870px; background: #fff; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ header ----------------------------------------------------------------*/

#header { margin: 0; padding: 20px 0 0 0; width: 870px; height: 80px; }
#logo { margin: 0; padding: 0; width: 210px; height: 80px; float: left;  }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ image area ------------------------------------------------------------*/

#flashcontent { margin: 0; padding: 0; width: 870px; height: 210px; background: #fff; }

#banner { margin: 0; padding: 0; width: 870px; height: 160px; }
#banner img { width: 870px; height: 150px; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ content ---------------------------------------------------------------*/

#content { border-top: 10px solid #18263c; width: 870px; min-height: 380px; height: auto !important; height: 380px; text-align: left; }

#contentText { margin: 0; padding: 20px 0 0 20px; width: 630px; float: left; position: relative; }
* html #contentText { width: 627px; }
#contentText.debt { padding-top: 10px; }


#contentText .breadcrumbs { margin: 0 0 20px 0; padding: 0; font-size: 1.1em; font-weight: normal; color: #333333; z-index: 0; position: relative; }
#contentText .breadcrumbs a { font-weight: bold; color: #661731; }
#contentText .breadcrumbs span { margin: 0 10px; padding: 0 10px 0 0; width: 13px; height: 7px; background: url("../images/breadcrumbs_arrow.gif") 0% 50% no-repeat; }

#contentText h1 { margin: 0 10px 16px 0; padding: 0 0 10px 0; color: #21234a; font-size: 1.8em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #c2c2c2; }
#contentText h1.home em 
{
	padding: 0 15px;
}
#contentText h2 { height: 1%; margin: 0 0 20px 0; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; }
#contentText h2.blue2 { background:  url("../images/blue/h2_bg.jpg") 0% 0% repeat-x; margin: 0 0 20px 0; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; }
#contentText h3 { height: 1%; margin: 30px 0 20px 0; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }
#contentText h3.contact_info { margin: 0 0 20px 0; padding: 5px 10px 5px 10px; color: #fff; font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }
#contentText h4 { margin: 20px 0 15px 0; padding: 0 0 8px 10px; color: #16253a; font-weight: bold; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; background: url("../images/divide.gif") 0% 100% repeat-x; }
#contentText h5 { margin: 5px 0 5px 0; padding: 0 0 5px 10px; font-weight: bold; font-size: 1.1em; }
#contentText a { color:#000000; text-decoration:underline; }
#contentText a:visited { color:#000000; text-decoration:underline; }
#contentText p { margin: 0 10px 18px 10px; padding: 0; color: #808080; font-size: 1.1em; font-weight: normal; line-height: 1.6em; text-align: justify; }

#contentText p.title { margin: 0 10px 5px 10px; padding: 0; color: #808080; font-size: 1.1em; font-weight: normal; line-height: 1.6em; float: left; width: 300px; }
#contentText p.salary { margin: 0 10px 5px 10px; padding: 0; color: #808080; font-size: 1.1em; font-weight: normal; line-height: 1.6em; float: left; width: 270px; }

#contentText ul
{
	margin: 0 0 16px 10px; padding: 0; list-style: none;
	
}

#contentText.debt ul 
{
	margin-bottom: 0;
	
}

#lhs #menu.debt ul li
{
	color: #484e58;
}

#contentText ol
{
	margin: 0 0 16px 35px;
}

#contentText ol.order
{
	font-size: 1.1em;
}

#contentText ol li 
{
	margin: 0;
	padding: 0 20px 3px 0px;
	color: #808080;
	font-weight: normal;
	line-height: 1.8em;
	
}

#contentText ol li ul li 
{
	font-size: inherit;
}

#contentText ol li ul 
{
	margin-top: 5px;
	margin-bottom: 10px;
}

#contentText ul.pdf { margin: 0 0 16px 60px; padding: 0; list-style: none; }

#contentText ul li { margin: 0; padding: 0 20px 3px 20px; color: #808080; font-size: 1.1em;  font-weight: normal; line-height: 1.8em; background: url("../images/green/arrow.gif") 0% 0% no-repeat; }

#contentText dl 
{
	margin: 0 0 16px 10px;
}

#contentText dl dt 
{
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.8em; 
	padding: 0 0 5px 20px;
	background: url("../images/green/arrow.gif") 0% 0% no-repeat;
}

#contentText dl dd 
{
	padding: 0px 0 14px 0;
	font-size: 1.1em;
	line-height: 1.6em; 
	color: #808080;
} 


#contentText #container { margin: 0 0 0 20px; padding: 0 0 10px 0; width: 175px; float: right; }

#contentText #container .job_overview { margin: 0 0 10px 0; padding: 0 0 20px 0; background: #afbdd5; }
#contentText #container .job_overview p { margin: 0 0 0 20px; padding: 0; color: #000; font-size: 1.1em; line-height: 2.0em; }
#contentText #container .subheading { margin: 0 0 15px 0; padding: 0; width: 175px; height: 25px; background: url("../images/job_overview_heading.gif") 0% 0% no-repeat; }
#contentText #container .subheading span { display: none; }

#contentText #container .email_friend { margin: 0 0 10px 0; padding: 0 0 20px 0; background: #afbdd5; }
#contentText #container .email_friend p { margin: 0 0 0 10px; padding: 0; color: #000; font-size: 1.1em; line-height: 2.0em; }
#contentText #container .email_friend .subheading { margin: 0 0 15px 0; padding: 0; width: 175px; height: 25px; background: url("../images/email_friend_heading.gif") 0% 0% no-repeat; }
#contentText #container .email_friend .send { margin: 10px 0 0 0; padding: 0; border: none; width: 61px; height: 25px; display: block; vertical-align: middle; text-align: center; cursor: pointer; font-size: 1.0em; font-weight: bold; color: #fff; background: url("../images/sendBg.gif") 0% 0% no-repeat; }

#contentText #container .thank_you { margin: 0 0 10px 0; padding: 0 0 20px 0; background: #afbdd5; }
#contentText #container .thank_you p { margin: 0 0 0 10px; padding: 0; color: #000; font-size: 1.1em; line-height: 2.0em; }
#contentText #container .thank_you .subheading { margin: 0 0 15px 0; padding: 0; width: 175px; height: 25px; background: url("../images/thanks_heading.gif") 0% 0% no-repeat; }

#contentText .apply { margin: 0 0 20px 10px; width: 175px; height: 40px; background:  url("../images/buttons/apply_btn.gif") 0% 0% no-repeat; }
#contentText .apply a, #contentText .apply a:visited { 
	display: block; height: 30px; margin: 0; padding: 12px 0 0 10px; 
	color: #fff !important; font-size: 1.1em; font-weight: bold; text-decoration: none;
	background: url("../images/buttons/white_arrow.gif") 165px 50% no-repeat; 
}

#contentText #description { margin: 0; padding: 0; width: 430px; float: left; }

#contentText .overview { margin: 0; padding: 0 0 0 10px; width: 160px; float: left; }
#contentText .overview p { margin: 0; padding: 0; color: #808080; font-size: 1.1em; font-weight: normal; line-height: 2.0em; }
#contentText .overview p span { color: #222649; font-weight: bold; }
#contentText .summary { width: 460px; float: left; }
#contentText .summary p { margin: 0; padding: 0; color: #808080; font-size: 1.1em; font-weight: normal; line-height: 2.0em; }
#contentText .more_details { margin: 20px 0px 0 0; padding: 0; float: right; width: 20%; }
#contentText .more_details a { margin: 0; padding: 3px 13px 0 0; font-weight: bold; font-size: 1.1em; background: url("../images/green/arrow.gif") 100% 0% no-repeat; } 

.viewAgency { margin: 0; padding: 0 0 0 10px; color: #17263b; font-size: 11px; font-weight: bold; text-align: left; background: url("../images/back_arrow.gif") 0% 50% no-repeat; font-family: Arial, Helvetica, sans-serif; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ colour coded areas ----------------------------------------------------*/

#contentText .green h2 { background:  url("../images/green/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .green h3 { background:  url("../images/green/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .green a { color: #2d3b36;  }
#contentText .green ul li { background: url("../images/green/arrow.gif") 0% 0% no-repeat; }

#contentText .purple h2 { background:  url("../images/purple/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .purple h3 { background:  url("../images/purple/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .purple a { color: #2d293b; }
#contentText .purple ul li { background: url("../images/purple/arrow.gif") 0% 0% no-repeat; }

#contentText .blue h2 { background:  url("../images/blue/h2_bg.jpg") 0% 0% repeat-x; width: 600px !important; }
#contentText.debt .blue h2 {width: auto !important;}

#contentText .blue h3 { background:  url("../images/blue/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .blue h5 { color: #17263b; }
#contentText .blue a { color: #17263b; }
#contentText .blue ul li { background: url("../images/blue/arrow.gif") 0% 0% no-repeat; }

#contentText .red h2 { background: url("../images/red/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .red h3 { background:  url("../images/red/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .red a { color: #661731; }
#contentText .red ul li { background:  url("../images/red/arrow.gif") 0% 0% no-repeat; }

#contentText .brown h2 { background:  url("../images/brown/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .brown h3 { background:  url("../images/brown/h2_bg.jpg") 0% 0% repeat-x; }
#contentText .brown a { color: #262320; }
#contentText .brown ul li { background:  url("../images/brown/arrow.gif") 0% 0% no-repeat; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ content ---------------------------------------------------------------*/

#contentText .form { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; margin: 20px 0; padding: 0;  }
#contentText .form td { vertical-align: top; padding: 5px; }
#contentText .form br { clear:left; }
#contentText .form label b { color: #FF0000; }
#contentText .form label { display: block; float: left; width: 130px; padding: 0; text-align: right; }
#contentText .form input { width: 200px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; text-align: left; } 
#contentText .form textarea { width:auto; padding: 3px; overflow: auto; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; } 
#contentText .form select { width: 210px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 1.0em; float: left; }
#contentText .form .boxes { margin: 15px 0 0 0; float: left; }
#contentText .form .boxes input { margin: 0 0 10px 10px; padding: 0px; width: 1em; float: left; display: inline-block;  }
#contentText .form .boxes label { float: left; margin: 0 0 0 5px; padding: 0; text-align: left; line-height: 1.8; vertical-align: top; }

#contentText .form input.submitButton { 
	border: none; width: 150px; height: 30px; 
	background:  url("../images/buttons/apply_btn.gif") 0% 0% no-repeat;
	vertical-align: middle; text-align: center; cursor: pointer; font-weight: bold;  color: #fff; 
}
#contentText .form input.button { margin: 10px 0 0 10px; padding: 0; border: none; width: 65px; height: 24px; vertical-align: middle; text-align: center; cursor: pointer; background: #3b354f; color: #fff; float: left; }
#contentText .form input.cancelButton { margin: 10px 0 0 15px; padding: 0; border: none; width: 65px; height: 24px; vertical-align: middle; text-align: center; cursor: pointer; background: #3b354f; color: #fff; float: left; }

#contentText ul.sitemap { margin: 0; list-style: none; list-style-image: none; width: 50%; }

#contentText ul.sitemap ul { margin: 0 30px; list-style: none; list-style-image: none; }
#contentText ul li ul li { font-size: 11px; }
#contentText ul li p { margin-top: 10px; margin-bottom: 20px;  font-size: 11px; }
#contentText ul li p a { line-height: 22px; }

#contentText ul.sitemap a, #contentText ul.sitemap a:visited { display: block; width: 100%; padding: 0; text-decoration: none; }

#contentText ul.sitemap a:hover { background: #dbe5f5; }

#contentText ul.sitemap strong { display: block; margin: 10px 0 0 0; }

#contentText .maincontent_sitemap_right { float: right;  }

#contentText .maincontent_sitemap_left { float: left; }


#contentText .PagingLinks { border: 1px solid #ddd; }
#contentText .PagingLinks td { height: 30px; padding: 5px; font-size: 11px; background: #f0f0f0; }
#contentText .PagingLinks span { 
	padding: 5px 8px; background: #ddd; 
	border-right: 1px solid #fff; text-align: center;
}
#contentText .PagingLinks a, #contentText .PagingLinks a:visited { 
	padding: 5px 8px; background: #18263C; 
	border-right: 1px solid #fff;
	text-align: center; text-decoration: none; color: #fff; font-weight: bold;
}

/***********************************/
/* table with news */

table.events 
{
	margin: 0 0 10px 0;
	border-bottom:1px solid #e0e0e0;
}

table.events td 
{
	vertical-align: top;
	padding: 5px;
}

#contentText table.events td p 
{
	margin: 0 0 10px 0;
}

#contentText table.events td p.right 
{
	text-align: right;
	padding: 5px 0 5px 0;
}

#contentText table.events td h5 
{
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 6px 0;
	padding: 0;
	
}

table.eventsImages td 
{
	text-align: center;
}

.bottomButtons 
{
	display: block;
	margin: 10px 0 19px 0;
	clear: both;
	height: 25px;
}

.back 
{
	
	float: left;
	padding: 10px 0 0 10px;
}

.print 
{
	width: 200px;
	float: right;
	text-align: right;
	color: #17263b; 
	font-size: 10px; 
	font-weight: bold;
}



.print img 
{
	text-align: right;
}

.cleaner 
{
	clear: both;
}

#contentText .right 
{
	text-align: right;
}

#contentText p em 
{
	display: block;
	text-align: center;
	color: #18263C;
	
}

/**************************/
/* microsite styles */
.csgIntro #contentText
{
	float: none;
	width: 870px;
	padding-left: 0;
	color: #21234b;
}

.csgIntro #contentText p 
{
	margin-left: 0;
	color: #21234b;
}

.csgIntro #contentText #csgPanels .panel 
{
	float: left;
	width: 284px;
	height: 275px;
	margin-bottom: 20px; 
	background: #f5f5f5;
}

.csgIntro #contentText #csgPanels #panelCDS 
{
	margin: 0 9px 20px 9px;
}

.csgIntro #contentText #csgPanels .panel p 
{
	padding: 10px;
	
}

.csgIntro #contentText #csgPanels .panel h3 
{
	margin: 0;
	padding: 6px 0 8px 10px;
	background: none;
	font-family: Arial;
	font-size: 1.6em;
	font-weight: normal;
}

.csgIntro #contentText #csgPanels .panel img 
{
	margin: 10px 0 0 10px
}

.csgIntro #contentText #csgPanels .panel a.more 
{
	font-weight: bold;
	text-decoration: none;
	padding: 0 10px 0 0;
	background: url(../images/panels/friend_arrow.gif) right 4px no-repeat;
}

.csgIntro #contentText #csgPanels .panel a.more:hover 
{
	text-decoration: underline;
}

.csgIntro #contentText #csgPanels #panelCFS h3 
{
	background: url(../images/bg_csg_head_green.gif) 0 0 repeat-x;
}

.csgIntro #contentText #csgPanels #panelCDS h3 
{
	background: url(../images/bg_csg_head_red.gif) 0 0 repeat-x;
}

.csgIntro #contentText #csgPanels #panelCBS h3 
{
	background: url(../images/bg_csg_head_blue.gif) 0 0 repeat-x;
}