/*

Stylesheet that contains all elements used by the website AND by the Editor.
This is so that the way the site looks in the editor is the same as on the actual
content of the site. This stylesheet should not contain rogue classnames that are not
prefixed with a tag.

eg.

.myclass is invalid
p.myclass is valid

This is because when you right click on a tag in the editor, it only lists classes that relate to that tag.
If you place classes here without a prefix, they appear in every list of classes because the editor doesn't know
where to put them.

To include classes that you want the Editor to ignore, place them after this line.
--------------------------------------------------------------------------------*/


/*MAIN STATIC TEMPLATE
=======================================*/
#outerBodyDiv {height:100%;}
#sc_siteframe	{	width:98%;
					max-width:1100px;
					min-width:780px;
					margin-left:auto;
					margin-right:auto;}
#sc_shadowleft { 
	background: url("/images/template/sc_left_shadow.gif") repeat-y left top;
	background-color:inherit;
	color:#ffffff;
	margin:0px;
	padding-left:15px;
	height:1%;}
#sc_shadowright {
	background: url("/images/template/sc_right_shadow.gif") repeat-y right top;
	background-color:#ffffff;
	color:#0D0247;
	margin:0px;
	padding-right:15px;
	height:1%;}
#sc_shadowbottom {
	background: url("/images/template/sc_bottom_shadow.gif") repeat-x left top;
	background-color:inherit;
	color:#ffffff;
	height:15px;
	margin:0px;
	padding:0px;}
#sc_shadowbl {
	background: url("/images/template/sc_bl_shadow.gif") no-repeat left top;
	width:15px;
	height:15px;
	margin:0px;
	padding:0px;}
#sc_shadowbr {
	background: url("/images/template/sc_br_shadow.gif") no-repeat right top;
	width:15px;
	height:15px;
	margin:0px;
	padding:0px;}	

#sc_header {text-align:right; padding:0px; margin:0px; height:200px;}
#sc_logo {margin-top:10px;}


/* MAIN TOP MENU
=======================================*/	
#sc_menu {background-color:#0D0247;
	color:#ffffff;
	position:relative;
	height:1%;}
#sc_menu ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	white-space:nowrap;}
#sc_menu ul li {
	background:none;
	margin:0px;
	padding:0px;
	text-align: center;}
#sc_menu ul li a {
	display:block;
	padding:5px 10px 5px 10px;
	border-right:1px solid #ffffff;
	color:#ffffff;
	background-color:inherit;
	font-weight:normal;
	text-decoration:none;}
#sc_menu ul li a.selected {
	font-weight:bold;
	background-color:#4487BC;
	color:#ffffff;}
#sc_menu ul li a:hover {
	background-color:#4487BC;
	color:#ffffff;} 

#sc_menu ul li:hover ul {display:block;}
#sc_menu ul li:hover ul ul {display:none;}
#sc_menu ul ul {
	display:none;
	position:absolute;
	top:24px;
	left:0px;
	width:100%;
	margin-right:200px;
	background-color:#A3C4DE;
	color:#0D0247;
	border-top:1px solid #ffffff;}
#sc_menu ul ul li a {
	padding:0px 10px 0px 10px;
	margin:6px 0px 6px 0px;
	color:#0D0247;
	background-color:#A3C4DE;
	border-right:1px solid #0D0247;
	font-weight:bold;}
#sc_menu ul ul li a:hover {background-color:#A3C4DE; color:#ffffff;}

#sc_menu ul ul li:hover ul {display:block;}
#sc_menu ul ul ul {display:none;}





/* MAIN BODY LAYOUT
=======================================*/
#sc_maincontent {
	background: #ffffff url("/images/template/sc_blueRight.gif") repeat-y right top; height:1%;}
#sc_page {
	margin:0px;
	margin-right:250px;
	padding:10px 0px 10px 10px;
	height:1%;}

	
/*RIGHT PANELS
=======================================*/	
#sc_rightBit {
	width:220px;
	padding:10px;
	margin:0px;
	height:1%;}
#sc_rightBit h2 {
	color:#ffffff;
	margin:0px;
	padding:5px 0px 10px 0px;}
	
#sc_langbox {padding:5px; background-color:#ABC7E0; color:#0D0247; height:45px; margin:0px;}
#sc_langbox div a {
	background: url("/images/template/sc_langeng.jpg") no-repeat center top;
	display:block;
	text-align:center;
	background-color:#ABC7E0; 
	color:#0D0247;
	padding:30px 8px 5px 8px;}
#sc_langbox div a:hover {
	color:#ffffff;
	background-color:inherit;}
#sc_langbox .english a {background: url("/images/template/sc_langeng.jpg") no-repeat center top;}
#sc_langbox .urdu a {background: url("/images/template/sc_langurdu.jpg") no-repeat center top;}
#sc_langbox .polish a {background: url("/images/template/sc_langpol.jpg") no-repeat center top;}

#sc_rightBit .sc_rightpanel {
	background: url("/images/template/sc_side_titleback.jpg") repeat-y right top;
	margin:0px; 
	margin-top:10px; 
	padding:0px;}
#sc_rightBit .lnews {background: url("/images/template/sc_side_newstitle.jpg") no-repeat right top;}
#sc_rightBit .notes {background: url("/images/template/sc_side_notestitle.jpg") no-repeat right top;}
#sc_rightBit .links {background: url("/images/template/sc_side_linkstitle.jpg") no-repeat right top;}
#sc_rightBit .panelbody {
	border: 1px solid #ABC7E0;
	padding:8px;
	margin-right:36px;
	min-height:80px;}
#sc_rightBit .lnews .panelbody {min-height:145px;}
	
#sc_rightBit .sc_rightpanel h2, #sc_rightBit .btop01, #sc_rightBit .bbot01 {display:none;}
#sc_rightBit ul {padding:0px; margin:0px;}
#sc_rightBit li {padding:0px; margin:0px; background:none;}
#sc_rightBit h3 {color:#ffffff; background-color:inherit; text-align:center; margin:0px; padding:0px; margin:0px 0px 6px 0px; font-weight:bold;}
#sc_rightBit p {color:#ffffff; background-color:inherit; padding:0px; margin:0px;}
#sc_rightBit .readmore {text-align:right; margin:5px 0px 0px 0px; padding:0px;}
#sc_rightBit a {color:#ffffff; background-color:inherit; text-decoration:none; font-weight:bold;}
#sc_rightBit a:hover {color:#ABC7E0; background-color:inherit;}

#sc_rightBit .lnews ul {}
#sc_rightBit .lnews ul li {padding-bottom:5px; padding-left:15px; background: url("/images/template/sc_newsicon.gif") no-repeat left 1px}
#sc_rightBit .lnews ul li a {
	font-weight:normal;
	text-decoration:underline;
}
#sc_rightBit .lnews .listmore {text-align:right;}


/*BOTTOM PANEL
=======================================*/	
#sc_botbar01 {color:#ffffff; background-color:inherit; padding:0px 10px 5px 10px; text-align:right; font-size:0.9em;}
#sc_botbar01 a {color:#ffffff; background-color:inherit; text-decoration:none;}
#sc_botbar01 a:hover {color:#ABC7E0; background-color:inherit;}




/* SPLASH PAGE
=======================================*/
#sp_outer {
	height:100%;
	width:100%;
	background-color:#0D0247;
	color:#ffffff;
	margin:0px;
	padding:20px 0px 0px 0px;
	position:absolute;
	top:0px;
	left:0px;}
#sp_inner {
	width:397px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;}
#sp_inner img {border:none;}
#sp_menu {margin:0px; padding:0px; margin-top:15px;}
#sp_menu ul {list-style-type:none; padding:0px; margin:0px; white-space:nowrap;}
#sp_menu ul li {background:none; margin:0px; padding:0px;}
#sp_menu ul li a {
	display:block;
	width:88px;
	height:86px;
	margin:0px;
	padding:0px;}
#sp_menu ul li.news a {
	background:#0D0247 url("/images/template/sp_news1.gif") no-repeat left top; color:#ffffff; margin-left:15px;}
#sp_menu ul li.news a:hover {
	background:#0D0247 url("/images/template/sp_news2.gif") no-repeat left top; color:#ffffff;}
#sp_menu ul li.location a {
	background:#0D0247 url("/images/template/sp_location1.gif") no-repeat left top;	color:#ffffff; margin-left:15px;}
#sp_menu ul li.location a:hover {
	background:#0D0247 url("/images/template/sp_location2.gif") no-repeat left top;	color:#ffffff;}
#sp_menu ul li.iip a {
	background:#0D0247 url("/images/template/sp_iip1.gif") no-repeat left top; color:#ffffff;}
#sp_menu ul li.iip a:hover {
	background:#0D0247 url("/images/template/sp_iip2.gif") no-repeat left top; color:#ffffff;}
#sp_menu ul li.cqc a {
	background:#0D0247 url("/images/template/sp_cqc1.gif") no-repeat left top; color:#ffffff; margin-left:15px;}
#sp_menu ul li.cqc a:hover {
	background:#0D0247 url("/images/template/sp_cqc2.gif") no-repeat left top; color:#ffffff;}
#sp_menu ul li.jobs a {
	background:#0D0247 url("/images/template/sp_jobs1.gif") no-repeat left top; color:#ffffff; margin-left:15px;}
#sp_menu ul li.jobs a:hover {
	background:#0D0247 url("/images/template/sp_jobs2.gif") no-repeat left top; color:#ffffff;}
#sp_menu ul li.home a {
	background:#0D0247 url("/images/template/sp_home1.gif") no-repeat left top; color:#ffffff;}
#sp_menu ul li.home a:hover {
	background:#0D0247 url("/images/template/sp_home2.gif") no-repeat left top; color:#ffffff;}
	
#sp_skip {text-align:right; margin:0px; padding:0px; padding-top:15px;}
#sp_skip a {
	background-color:#0D0247;
	color:#ffffff;
	text-decoration:none;}
#sp_skip a:hover {
	background-color:#0D0247;
	color:#4487BC;
}




/*COMMON CLASSES - Used for most sites
=======================================*/
		.clearleft		{clear:left;}
		.clearright		{clear:right;}
		.clear			{clear:both;font-size:1px;}
		.textright		{text-align:right;}
		.textleft		{text-align:left;}
		.textcenter		{text-align:center;}
		.hidden			{display:none;}
		.nobotgap		{padding-bottom:0px;margin-bottom:0px;}
		.notopgap		{padding-top:0px;margin-top:0px;}
		.nogaps			{padding:0px;margin:0px;}
		.nobullets li	{background-image:none;
						 list-style-type:none;}
		.width100percent{width:100%;}
		.width90percent	{width:90%;}
		.width80percent	{width:80%;}
		.width50percent	{width:50%;}
		.smalltext		{font-size:85%;}
		.relative_top-2	{position:relative;top:-2px;left:0px;}
		.icon			{vertical-align:middle;}
		.icon_border	{vertical-align:middle;border:1px solid #000000;margin:2px;}
		.mandatory		{color:red;font-weight:bold;background-color:inherit;font-size:1.2em;}
		.printheader	{display:none;}
		.readmore		{display:block;text-align:left;}
		.right			{text-align:right;}
		.left			{text-align:left;}
		.center			{text-align:center;}


/*--------------------------------------------------------------------------------
Styles above here will not be included in the editor.
This is because the CSS will be divided into 2 parts using the split tag below


/*CLASSES USED BY THE EDITOR
============================
CMSLite 2.0 notes : There are common classes for this area found in the public_global area.
You can also add them here if they are specific to the account but should be available in the editor.
*/

/*<SPLIT>*/

html, body {height:100%;}
body{	color:#ffffff;
		background-color:#4487BC;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:0.75em;
		padding:0px;
		margin:0px;
		position:relative;}

h1{	color:#4487BC;
		background-color:inherit;
		letter-spacing:-1px;
		font-size:2.2em;
		font-weight:bold;
		margin-top:0px;}
h2{
	font-size:1.5em;
	color:#4487BC;
	background-color:inherit;
	font-weight:bold;}
h3{
	color:#0D0247;
	background-color:inherit;
	font-size:1.2em;
}
h4{
	color:#0D0247;
	background-color:inherit;
	font-size:1em;
}

a,a:active,a:link,a:visited{
	color:#4487BC;
	background-color:inherit;
	text-decoration:underline;}
a:hover	{
	color:#555555;
	background-color:inherit;}
	
p{
	line-height:1.2em;
}
strong{
	color:#0D0247;
	background-color:inherit;
}
em {
	font-weight:bold;
}

ul		{	margin-top:0px;
			margin-bottom:0px;
			margin-left:10px;
			padding-left:0px;
			list-style-type:none;
}
li		{	background: url("/images/template/sc_bullet1.gif") no-repeat left 2px;
			padding-left:20px;
			padding-bottom:10px;
}
.floatright img {
	margin:5px 5px 5px 10px;
}
.floatleft img {
	margin:5px 10px 5px 5px;
}

select,input,textarea{
			font-family:Arial,Helvetica,sans-serif;
			font-size:0.9em;
}

th {background-color:#4487BC; color:#ffffff; text-align:right; width:140px;}
td p {margin:0px; margin:0px 0px 5px 0px;}