﻿/* 
  The following settings force a vertical scrollbar.  
  http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
*/
html
{
   height: 102%;
}

/* The following line position the heading and menu at the top, but all the code to appear at the end */
div.headingAndMenu
{
	position:absolute;
	top:10px;
	width:100%;
}

div.content
{
    position:absolute;
	top:180px;
	width:100%;
}


/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
.clear { clear: both;}

/* Header */

#names {
	display:none;
}

#pr {
	visibility:hidden;
}


#header {
	width: 1000px;
	height: 120px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	height: 100px;
	margin: 0;
	padding: 0px;
	color: #FFFFFF;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	float: left;
	padding-left: 30px;
	letter-spacing: -1px;
	text-transform: lowercase;
	text-shadow: #808080 -1px 1px 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 64px;
}

#logo p {
	margin: 0;
	padding: 30px 0 0 34px;
	text-shadow: #808080 -1px 1px 2px;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;
	width: 280px;
	height: 100px;
	padding: 0;
	vertical-align:top;
	margin-top:0px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 50px 0 0 30px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 195px;
	padding: 6px 10px;
	border: none;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #7F7F81;
}

#search-submit {
	display: none;
}

/* Page */

#page {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color:white;
}

#page-bgtop {
   background: url("images2011/img03.jpg") repeat-y left top;
}

#page-bgbtm {
	margin: 0px;
	padding: 40px 30px 0px 30px;
	background-color:white;

}

/* Content */

#content {
	float: left;
	width: 85%;
	padding: 0px 20px 0px 0px;
}

.post {
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EFF4F5;
}

.post .title {
	letter-spacing: -1px;
}

.post .title a {
	color: #E6700E;
	border: none;
}

.post .meta {
	padding-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}

.post .meta a {
}

.post .entry {
	text-align: justify;
	margin-bottom: 25px;
	padding: 10px 0px 0px 0px;
}

.post .entry p {
	margin-left: 0px;
}

.entry ul
{
	margin-left:5%;
}

.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
	color: #FFFFFF;
}

.hiddenLink
{
	text-decoration:none;
}

a.hiddenLink:hover {
	text-decoration: none;
}


/* General tags */

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url("images2011/img01.jpg") repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	/*color: #7F7F81;*/
	color:black;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #FFFFFF;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.4em;
}

h2.orange {
	color:#E6700E;
}

h2.orange a  {   /*  a:link a:visited a:hover a:active  */
    text-decoration:none;
	color:#E6700E;
}

h3 {
	font-size: 1.6em;
}

h3.orange {
    color:Chocolate;
}

p, ul, ol {
	margin-top: 0;
	line-height: 150%;
}

.strikeThrough
{
	text-decoration: line-through;
}

.indented
{
	margin-left:30px;
}

.bold {
	font-weight:bold;
}

ul, ol {
}


img.border {
	border-width:0px;
}

img.alignleft {
	float: left;
	margin-right: 25px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
}

a {
	text-decoration:underline;
	/*color: #5D9800;*/
	color: #424243;
}

a.plink {
	text-decoration:underline;
	/*color: #5D9800;*/
	color: #424243;
}


a:hover {
	text-decoration: underline;
}

a.notDisplayed
{
	/*display:none;*/
	visibility:hidden;
}

a.displayed
{
	/*display:inline;*/
	visibility:visible;
}

.red
{
	color:red;
}

.green
{
	color:green;
}

.darkgray
{
    color:darkgrey;
}


/* ----------------------- */

.floatBox 
{
    float: left;
    width: 200px;
    margin-left:0px;
}

.italic
{
	font-style:italic;
}

.underline
{
	text-decoration:underline;
}

.indentedtitle
{
	font-weight:bold;
	text-indent:30px;
}

ul.indentedUl
{
	list-style-type: circle;
	font-weight:normal;
	margin-left:45px;
}

table.width50
{
	width:50%;
	border: 1px solid #000080;
}

table.width60
{
	width:60%;
	border: 1px solid #000080;
}


td.bordered
{
    border: 1px solid #000080;
    font-size:12pt;
    color: black;		
}

td.centered
{
    text-align:center;	
}

td.black
{
	background-color:black;
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;

}

li.spaced
{
	margin-top:6px;
	margin-bottom:6px;
}

p
{
	margin-bottom:12px;
}

/* ----------------------- */



/* Menu */

#menu {
	width: 1000px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
	background: url("images2011/img02.jpg") repeat-x left bottom;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 4px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	height: 33px;
	margin-right: 1px;
	padding: 16px 20px 0px 20px;
	
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #8A5608 -1px 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}

#menu a:hover {
	text-decoration: none;
}

/* ----------------------  */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop6.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {padding:0; margin:0; list-style:none;}
#nav li.top {display:block; float:left; height:50px;}


/* this is to force the dropdown menu items to be positioned correctly in the border to offset #menu ul */
#nav ul li a {
	padding:0px;
}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:black;}

#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

/* background is color of dropdown */
/* top determines the top of the dropdown submenu */
#nav :hover ul.sub
{left:1px; top:50px; background: #D67330; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:170px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:165px; font-weight:normal;}
#nav :hover ul.sub li a 
{display:block; font-size:11px; height:18px; width:167px; line-height:18px; text-indent:5px; color:white; text-decoration:none;border:1px solid #ffffff;}
/*.floatlink
{display:block; font-size:11px; height:18px; width:122px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #ffffff;}
*/


/* background is color of items in dropdown that have fly option */
#nav li ul.sub li a.fly
{background:#DA8247 url("../../../Vita/images/arrow.gif") 120px 6px no-repeat;}
#nav :hover ul.sub li a:hover 

/* background is color of any highlighted item in dropdown */
{ color:black; border-color:#ccc;}
/*.floatlink :hover 
{background:#666666; color:#fff; border-color:#ccc;}
*/

/* background is color of highlighted option in dropdown */
#nav :hover ul.sub li a.fly:hover
{ color:#000;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

/* no clue what this background does */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #666666; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:135px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* this background is the color of the fly menu */
/* left determines the position of the left side of the fly out */
#nav li:hover li:hover > ul
{left:168px; top:-4px; background: #D67330; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:170px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly

/* background also seems to he highlighted item in dropdown when fly is oprn */
{ color:#803300; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#cccccc url("../../../Vita/arrow.gif") 80px 6px no-repeat; color:#000; border-color:#cccccc;} 


/*
    If you change the width of the drop down menu, alter the width in lines 437, 481, and set the left in 481 to 
    1 less than the width.
    Also alter line 438 to a width 5 less than the width above, and 441 to three less.
*/    

/* ------------------------------ */


.sql 
{
    color: green;
    font-family:"Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
    /*font-family:Terminal;
    white-space:pre-wrap;*/
    font-weight: normal;
    font-size: 11pt;
    background-color:#DFDFDF; 
    border-color:#006600; 
    border-collapse:collapse; 
    text-indent: -1px; 
    border-style: dotted; 
    margin-left: 10px; 
    padding:12px; 
    border-spacing:0; 
    border-width:1px;
    line-height:120%;
}










