/* Universal Styles */
body			{margin:0px; padding:0px; background-color:#F8F8F8; font-family:verdana; font-size:70%; background-repeat:no-repeat;}
*				{font-size:100%;}
p				{margin:0px;}
a				{color:#650065; text-decoration:underline;}
div				{margin:0px; padding:0px;}
/*
ul			{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; width:auto; clear:both; float:none; background:green;}
ul li			{padding-left:8px; background:url(../../../../images/bulletArrow.gif) no-repeat 0px 3px; float:left; clear:both; background:red;}
*/
ul			{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
ul li			{padding-left:8px; background:url(../../../../images/bulletArrow.gif) no-repeat 0px 3px;}

/* Non-Bulleted Lists */
.nobullets {list-style:none; margin:0px; padding:0px; float:left;}
.nobullets li {margin:0px; padding:0px; float:left; clear:none; background:none;}
.nobullets * ul {list-style:none; margin:0px; padding:0px; float:left;}
.nobullets * li {margin:0px; padding:0px; float:left;}

/* all styles */
#page				{width:100%; border-collapse:collapse;}
#page .gap				{width:50%; padding:0px;}
#page .pageCenter		{vertical-align:top; padding:0px;}
#all				{width:770px; background-color:#FFFFFF;}
#all #header			{width:770px; height:289px; background-color:#FFFFFF;}
#all #header #logo			{height:110px;}
#all #header #logo #link		{float:left; height:80px; background:url(../../../../images/logo.gif) #FFFFFF no-repeat; text-decoration:none; padding-top:30px; padding-left:80px; display:block; text-decoration:none; color:#8A2689; font-size:320%; font-weight:normal;}
#all #header #logo #QL		{height:100%; float:right;}
#all #header #logo #QL #QLTop	{text-align:right; height:50%; vertical-align:top; font-family:tahoma;}
#all #header #logo #QL #QLTop a		{text-decoration:none;}
#all #header #logo #QL #QLTop a:hover	{text-decoration:underline;}
#all #header #logo #QL #QLTop li	{margin:2px;}
#all #header #logo #QL #QLBot	{text-align:right; height:50%; vertical-align:bottom;}
#all #header #logo #QL #QLBot label	{display:none;}
#all #header #logo #QL #QLBot input	{position:relative; top:-5px; left:-4px; padding:1px;}
#all #header #logo #QL #QLBot a		{text-decoration:none; font-weight:bold;}
#all #header #logo #QL #QLBot a:hover	{text-decoration:underline;}
#all #header #menu			{height:20px; background-color:#CBCBFE; border-top:1px solid #706E63; border-bottom:1px solid #FFFFFF; padding-top:2px; padding-left:5px; font-size:120%; font-family:verdana;}
#all #header #menu a			{text-decoration:none;}
#all #header #menu a:hover			{text-decoration:underline;}
#all #header #menu li			{margin-right:15px;}
#all #header #banner		{height:153px; background:url(../../../../images/bannerMakingLondonSafer.jpg) #9E9E9E; border-top:1px solid #989898; border-bottom:1px solid #C8C8C8;}
#all #main				{background:red; display:table; -display:inline-block; background:url(../../../../images/templates/GreySlice.gif) repeat-y left;}
#all #main .fadeDown		{background-image:url(../../../../images/fadeDown.gif); background-repeat:repeat-x; height:8px; display:block; width:180px;}
#all #main #left			{float:left; width:180px; height:410px; background:url(../../../../images/fadeBig.jpg) repeat-x #D8D9DD;}
#all #main #left ul				{}
#all #main #left ul li				{clear:both; margin:0px; padding:0px;}
#all #main #left ul li a				{color:#000000; text-decoration:none; background-repeat:no-repeat; display:block; padding:3px;}
#all #main #left ul li a				{background-image:url(../../../../images/bulletSquareOff.gif); padding-left:11px; background-position:2px 6px; width:166px; border-bottom:1px solid #D2DCDB;}
#all #main #left ul li a.sel			{background-image:url(../../../../images/bulletSquareOn.gif); background-color:#CBCBFE;}
#all #main #left ul li a:hover			{background-image:url(../../../../images/bulletSquareOn.gif); background-color:#CBCBFE;}
#all #main #left ul ul						{border-bottom:1px solid #D2DCDB;}
#all #main #left ul ul li a					{background-image:url(../../../../images/bulletArrow.gif); padding-left:15px; background-position:7px 6px; width:162px; border:0px;}
#all #main #left ul ul li a.sel				{background-image:url(../../../../images/bulletArrow.gif); background-color:#CBCBFE;}
#all #main #left ul ul li a:hover			{background-image:url(../../../../images/bulletArrow.gif); background-color:#CBCBFE;}
#all #main #left ul ul ul						{border:0px;}
#all #main #left ul ul ul li a					{background-image:url(../../../../images/bulletArrow.gif); padding-left:19px; background-position:11px 6px; width:158px; border:0px;}
#all #main #left ul ul ul li a.sel				{background-image:url(../../../../images/bulletArrow.gif); background-color:#CBCBFE;}
#all #main #left ul ul ul li a:hover			{background-image:url(../../../../images/bulletArrow.gif); background-color:#CBCBFE;}
#all #main #top				{height:20px; padding:10px 5px 5px 17px;}
#all #main #top ul				{margin-left:2px;}
#all #main #top a				{text-decoration:none;}
#all #main #top a:hover				{text-decoration:underline;}
#all #main #content			{float:left; font-size:102%; width:590px; background-color:#FFFFFF;}
#all #main #content #banner		{border-bottom:1px solid #CCCCCC; height:153px; background-repeat:no-repeat; background-color:#FFFFFF; background-position:right top; width:590px;}
#all #main #content #formatting	{padding:0px 5px 20px 17px; background-color:#FFFFFF;}
#all #main #content .block		{width:295px; float:left;}
#all #main #content #news		{background:url(../../../../images/lefttop.gif) no-repeat #CCCCFF; height:150px; padding-left:15px; width:280px;}
#all #main #content #news div		{margin-top:6px;}
#all #main #content #career		{background:url(../../../../images/homecareer.jpg) #3C3A3B left no-repeat; height:150px; padding-left:15px; width:280px;}
#all #main #content #career div		{color:#CBCBFE; margin-top:5px;}
#all #main #content #new		{background:url(../../../../images/fadeDark.jpg) #323232 repeat-y; clear:both; color:#FFFFFF; height:28px; border-top:1px solid #FFFFFF; border-bottom:1px solid #D7D7BB;}
#all #main #content #new *			{padding-top:7px; margin:0px; height:21px;}
#all #main #content #new a			{float:right; text-align:right; color:#FFFFFF; text-decoration:none; padding-right:10px;}
#all #main #content #new a:hover		{text-decoration:underline;}
#all #main #content #new p			{float:left; padding-left:5px; color:#FFFFFF; clear:none;}
#all #main #content #new h2			{float:left; color:#CBCBFE; font-size:100%; width:65px; text-align:center; border-right:1px dashed #989898; clear:none; display:block;}
#all #main #content #downloads	{background-color:#FFFFFF; width:280px; height:174px; border-top:1px solid #FFFFFF; padding:15px 0px 0px 15px;}
#all #main #content #articles	{background-color:#F4F4F4; width:279px; height:174px; border-top:1px solid #FFFFFF; padding:15px 0px 0px 15px; border-left:1px solid #CBCBFE;}
#all #main #content #articles #events	{margin:5px;}
#all #main #content #articles #events li	{clear:both;}
#all #footer			{height:15px; width:766px; clear:both; border-top:17px solid #CBCBFE; background-color:#5E5E5E; color:#FFFFFF; font-size:80%; padding-top:1px; padding-left:4px;}
#all #footer a				{color:#FFFFFF; text-decoration:none;}
#all #footer a:hover			{text-decoration:underline;}
#all #footer li				{margin-left:5px;}
#all #footer span			{float:left;}

/* page template only styles */
.page #all #header			{height:134px;}
.page #all #main				{border-top:1px solid #989898;}
.page #all #main #left			{border-top:1px solid #FFFFFF;}
.page #all #main #content			{width:590px;}

/* Home Template Only Styles */
.home #all #main				{height:370px;}
.home #all #main #left			{height:370px;}
.home #all #main #content			{height:370px;}

/* related page styles */
.rel #all #main #content	{width:590px;}
.rel #all #main #content #formatting	{width:395px;}
.rel #all #main #right		{float:right; width:160px; border:1px solid #8A2689; background-color:#FFFFFF; padding:0px 0px 15px 0px;}
.rel #all #main #right p		{margin-left:30px;}
.rel #all #main #right a		{color:#000000;}
.rel #all #main #right a:hover		{color:#650065;}
.rel #all #main #right .related	{color:#650065; font-weight:bold; display:block; width:130px; height:18px; padding:2px 0px 0px 20px; background-color:#FFFFFF; background-repeat:no-repeat; margin:10px 0px 0px 10px;}
.rel #all #main #right .related.info{background-image:url(../../../../images/templates/relatedDocs.gif);}
.rel #all #main #right .related.links{background-image:url(../../../../images/templates/relatedLinks.gif);}
.rel #all #main #right .relatedContent	{}

/* Style Picker Styles */
fieldset				{border:1px solid #EEEEEE; padding:2px 5px 5px 5px; margin:2px 0px 2px 0px;}
fieldset.SPFonts			{}
fieldset.SPFonts p				{float:left; margin-left:5px; padding-top:5px;}
fieldset.SPFonts li				{clear:both; width:526px;}
fieldset legend				{color:#AAAAAA;}
fieldset .SPButtons			{display:block; width:200px; border:1px solid; text-align:center; padding:2px 0px 2px 0px; text-decoration:none; margin:2px 3px 2px 3px; float:left;}
fieldset .SPButtons.small		{border-color:#000000; background-color:#FFFFFF; color:#000000;}
fieldset .SPButtons.medium		{border-color:#000000; background-color:#FFFFFF; color:#000000;}
fieldset .SPButtons.large		{border-color:#000000; background-color:#FFFFFF; color:#000000;}
fieldset .SPButtons.default		{border-color:#000000; background-color:#FFFFFF; color:#000000;}
fieldset .SPButtons.BlackoY		{border-color:#000000; background-color:#FFFF80; color:#000000;}
fieldset .SPButtons.BoPB		{border-color:#000000; background-color:#C2D3FC; color:#000000;}
fieldset .SPButtons.BoPP		{border-color:#000000; background-color:#F9DDD6; color:#000000;}
fieldset .SPButtons.BoC			{border-color:#000000; background-color:#FAF7E2; color:#000000;}
fieldset .SPButtons.BlueoY		{border-color:#003399; background-color:#FFFF80; color:#003399;}
fieldset .SPButtons.YoB			{border-color:#FFFF00; background-color:#000000; color:#FFFF00;}

/* Events Calendar Styles */
#Template__ctl15__ctl0_clp_EventsBrowseDateFrom_div {background:#FFFFFF;}
#Template__ctl15__ctl0_clp_EventsBrowseDateTo_div {background:#FFFFFF;}

/* eWorld UI Calendar Control */
.calCtrl {font-size:100%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlDayHeader {background-color: #DCDCDC; color: Black;font-size:80%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlMonthHeader {background-color: #0f9fef; color: Black;font-size:85%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlWeekDay {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlOffMonth {background-color: #778898; color: Black;font-size:80%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlGoToToday {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlTodayDay {background-color: #0f9fef; color: Black;font-size:80%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlWeekend {background-color: #D3D3D3; color: Black;font-size:80%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlSelectedDate {background-color: #FFFF00; color: Black;font-size:80%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlClearDate {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlHoliday {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}

