/* Basic definitions, over ride browser default styles for all
   elements at low specificity, everything in this section should
   be easilly over ridden by more specific styles.

   Basically default values for elements. */
h1 { 
  font-size:22px;
  text-align: center;
}

h2 { 
  margin-left:10px;
  margin-top:12px;
  font-size:18px;
}

h3 { 
  margin-left:10px;
  font-size:16px;
}

h4 { 
  font-size:100%;
  font-style:italic;
}

p { 
  margin: 5px 12px;
  text-align: justify;
  padding: 2px;
}

ul,ol,dl { 
  margin-left: 20px;
  margin-right: 10px;
  padding-left: 5px;
  list-style-position:inside;
  text-indent:10px;
}

img { 
  border: none;
}

di { 
  font-weight: bold;
}

hr {
  margin: 15px 20px 15px 20px;
}


/*
table { 
  margin: 10px auto;
  padding: 1px 4px;
  border: solid thin grey;
  text-align: center;
}

th { 
  text-align: left;
  font-weight: bold;
}
*/

body {
  padding: 0px;
  margin: 0px;
  border: none;
  color: black;
  font-family: Verdana, sans-serif;
  background-color: #DDE;


  /*background-color: #DDD;*/
}


/* Holder: contain all non hidden page elements */
#holder { 
  width:980px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  border:0px;
  padding: 3px;
  background-color: white;
  text-align: left;
  font-size: 14px;
  text-align: justify;
}

#securityBar {
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 2px;
  background-color: #FAA;
}

#securityBar p, #securityBar a {
  margin: 0px;
  border: 0px;
  padding: 0px;
}


#securityBar p#logout {
  float:right;
}

.eqn { 
  border: none;
  font-size: 125%;
  margin-left: 50px;
}

.code { 
  background-color: #EEF;
  border: solid thin blue;
  margin: 2px 20px;
  padding: 4px 5px;
  overflow:auto;
  max-height: 800px;

  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

.hidden /* hidden content, only displays if CSS is not supported */ {
  position:absolute;
  left:-10000px;
  top:-1000px;
  width:0px;
  height:0px;
  overflow:hidden;
}

.minimal /* minimal padding, most useful for forms.*/ 
{
  margin:0px;
  padding:0px;
  border:0px;
  display:inline; 
}

.floatLeft /* float contents to the left, not this also clears left*/ { 
  float: left;
  margin: 7px 8px 6px 10px;
}

.floatRight /* float contents to the left, not this also clears left*/ { 
  float: right;
  margin-right: 10px;
  margin-left: 8px;
}

.imageCenter { 
  border-style: none;
  margin: 8px auto 10px auto;
  text-align: center;
}

.caption { 
  text-align: center;
  font-size: 80%;
  font-style: italic;
  max-width: 800px;
  margin: 2px auto;
}

.note { 
  border: thin black solid;
  margin: 16px auto;
}


.linkset { /* list of web links */
  list-style: none;
  padding-left: 5px;
  text-indent: 0px;
}


/* headers */
div#swiftbanner { 
  background-image: url(/images/swiftbanner_uk.jpg);
  background-repeat: no-repeat;
  background-color: #FBFBFB;
  height: 100px;
  margin: 2px 8px 6px 8px;
  border:0px;
  padding:0px;
  position:relative;
  font-family: Arial, sans-serif;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 5px 2px 2px #BBB;
  -moz-box-shadow: 5px 2px 2px #BBB;
  -webkit-box-shadow: 5px 2px 2px #BBB;

}

div#uolbanner { 
  float: right;
  width:220px;
  margin:10px;
  text-align: center;
  font-size: 14px;
}

div#uolbanner .uollogo { 
  margin: 2px auto;
  height: 45px;
  display: block;
}

div#swiftbanner a#us { position:absolute; left:660px; top:4px; width:55px; height:31px; }
div#swiftbanner a#it { position:absolute; left:660px; top:36px; width:55px; height:31px; }
div#swiftbanner a#uk { position:absolute; left:660px; top:68px; width:55px; height:31px; }

/**
* Drop down menus
*/

#addressBar { 
  margin: 0px 8px 0px 8px;
  padding: 0px 5px;
  background-color: #EEF;
  clear: both;
  height: 22px;
  border-style: solid;
  border: 1px;
  border-color: #000;
  border-radius: 3px;
  font-family: Arial, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 5px 2px 2px #BBB;
  -moz-box-shadow: 5px 2px 2px #BBB;
  -webkit-box-shadow: 5px 2px 2px #BBB;
}

#addressBar input { 
  font-size: 10px;
  border: 1px solid #555555;
  border-radius: 2px;
  padding: 2px;
}

#addressBar .right { 
  font-size: 80%;
  padding: 3px 0px 0px 1px;
  float: right;
  /*clear:right;*/
}

#addressBar .search { 
  display:inline;
}


#addressBar ul { 
  margin: 0px;
  padding: 0px 0px 0px 10px;
  z-index: 30;
/*  background-color: #EEE;*/
  height: 22px;
  text-indent: 0px;
}



#addressBar li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font-size: 14px;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#addressBar li a {
  display: block;
  margin: 0;
  padding: 3px 8px;
  /*width: 60px;*/
  color: #226;
  text-align: center;
  text-decoration: none
}

#addressBar li a:hover {
  background: #4AF;
}

#addressBar div {
  font-size: 12px;
  position: absolute;
  visibility: hidden;
  margin: 0px 0px 0px -5px;
  padding: 2px;
  max-width:250px;
  background: #CCD;
  border: 2px solid #AAF;
  box-shadow: 5px 5px 2px #BBB;
  -moz-box-shadow: 5px 2px 5px #BBB;
  -webkit-box-shadow: 5px 2px 5px #BBB;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#addressBar div a {
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 8px;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  color: #226;
  background: #CCD;
  font: 11px arial
}

#addressBar div a:hover {
  background: #49A3FF;
  color: #FFF;
  z-index: 99;
}

#addressBar p
{
  display: inline;
  margin: 0;
  padding: 0;
}


/**
   Footer: sit below other content within the
   holder container.
   */
div#footer { 
  width:auto;
  clear:both;
  margin-left: auto;
  margin-right: auto;
  background-color: #CCC;
  border: 1px;
  padding: 2px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

div#footer p { 
  margin: 0px;
  padding: 2px;
  
}

div#footer .validator {
  float:right;
  margin: 12px 2px;
}


/**
   sidebars:
   should come after the header and before any other content 
   in the holder if sidebars are defined for the page.

   rSideBarContainer should then contain sidebar content in sidebar 
   divs, each sidebar div should use only h4 for headers.

   */
div.rSidebarContainer { 
  border-width: 0px;
  border-color: white;
  float: right;
  clear:right;
  width: 250px;
  margin: 8px 5px 5px 5px;
  padding-left: 5px;
  padding-right: 2px;
  padding-top: 5px;
  padding-bottom: 4px;
  text-align:left;
}


div.rSidebarContainer  div.sidebar {
  border-style: solid;
  border-width: thin;
  width:240px;
  background-color: white;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin: 5px 0px;
  font-size: 8pt;
  float: inherit;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 5px 2px 2px #BBB;
  -moz-box-shadow: 5px 2px 2px #BBB;
  -webkit-box-shadow: 5px 2px 2px #BBB;
}


div.sidebar h4 { 
  margin: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 8px;
  background-color: #BBBBAA;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 0px 0px;
  -webkit-border-radius: 6px 0px 0px;
}

div.sidebar p { 
  margin: 2px 4px;
  text-align: left;
}

div.sidebar dl { 
  margin: 3px 4px;
}

div.sidebar dl dd { 
  margin: 0px 0px 0px 16px;
}

div.sidebar ul { 
  list-style: none;
  padding-left: 8px;
  margin-left: 0px;
  text-indent: 0px;
}

p { 
  text-align: justify;
  margin: 7px 4px 5px 6px;
}



/* misc */
table.standardTable { 
  max-width: 90%;
  font-size: 90%;
  margin: 5px auto;
}

table.leftTable { 
  max-width: 90%;
  margin: 5px 50px;
}

table.standardTable th, table.standardTable td { 
  padding: 1px 4px;
  text-align:left;
}

.green {
  color: green;
}

.blue {
  color: navy;
}

.red {
  color: red;
}

.urgent {
  color: red;
  font-size: 100%;
}

.emph {
  color: red;
  font-size: 120%;
}


ul.news li {
  font-size: 110%;
  list-style: none;
  padding-left: 5px;
}



#breadcrumb
{
  font-size: 80%;
/*  margin-bottom: -10px;*/
  margin-top:4px;
  margin-left:8px;
  color: green;
}
#breadcrumb a
{
  color: green;
  text-decoration: none;
}
#breadcrumb a:hover
{
  color: red;
  text-decoration:underline;
}

.newcontent
{
  color:green;
  background-color: yellow;
  font-weight: bold;
  font-variant: small-caps;
}

.back
{
  font-size: 80%;
}

.philHR
{
  width: 75%;
  margin: 0 auto;
}

blockquote
{
  margin-left: 54px;
  margin-right: 100px;
  padding-left: 30px;
  border-left: 5px double blue;
  width: 65%;
  font-style: italic;

}