#site-header { width:870px; height:94px; background:url(ssbdb-01.PNG) center no-repeat; margin: 10px auto 0px auto; text-align: left; }
 
 div.figure {
  float: right;
  width: auto;
  border: none;
  margin: 0.1em;
  padding: 0.1em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
  table.unusually {
    font-family: Verdana, Arial;
    font-size: 80%;
    text-align: center;
    width: auto;
  }
  table.unusually a 
  {
      color: Blue;
  } 
  table.unusually td {
   background-color: #EDDBE4;
  }
  table.unusually th {
    background-color: #C7D0D9;
  }
  table.usually {
    font-family: Verdana, Arial;
    font-size: 90%;
  }
  table.usually a 
  {
      color: Blue;
  } 
  table.usually td {
   // background-color: #EDDBE4;
   background-color: #EEEEEE;
  }
  table.usually th {
    background-color: #C7D0D9;
  }
  table.browse {
    font-family: Verdana, Arial;
    font-size: 100%;
  }
  table.browse a 
  {
      color: Blue;
  } 
  table.browse td 
  {
      width: 20px;
  }
  table.comments 
  {
      font-family: Verdana, Arial;
      font-size: 90%;
  }
  
  table.sql {
    font-family: Verdana, Arial;
    font-size: 90%;
  }
  table.sql td {
   // background-color: #EDDBE4;
   background-color: #EEEEEE;
  }
  table.sql th {
    background-color: #C7D0D9;
  }
  div.title {
    font-family: 'Courier New', Courier, monospace;
    font-size: 130%;
    font-weight: bold;
    //background-color: #EDDBE4;
    text-align: center;
  }

// from somesmart.com

body {
    margin: 0px; padding: 30px; 
    background: url(image/bg.gif); 
	color: #336633;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    line-height: 17px;
}

form { margin: 0px; padding: 0px; }
hr { border: none; height: 1px; background-color: #ccc; color: #ccc; width: 100%; }
p { margin: 0px; padding: 0px; }

ul { margin: 0px 24px; padding: 0px; list-style: disc outside; }
ul ul { margin-top: 0px; padding-top: 0px; list-style: circle outside; }
ul ul ul { margin-top: 0px; padding-top: 0px; list-style: square outside; }

a { text-decoration:none; color: #CC6633; }
a:visited { text-decoration:none; color: #CC6633; }
a:hover { text-decoration:underline; color: #CC6633; }
a:active { color: #CC6633; }

.vspace { margin: 4px; }
p.vspace { padding: 3px; }
.content-mat { padding: 14px 15px 10px 25px; margin: auto; background: none; }
.clearer{ clear: both; display: block;  margin: 0px; padding: 0px; height: 0px; line-height: 1px; font-size: 0px; }
.borderless-table tr td { border: none }

#header { width: 870px; height: 90px; margin: 10px auto 0px auto; text-align: left; }
#header #page-title { color: #ddd; font: 18pt Arial; font-weight: bold; padding: 20px 8px 8px 30px; }
#header #page-subtitle { color: #b5b5b5; font: 12pt Arial; font-weight: bold; padding: 0px 8px 8px 30px; }
#header a { color: #ddd; }

#sqlmain
{ 
    width: auto; margin: 0px auto; 
    border-bottom: 1px solid transparent;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    line-height: 17px;
}

#query 
{ 
    width: 870px; margin: 0px auto; 
    border-bottom: 1px solid transparent;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
    line-height: 17px;
}

#main { 
    width: 870px; margin: 0px auto; 
    background: url(Box-Middle-10.gif) repeat-y top center; 
    border-bottom: 1px solid transparent;
}

#main h1 { font-size: 12pt; margin: 0px; padding: 0px; }
#main h2 { font-size: 11pt; margin: 0px; padding: 0px; }
#main h3 { font-size: 10pt; margin: 0px; padding: 0px; }
#main h4 { font-size:  9pt; margin: 0px; padding: 0px; }
#main h5 { font-size:  9pt; font-style: italic; margin: 0px; padding: 0px; }

#content {
	position: relative; 
	float: left; 
	width: 815px;  
	text-align: left; 
	min-height: 400px;
}

#wikitext {
	float: left;
    clear: left;
	width: 740px;
	padding-left: 0px;
	padding-right: 50px;
}

#sidebar .wikilink { color: #CC6633; }
#sidebar .urllink { color: #CC6633 }
#sidebar .selflink { color: #CC6633; }

#sidebar {
	float: right;
	width: 155px;
	margin: 0px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
}

#footer {
    background: url(Box-Bottom-10.gif) no-repeat top center; 
    width: 870px; height: 40px;
    border: 1px none #ccc; 
    margin: 0px auto; padding: 0px 0px 8px 0px;
}

#copyright { margin: 0px 20px 0px 20px; padding: 2px 0px; border-top: 1px solid #ccc; font-size: 8pt; }

#menubar {
    margin: 0px 11px 0px 11px;
    padding: 2px 12px 1px 12px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #e8e8e8;
    text-align: left;
    font-size: 8pt; font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#menubar ul { margin: 0px; padding: 0px; }
#menubar ul li { list-style: none; display: inline; text-indent: 0px; text-align: left; padding-right: 8px; }
#menubar a { color: #666; }

#text { margin-top: 12px; margin-bottom: 12px; font-family: monospace; }

pre {
	font-size: 9pt;
	background-color: #fffff4;
	border: 1px solid #999;
	line-height: 15px;
}

textarea { 
	margin-top: 12px; 
	margin-bottom: 12px; 
	font-size: 9pt; 
}


.difftype,.difftime,.diffrestore {
    font-size: 8pt;
}

#wikitext a.urllink {
   background: url(image/external.png) center right no-repeat;
   padding-right: 13px;
} 

.lfloat {
	margin: 0;
}

.rfloat {
	margin: 0;
}

#site-nav ul  
{
    width:650px;
	font-size: 90%;
	padding:4px; 
	margin:0px 0px 10px;
	background: url(img/nav-bg-3.png);
	border:1px solid #EBEBEB;
	border-left:none; 
	border-right:none; 
	}
#site-nav ul li {
	display:inline;
	padding:0px 40px;
	}

.quote
    {
    padding-left: 50pt;
    padding-right: 50pt;
    }
.padded
    {
    padding-left: 5pt;
    padding-right: 5pt;
    }
.small
    {
    font-size: 80%;
    }    
#indexwrap {
	position: relative; 
	float: left; 
	width: 870px;  
	text-align: left; 
	min-height: 200px;
}
#current 
{
    position: relative;
    vertical-align: middle;
    float: right;
    width: 435px;
    text-align: center;
}
#finished
{
    position: relative;
    vertical-align: middle;
    float: left;
    width: 435px;
    text-align: center;
}
#indexwrap2
{
	position: relative; 
	float: left; 
	width: 875px;  
	min-height: 50px;
	font-size: 90%;
}
#indexinfo
{
    position: relative;
    float: left;
    width: 290px;
    text-align: left;
}
#indexchart
{
    position: relative;
    float: inherit;
    width: 290px;
    text-align: left;
}
#indexsearch
{
    position: relative;
    float: right;
    width: 290px;
    text-align: left;
}
#indexwraptall 
{
	position: relative; 
	float: left; 
	width: 870px;  
	min-height: 300px;
	font-size: 90%;
}
#divleft
{
    padding: 10px 5px 30px 10px;
    position: relative;
    float: left;
    width: 435px;
    text-align: left;
}
#divleft p
{
    min-height: 70px;
}
#divmiddle
{
    padding: 10px 5px 10px 10px;
    text-align: left;
}
#divmiddle p
{
    min-height: 70px;
}
img 
{
    border: none;
}
	/* column container */
	.colmask 
	{
		padding: 15px 0 0 0;
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:870px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		height: auto;
		font-size: 90%;
	}
	/* holy grail 3 column settings */
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-290px; 	/* Width of right column */
        position:relative;
        right:100%;
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:580px;         	/* Left column width + right column width */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:290px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0px 295px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:275px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:275px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:30px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;