/* CSS Document */
/* Southwark ISA */
/* css by neamus.net */
#main	{
	width:750px;
	margin:0px auto 5px auto; 
	padding:0 0 0 0;
	clear:both;
}
body {
	text-align:left;
	font-family:  Arial, Helvetica, sans-serif;
	color:black;
	font-size:1em;
	margin: 0 0 0 0;
}
#accessbar { width: auto; height: 1px; position: relative; padding: 0; margin: 0;}
#accessbar li { position: absolute; display: block; margin: 0; padding: 0; height: 1px; }
#accessbar a { height: 1px; display: block; text-indent: -9999px; text-decoration: none; }
.page {	font-size:.85em;!important}
div {
	font-size:1em;
}
img {
	border:0;
}
/* LINKS */
a,
a:link 
a:active {
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	
}
a:hover {
	text-decoration: underline;
}
input { color:#0000CC;}
/* END LINKS */
table	{
	border-collapse:collapse; 
	border-spacing:0;
}
h1 { font-size:1.7em; margin-top:0px; }
.red { color:red;}
/*  main navigation  */
p.accessLinks { font-size:.8em; margin:.5em 0 .5em 10px; display:none; }
.accessLinks a { color:#666666; }
#topMenu,
#footerMenu { background-color:#D5D3D4; margin:0 0 0 0; padding:0px; height:30px!important; display:none; }
#footerMenu { clear:both; margin-top:5px; }
#topMenu ul,
#footerMenu ul {
	text-align:left;
	float:left;
	margin:0;
	padding:4px 10px 3px 10px;
	vertical-align: middle;
}
/*ie hack*/
#footerMenu ul {
	padding:4px 10px 3px 10px;
}
html > body #footerMenu ul { padding-left:10px;}
#topMenu li,
#footerMenu li	{ display:inline; color:#000000; margin:0px; padding:0; font-weight:bold; font-size:.80em; }
#topMenu li	a,
#footerMenu li a  { color:#000000; padding:0px; margin:0px; }
#searchForm { 
	float:right; 
	width:220px; 
	display:block; 
	font-size:.8em;
	margin:0px;
}
#searchForm p {text-align:right; padding:3px; margin:0px!important;}
#searchForm form { margin:0px; padding:0px; vertical-align:text-top; }
#searchForm  label { 
	color:#000000;
	font-weight:bold;
	line-height:1.5em;
}
/* banner */
.banner {
	width:750px;
	height:89px;
	padding:0 0 0 0;
	background-image: url(../graphics/banner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin:0 0 0 0;
}
/**/
/* design letter modules */
alphaModule { margin: 0 0 0 0; padding: 0 0 0 0 ;}
div.alphaModule {
  background: url(../graphics/modules/module-orange-main_03.gif) no-repeat left bottom;
  text-align:left;
  margin-top:0;
  margin-bottom:0!important;
  width:100%;
}
html > body div.alphaModule { width:100%;}
div.alphaModule div {
  background: transparent url(../graphics/modules/module-orange-main_04.gif) no-repeat right bottom;
}
div.alphaModule div div {
  background: transparent url(../graphics/modules/orange-tab.jpg) no-repeat left top;
}
p.alphaTitle { 
	font-size:12px; font-weight:bold;
	padding: 5px 5px 0px 10px;
	margin:0 0 1.1em 0;
	width: auto!important;
	text-align:left;
}
div.alphaModule div div div {
	background: transparent ;
	padding: 0px 5px 5px 5px;
	width: auto!important;
	text-align:center;
}
div.alphaModule div div div div { background-image:none; padding:0px; display:block; background-color:transparent;!important}
table#matrix  { width:98%; margin:0px .3em .3em .3em; padding:0; }
table#matrix caption { display:none; }
#matrix td { width:3%;}
div.alphaModule div div div div.letter,
.resultLetter .letter {
  background: url(../graphics/modules/module-orange_03.gif) no-repeat left bottom;
  text-align:left;
  margin-top:0px;
  padding:0px;
  margin-bottom:0px!important;
  width:100%;
}
div.alphaModule div div div div.letter a {
	white-space: nowrap;
	text-transform: uppercase;
	font-weight:bold;
	color:#FFFFFF;
}
html > body div.alphaModule div div div div.letter { width:98%;   padding:0px;}
div.alphaModule div div div div.letter div,
.resultLetter .letter div {
  	background: transparent url(../graphics/modules/module-orange_04.gif) no-repeat right bottom;
    padding:0px;
}
div.alphaModule div div div div.letter div div,
.resultLetter .letter div div {
  	background: transparent url(../graphics/modules/module-orange_01.gif) no-repeat left top;
    padding:0px;
}
div.alphaModule div div div div.letter div div div,
.resultLetter .letter div div div {
	background: transparent url(../graphics/modules/module-orange_02.gif) no-repeat right top;
	padding: 2px 6px 2px 6px;
	width: auto!important;
	text-align:center;
}
/**/
.resultLetter { 
	float:left; 
	width:50px; 
	height:50px;
	margin-right:5px;
}
.resultLetter p { 
	color:#FFFFFF; 
	font-size:2em; 
	line-height:1.8em;
	text-transform:uppercase; 
	font-weight:bolder;
	margin-top:0; 
	margin-bottom:0; 
}


/**/

.clear { 	
	background-image: url(../graphics/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	width:99%;
	clear:left;
}
/* page structure */
#leftMenus { float:left; width:20%; }
#contents { float:left; width:58%; overflow:hidden; }
/* multiple IE fixes */
.lineNone {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:-5px 0 0 0;
	padding-bottom:25px;
	display:none;
}
html > body .lineNone {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:0 0 0 0;
	padding-bottom:25px;
	display:none;
}
.lineResults {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:-5px 0 0 0;
	padding-bottom:25px;

}
html > body .lineResults {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:0 0 0 0;
	padding-bottom:25px;

}
.lineBlue {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:-5px 0 0 0;
	padding-bottom:25px;

}
html > body .lineBlue {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:0 0 0 0;
	padding-bottom:25px;

}
.linePink {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:-5px 0 0 0;
	padding-bottom:25px;

}
html > body .linePink {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:0 0 0 0;
	padding-bottom:25px;

}
.lineGreen {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:-5px 0 0 0;
	padding-bottom:25px;

}
html > body .lineGreen {
	border:2px solid #FFFFFF;
	clear:both;
	position:relative;
	margin:0 0 0 0;
	padding-bottom:25px;

}
/**/
.standard { padding:10px;}
#rightMenus { float:right; width:20%; }
/**/
/* side menus */
#leftMenus,
#rightMenus { padding-top:51px; padding-bottom:80px; font-size:.85em; vertical-align:top; }

#leftMenus div.module,
#rightMenus div.module { width:150px;}
.quickMenu div.module { width:126px; }
.ads { text-align:center;  padding:5px 0px 10px 0px; }
.ads img { width:150px; float:none;}
/**/

p.menu-title { 
  font-weight:bold; color:#FFFFFF; padding:5px 3px 3px 3px; margin:0px;
}
div.module {
  background: transparent url(../graphics/modules/grey_03.gif) no-repeat bottom left;
  border: 0px solid #cccccc;
  text-align:left;
  margin-top:0px;
  margin-bottom:15px!important;
}
div.module div {
  background: transparent url(../graphics/modules/grey_04.gif) no-repeat bottom right;
}
div.module div div {
  background: transparent url(../graphics/modules/grey_01.gif) no-repeat top left;
}
div.module div div div {
	background: transparent url(../graphics/modules/grey_02.gif) no-repeat top right;
	padding: 0 10px 10px 10px;
	width: auto !important;
}
div.module div div div ul {margin:0 0 0 0; padding:8px 0 8px 0;}
div.module div div div ul li {
	background-image: url(../graphics/modules/grey_li.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin:1px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	font-weight:bold;
	list-style-type: none;	
}
.orangeMenu div.module div div div ul li a{
	color:#000000;
	text-decoration: none;
	padding:0px 0px 0px 15px;
	display: block;
	background-image: url(../graphics/modules/elipse.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#contents .blueMenu div.module div div div ul li a{
	color:#000000;
	text-decoration: none;
	padding:0px 0px 0px 15px;
	display: block;
	background-image: url(../graphics/modules/elipse-blue.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#contents .pinkMenu div.module div div div ul li a{
	color:#000000;
	text-decoration: none;
	padding:0px 0px 0px 15px;
	display: block;
	background-image: url(../graphics/modules/elipse-pink.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#contents .greenMenu div.module div div div ul li a{
	color:#000000;
	text-decoration: none;
	padding:0px 0px 0px 15px;
	display: block;
	background-image: url(../graphics/modules/elipse-green.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
div.module div div div ul li a.word{
	color:#000000;
	text-decoration: none;
	padding:0px 0px 0px 20px;
	display: block;
	background-image: url(../graphics/default/word.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
div.module div div div ul li a.pdf{
	color:#000000;
	text-decoration: none;
	padding:0px 0px 0px 20px;
	display: block;
	background-image: url(../graphics/default/pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
div.module div div div ul li a.excel{
	color:#000000;
	text-decoration: none;
	padding:0px 0px 0px 20px;
	display: block;
	background-image: url(../graphics/default/excel.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
div.module div div div ul li a.powerpoint{
	color:#000000;
	text-decoration: none;
	padding:0px 0px 0px 20px;
	display: block;
	background-image: url(../graphics/default/powerpoint.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
div.module div div div ul li a:visited{
	color:#000000;
	text-decoration: none;
}
div.module div div div ul li a:hover{
	color:#000000;
	text-decoration: underline;
	background-color:#F5F5F5;
}
div.module div div div ul li a:active{
	color:#0000CC;
	text-decoration: none;
}
.orangeMenu div.module div div {
  background: transparent url(../graphics/modules/orange_01.gif) no-repeat top left;
}
.orangeMenu div.module div div div {
	background: transparent url(../graphics/modules/orange_02.gif) no-repeat top right;
	padding: 0px 10px 10px 10px;
}
.blueMenu div.module div div {
  background: transparent url(../graphics/modules/blue_01.gif) no-repeat top left;
}
.blueMenu div.module div div div {
	background: transparent url(../graphics/modules/blue_02.gif) no-repeat top right;
	padding: 0px 10px 10px 10px;
}
.pinkMenu div.module div div {
  background: transparent url(../graphics/modules/pink_01.gif) no-repeat top left;
}
.pinkMenu div.module div div div {
	background: transparent url(../graphics/modules/pink_02.gif) no-repeat top right;
	padding: 0px 10px 10px 10px;
}
.greenMenu div.module div div {
  background: transparent url(../graphics/modules/green_01.gif) no-repeat top left;
}
.greenMenu div.module div div div {
	background: transparent url(../graphics/modules/green_02.gif) no-repeat top right;
	padding: 0px 10px 10px 10px;
}
/*tab navigation*/
#tabs { margin:0 0 0 0; padding:0 0 0 0; text-align:center; position:relative; display:none;}
html > body #tabs {padding-left:1px;}
.tab { width:33%; float:left;  }
.tab div.pink div div { background:none; vertical-align:middle; margin-top:10px;}
.tab div.pink div div { background:none; vertical-align:middle; margin-top:10px;}
.tab div.pink  {
    background: transparent url(../graphics/modules/tab-pink_01.gif) no-repeat left top;
    margin-top:0px;
   /* margin-bottom:5px!important;*/
    width:auto;
}
.tab div.pink div {
	background: transparent url(../graphics/modules/tab-pink_02.gif) no-repeat right top;
	padding: 0 10px 10px 10px;
	margin:0 0 0 0;
	width: auto !important;
	text-align:center;
}
.tab div.blue  {
    background: transparent url(../graphics/modules/tab-blue_01.gif) no-repeat left top;
    margin-top:0px;
  /*  margin-bottom:5px!important;*/
    width:auto;
}
.tab div.blue div {
	background: transparent url(../graphics/modules/tab-blue_02.gif) no-repeat right top;
	padding: 0 10px 10px 10px;
	margin:0 0 0 0;
	width: auto !important;
	text-align:center;
}
.tab div.green  {
    background: transparent url(../graphics/modules/tab-green_01.gif) no-repeat left top;
    margin-top:0px;
   /*margin-bottom:5px!important;*/
    width:auto;
}
.tab div.green div {
	background: transparent url(../graphics/modules/tab-green_02.gif) no-repeat right top;
	padding: 0 10px 10px 10px;
	margin:0 0 0 0;
	width: auto !important;
	text-align:center;
	height:36px;
}
#tabs .tab a,
#tabs .tab a:link,
#tabs .tab a:visited,
#tabs .tab a:hover { color:#FFFFFF; font-size:1.1em;  }
p.sectionTitle { padding-top:4px; margin-top:0; margin-bottom:0;}
/**/
.tab .abstract { padding-bottom:10px;  }
.tab .abstract p { text-align:left; color:#FFFFFF; font-weight:bold; padding:5px 10px 8px 10px; margin-top:0px; margin-bottom:0px;}
div.abstract.pinker { background-color:#EF207A; background-image:none;}
div.abstract.bluer { background-color:#29BCF2; background-image:none;}
div.abstract.greener { background-color:#617B3A; background-image:none;}
/**/

/* PAGE CONTENT */
#contents { padding:5px 5px 5px 5px; margin:0px 0px 25px 1px; font-size:.95em; }
#contents .print {
	padding-top:17px;
	width:80px;
	float:right;
	background-image: url(../graphics/default/printer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size:.8em;
	text-align:center;
}
.crumb { font-size:.85em; margin-top:0em; }
.anchor {
	font-size:.75em;
	background-image: url(../graphics/default/arrow_up_blue.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right:16px;
	float: right;
}

#contents a,
#contents a:link 
#contents a:active {
	color:#4D7EC3;
}
#contents a:visited {
	color:#35639F;
}
#contents a:hover {
	color:#0000FF;
	text-decoration: underline;
}
.standard img { margin:1px 8px 10px 8px;}
.date { color:#999999; font-size:.85em; font-weight:bold;}
#contents table.pageTable caption,
#contents table.formTable caption { 
	text-align:left; 
	font-size:1.1em; 
	line-height:2em;
	color:#888888; 
	font-weight:bold;
}
#contents table.pageTable
{
	border-top:1px solid #E2E0DE;
	border-right:1px solid #E2E0DE;
	border-left:1px solid #E2E0DE;
	width:100%;
	margin-bottom:5px;
	text-align:left;
}
#contents table.formTable
{
	width:100%;
	margin-bottom:25px;
}
#contents table.pageTable td,
#contents table.pageTable th {
	padding:.3em;
	vertical-align: text-top;
	border-bottom:1px solid #E2E0DE;
	
}
#contents table.pageTable th {width:33%;}
#contents table.formTable td,
#contents table.formTable th {
	padding:.3em;
	vertical-align: text-top;
	text-align:left;
}
#contents table.pageTable p,
#contents table.formTable p { margin:0px; padding:0px; vertical-align: text-top; line-height:normal; }
#contents table.pageTable img,
#contents table.formTable img { padding:0px 0px 0px 0px; margin:0px 0px 0px 5px;}
#contents p.relatedTitle {font-size:1.4em; margin:0px; font-weight:bold;}
/**/


/* form */
.validate img { margin:0 0 0 0; padding:0 0 0 0;}
.formField { width:280px;}

/* extra menus */

.row { width:100%; margin-bottom:10px;}
.quickMenu { 
	width:31%; 
	padding-left:.3em;
	padding-right:.3em;
	float:left;  
}

/**/

/**/
/* page results */
.resultsMessage { float:left; font-weight:bold; width:340px; padding-top:.5em;}
.resultsTable { width:100%;}
.resultsTable thead { font-size:.85em;}
.resultsTable td.printer {
	background-image: url(../graphics/default/printer.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.resultsTable td.checkbox {
	vertical-align:text-top;
	background-image: url(../graphics/dot.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.resultsTable td.info {
	background-image: url(../graphics/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom:.5em;
}
.resultsTable td.info a {
	padding-right:15px;
	background-image: url(../graphics/more.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.resultsTable p { margin-top:0; margin-bottom:.5em;}
.resultsTable span.label { color:#666666; font-weight:bold; }
.resultsTable td.info label { font-size:1.2em; font-weight:bold; color:#000000; }
.pagenation { font-size:.9em; text-align:center; clear:both;}
/**/

/* footer navigation */
#legal {
	margin-top:5px;
	background-image: url(../graphics/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;	
}
#legal ul {
	text-align:left;
	margin:0px;
	padding:5px;
}
#legal ul {
	padding-left:10px;
}
html > body #legal ul { padding-left:5px;}
/* ie hack */
#legal li {display:inline; color:#666666; margin:0px; padding:0; font-weight:normal; font-size:70%;}
#legal li a { color:#666666; padding:0px; margin:0px;}
#legal a:link { color:#666666; }
#leagl a:visited { color:#666666; }
#legal a:hover { color:#666666; }
#legal a:active { color:#666666; }