/* IF YOU CAN SEE THIS CODE ON YOUR PAGE, PRESS RELOAD OR REFRESH ON YOUR BROWSER!!!!!
	*   HISTORY:
	*	10-Mar-15: general standards updates to CSS and HTML
	*	21-Jun-05: created this new version for kibbish.com
	*	25-Sep-02: corrected error in ul definition for url locator
	*				corrected missing color defs (several)
	*				style sheet now complies with W3C CSS spec
	*	14-Dec-02: trying to correct problem with background color on 
	*				all pages. The body background declaration below
	*				seems to be ignored...
	*
	*
	*	COLOR PALETTE
	*		333333 	dark gray, used in unordered lists
	*		808080	medium gray, used for footer text
	*		FF0000	websafe red, used for h1 and page titles
	*		0000FF	websafe blue, used for h2 headers
	*		000080	websafe navy blue, used for text
	*		7C94BC	gray-blue, used for "Last Updated" notation
	*/

body {
	
	margin: 0px auto;
	width: auto;
	max-width: 800px;
	text-align: center;
	font-family: verdana, arial;
	font-size: 12px;
    color: #7C94BC;
}
	
h1 {
	color: #ff0000;
	font-size: 24px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	letter-spacing: 0px;
}
	
h2	{
	color: #EEEEEE;
	background: #0000ff;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	margin-bottom: 0px;
}

h2.photo	{		/* used on Lightroom generated photo pages (July 2015) */
	color: #EEEEEE;
	background: #0000ff;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	margin-bottom: 0px;
}

h3	{
	color: #ffffff;
	background: #808080;
	font-size: 12px;
	text-align: center;
	margin-bottom: 1px;
	font-family: Verdana, sans-serif;
}

h3.photo	{		/* used on Lightroom generated photo pages (July 2015) */
	color: #ffffff;
	background: #808080;
	font-size: 12px;
	text-align: center;
	margin-bottom: 1px;
	font-family: Verdana, sans-serif;
}

h4	{
	color: #0519ff;
	background: #000000;
	font-size: 12px;
	text-align: center;
	margin-bottom: 1px;
	font-family: Verdana, sans-serif;
}

	h5	{
	color: #ffffff;
	background: #000040;
	font-size: 12px;
	text-align: center;
	margin-bottom: 0px;
	font-family: Verdana, sans-serif;
}

h6	{
	color: #0000FF;
	background: #fffff;
	font-size: 12px;
	text-align: center;
	margin-bottom: 1px;
	font-family: Verdana, sans-serif;
}

p.main {
	color: #333333;
	font-size: 12pt;
	font-family: Verdana, Helvetica, sans-serif;
}

p.frame {
	color: #333333;
	background: #808080;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
}

p.small {
	color: #808080;		/* 808080 - medium gray */
	font-size: 10pt;
	font-family: Verdana, Helvetica, sans-serif;
}
	
p.footer {
    color: #808080;
    font-size: 10pt;
}

ul {
	margin: 15px; 
	font-size: 11pt;
	color: #333333;			/* 333333 - dark gray */
	text-align: left;
	list-style-image: url(../gifs/bullet_yellow.gif);
	font-family: Verdana, Helvetica, sans-serif;
}

ul.small {
	margin: 15px; 
	font-size: 10pt;
	color: #333333;
	text-align: left;
	list-style-image: url(../gifs/bullet_yellow.gif);
	font-family: Verdana, Helvetica, sans-serif;
}

ul.long {
	margin: 10px; 
	font-size: 10pt;
	color: #333333;
	text-align: left;
	list-style-image: url(../gifs/bullet_yellow.gif);
	font-family: Verdana, Helvetica, sans-serif;
}

ol {
	margin: 15px;
	font-size: 7pt;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
}

td {
	color: #000080;
	text-align: center;
	font-size: 12pt;
	font-family: Verdana, Helvetica, sans-serif;
}

td.left {
	color: #515151;
	text-align: left;
	font-size: 12pt;
	font-family: Verdana, Helvetica, sans-serif;
}

td.small {
	color: #004080;
		text-align: center;
	font-size: 11pt;
	font-family: Arial;
}

td.big {
	color: #004080;
		text-align: center;
	font-size: 14pt;
	font-style: bold;
	font-family: Verdana, Helvetica, sans-serif;
}

th {
	color: #0000ff;
	background: #f6ce29;
	font-size: 12pt;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
} 

.tableheader {
	color: #ffffff;
	background: #000040;
	font-size: 12pt;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
}

.navbar {
	color: #01bcd7;
	background: #000040;
	font-size: 10pt;
	font-family: Verdana, Helvetic, Sans-serif;
}

a:link {
	color: #0000FF;
}

a:link.main {
	color: #0000ff;
	
}

a:visited {
	color: #993333;
}

a:visited.main {
	color: #993333;
}
a:hover {
	color: #000040;
	background: #EEEEEE;
}
a:hover.main {
	color: #ff0000;
}
a.footer {
	font-size: 9pt;
	text-align: center;
	color: #808080;
	
}
a.main {
	text-decoration: none;
	font-weight: bold;
	color: #800080;
}
a:visited {
	font-style: italic;
	color: #993333;
}
a:visited.main {
	font-style: italic;
	color: #9DBCFC;
}
a:hover {
	color: #808080;
	background: #EEEEEE;
}
a:hover.main {
	color: #ff0000;
}

.ahem {
	display: none;
}

img {
	border: 0;
	max-width: 100%;
	display: block;
}

img.top {
	vertical-align:text-top
}

img.bottom {
	vertical-align:text-bottom
}

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

#container {
    float: left;
    padding: 0px 5px 0px 5px;
	margin: 10px 7px 10px 7px;
	min-height: 100%;
	border: 1px solid orange;
}

#address {
	position: float;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0 auto;    /* "auto" parameter should center the doc in the browser window */
	color: #808080;
	width: 174px;
	}
#announce {
	position: absolute;
	left: 375px;
	bottom: 1px;
	padding: 0px;
	margin: 0px;
	color: #000040;
		height: 115px;
	width: 115px; 
	}
#background {
	position: absolute;
	left:100px;
	top: 25px;
		margin: 0px;
	border: 0px;
	height: 500px;
	width: 600px;
	}
#bottomcorner {
	position: absolute;
	top: 512px;
	left: 100px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 15px;
	width: 15px;
	}
#contentbottom {
	position: absolute;
	left: 130px;
	top: 230px;
	padding: 5px;
	margin: 5px;
	color: #333333;
		width: 550px;
	}
#contentbtmleft {
	position: absolute;
	left: 160px;
	top: 350px;
	padding: 10px;
	margin: 20px;
	color: #333333;
		width: 275px;
	}
#contentbtmright {
	position: absolute;
	right: 100px;
	top: 350px;
	padding: 10px;
	margin: 20px;
	color: #333333;
		width: 275px;
	}
#contentfull {
	position: absolute;
	left: 110px;
	top: 25px;
	padding: 10px;
	margin: 5px;
	color: #333333;
		width: 550px;
	}
#contentleft {
	position: absolute;
	left: 120px;
	top: 25px;
	padding: 0px;
	margin: 0px;
	color: #000000;
		width: 275px;
	}
#contentmiddle {
	position: absolute;
	left: 100px;
	top: 230px;
	padding: 10px;
	margin: 20px;
	color: #333333;
		width: 550px;
	}
#contentprofile {
	position: absolute;
	left: 120px;
	top: 300px;
	padding: 0px;
	margin: 5px;
	color: #333333;
		width: 550px;
	}
#contentright {
	position: absolute;
	left: 400px;
	top: 50px;
	padding: 10px;
	margin: 20px;
	color: #000000;
		width: 250px;
	}

#fill	{
}
	
#doc_info {
    float: left;
    clear: left;
    width: auto;
    height: auto;
	margin-top: 25px;
	margin-left: 15px;
	margin-bottom: 3px;
	font-size: 10px;
	text-align: center;
}

#footer {
	clear: both;
    float: left;
	padding: 0px;
	margin-top: 7px;
	margin-left: 15px;
	margin-bottom: 13px;
	color: #808080;
	width: auto;
	height: auto;
	border-top: 1px gray solid;
    }

#header {
	position: absolute;
	left: 100px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	color: #8383af;
	background: #808080;
	border: 0px;
	height: 20px;
	width: 630px;
}

#links {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	color: #000040;
	background: #808080;
	height: 527px;
	width: 100px;
}

#main
{
	float: left;
	margin: 5px 0 0 5px;
	color: #333333;
		width: 750px;
}

#photoright {
	position: absolute;
	left: 400px;
	top: 10px;
	padding: 10px;
	margin: 20px;
	color: #000000;
		width: 275px;
}

#spacer {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	color: #8383af;
	background: #808080;
	height: 30px;
	width: 100px;
}

#topcorner {
	position: absolute;
	left: 100px;
	top: 20px;
	width: 15px;
	height: 15px;
	clip: rect(0px 15px 15px 0px);
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#w3c {
	float: right;
	padding: 0px;
	margin: 0px;
	color: #808080;
	background: #808080;
	border: 1px solid #808080;
	height: 110px;
	width: 110px; 
}