/*-----------------------------------------
 BobBeltrami.com - default.css 
"Footer at the Bottom" courtesy Matthew James Taylor at matthewjamestaylor.com
------------------------------------------*/
/*-----------------------------------------
Begin CSS Reset Copyright (c) 2010, Yahoo! Inc. All rights reserved.
------------------------------------------*/
/* Reset */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/* Base */
h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:5px 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* Fonts */
body{font:13px/1.231 Verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* ------------ End CSS Reset ------------- */


/* --------  Begin BobBeltrami.com -------- 
----------  Color Glossary  ----------
White: #e6e6e6
Lt Grey: #cccccc
Grey: #999999
Dk Grey: #444444
Blue: #333366
Black: #000000
--------------------------------------------*/

/* --------  Begin Global -------- */
a:link {color: #336;}
a:visited {color: #444;}
a:hover {color: #000;}
html, body {margin:0;padding:0;height:100%;}/* height, padding and margin for Footer at the Bottom */
body {}
h1 {font-size:20px;}
h2 {font-size:19px;font-style:italic;}
h3 {font-size:18px;}
h4 {font-size:17px;font-style:italic;}
h5 {font-size:17px;}
h6 {font-size:16px;}
p, ul, ol, dl, table {font-size:16px;}
p {margin-bottom:5px;}
blockquote {margin:0 10%;}
hr {	background:#e6e6e6;height:1px;margin: 0;padding: 0;border: 0;outline: 0;color:#e6e6e6;}/* IE requires 'color' to color the line... */
p.center {text-align:center;}
.clear {clear:both;}

/* --------  Sprites -------- */
#header a.logo,.breadcrumb li, #footer a.bb, .indexquote, .submenu, a:hover.submenu {background: url(/images/background_sprites1.gif) no-repeat;}
body, .container, .highlightbox, .doodad1 {background: url(/images/background_vertical1.gif) repeat-y;}
#header, #footer {background: url(/images/background_horizontal1.gif) repeat-x;}

/* --------  Primary Page Sections -------- */
body {background-position:487px 0px;background-color:#ccc;}
.container {background-position:-512px 0px;background-color:#cccccc;position:relative;width:998px;min-height:100%;}/* min-height and position for Footer at the Bottom */

#main {width:886px;margin:0 0 0 50px;line-height:1.4;padding-bottom:38px;} /* padding-bottom equal or greater than height of footer for Footer at the Bottom */
#main dt {font-weight:bold;}

#header {background-position:0px 0px;height:62px;}
#header a.logo {background-position:0px 0px;display:block;height:40px;width:171px;}
#header h1 {font-size:10px;position:relative;top:-60px;}
#header h1 a {text-decoration:none;color:#336;}
#header h1 a:hover {text-decoration:none;color:#e6e6e6;}

#footer {background-position:0px -63px;background-color:#cccccc;position:absolute;bottom:0;width:100%;height:38px;}/*height, width, bottom and position for Footer at the Bottom */
#footer p {font-size:11px;}
#footer a.bb {position:relative;float:left;margin:2px 5px 0  0;background-position:-195px 0px;height:30px;width:30px;display:block;}
#footer p.valid {position:absolute;width:70px;left:919px;bottom:6px;}
#footer p.valid a {text-decoration:none;}
#footer p.copyright {margin-top:6px;}

/*------------------------ 
Begin Components 
----------------------- */
/* -------- Floats -------- */
.float.right {float:right;margin:2px 0 0 3px;}
.float.left {float:left;margin:2px 3px 0 0;}
.float.wcaption {border-bottom:1px solid #999;margin-bottom:2px;background-color:#e6e6e6;}
.float.wcaption p {font-size:11px;text-align:left;margin-left:3px;}

/* --------  Footnotes -------- */
.smalltext {font-size:11px;line-height:1.3;margin-bottom:2px;}
.smalltext.center {text-align:center;}
.smalltext.left {text-align:left;}

/*--------- Breadcrumb ---------- */
.breadcrumb {color:#ddd;height:20px;width:100%;position:absolute;top:40px;left:0px;}
.breadcrumb ul {margin:0;}
.breadcrumb ul, .breadcrumb li, .breadcrumb a, .breadcrumb p.label, .breadcrumb p.smalltext.center {display:inline;line-height:1.3;}
.breadcrumb p.label{margin-left:50px;}
.breadcrumb li {background-position:-215px -39px;margin-left:4px;padding-left:14px;}
.breadcrumb li.first {background: none;margin-left:0;padding-left:0;}
.breadcrumb p.smalltext.center {display:none;}
.breadcrumb a, .breadcrumb a:visited {color:#ddd;}
.breadcrumb a:hover {color:#fff;text-decoration:none;}

/*--------- Highlight Box ---------- */
.highlightbox.right {float:right;margin:5px 0 0 5px;background-position:-206px 0px;border-left:solid 1px #999;}
.highlightbox.left {float:left;margin:5px 5px 0 0;background-position:0px 0px;border-right:solid 1px #999;}
.highlightbox {width:205px;padding:5px 0;border-top:solid 1px #e6e6e6;border-bottom:solid 1px #999;}
.highlightbox h3 {margin:0 0 0 7px;color:#336;}
.highlightbox dl, .highlightbox ul, .highlightbox ol {margin:5px 0;}
.highlightbox ul, .highlightbox ol {margin-left:35px;}
.highlightbox dt {font-style:italic;color:#000;margin:0 0 0 5px;}
.highlightbox dd, .highlightbox ul li, .highlightbox ol li {font-size:14px; line-height:1.5;padding-left:0px;}

/*--------- Style Chooser ---------- */
.styleChooser {position:absolute;bottom:51px;right:5px;}
.styleChooser p {line-height:1;font-size:9px;}
.styleChooser a, .styleChooser a:visited {color:#aaa;text-decoration:none;}
.styleChooser a:hover {color:#e6e6e6;text-decoration:none;}

/*-----------------------------------------------
 Begin Navigation Menu
 Based on design by Stu Nicholls at cssplay.com
---------------------------------------------- */
.navmenu {height:32px;width:800px;position:absolute;top:7px;left:180px;z-index:100;}
.navmenu a:link, .navmenu a:visited {color: #336;}
.navmenu a:hover {color: #000;}
/* clear list styling */
.navmenu ul {margin:0;}
.navmenu ul ul {}
/* float the list horizontal and relative position to control dropdown menu positon */
.navmenu li {list-style-type:none;float:left;position:relative;}
/* style top level */
.navmenu a, .navmenu a:visited {display:block;font-size:18px;font-weight:bold;text-decoration:none;height:28px;padding-left:10px;padding-right:10px;line-height:24px;border-top:4px solid #c8c8c8;}
/* hide sub levels, position absolute */
.navmenu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:0;width:149px;}
/* position 3rd level menu */
.navmenu ul ul ul{left:149px;top:0;width:149px;}
/* position 3rd level menu, left */
.navmenu ul ul ul.left {left:-149px;}
/* style 2nd level links */
.navmenu ul ul a, .navmenu ul ul a:visited {font-size:14px;font-weight:normal;height:auto;line-height:1em;padding:5px 10px;width:128px;border-right:1px solid #336;border-left:1px solid #336;border-top:none;}
.navmenu ul ul a, .navmenu ul ul a:visited {background-color:#ccc;color:#336;}
/* style the 2nd level border top and bottom */
.navmenu ul ul a.top, .navmenu ul ul a:visited.top {border-top:1px solid #336;}
.navmenu ul ul a.bottom, .navmenu ul ul a:visited.bottom {border-bottom:1px solid #336;}
/* style the top level hover */
.navmenu a:hover {color:#000;border-top:4px solid #e6e6e6;}
.navmenu :hover > a {color:#000;border-top:4px solid #e6e6e6;}
/* style the 2nd level hover */
.navmenu ul ul a:hover {color:#000;background-color:#e6e6e6;border-top:none;}
.navmenu ul ul :hover > a {color:#000;	background-color:#e6e6e6;	border-top:none;}
.navmenu ul ul a:hover.top {border-top:1px solid #336;}
.navmenu ul ul :hover > a.top {border-top:1px solid #336;}
/* make 2nd level visible on hover on 1st level */
.navmenu ul li:hover ul,.navmenu ul a:hover ul {visibility:visible;}
/* keep 3rd level hidden on hover on 1st level */
.navmenu ul :hover ul ul {visibility:hidden;}
/* make 3rd level visible on hover over 2nd level */
.navmenu ul :hover ul :hover ul {visibility:visible;}
/* keep 4th level hidden on hover on 2nd level */
.navmenu ul :hover ul :hover ul ul {visibility:hidden;}
/* make 4th level visible on hover over 3rd level */
.navmenu ul :hover ul :hover ul :hover ul {visibility:visible;}
/* insert arrow for sub menus */
.submenu {background-position:135px -39px;}
a:hover.submenu, :hover> a.submenu {background-position:135px -64px;}
/* ------- End Navigation Menu ------- */

/* ----------- Begin Search ----------- */
#ysrchForm {	width:352px;position:absolute;left:634px;top:11px;color:#336;z-index:101;}
#searchBoxForm_undefined {}
#searchBoxForm_inputs {position:relative;}
#searchBoxForm_inputs label {font-weight:bold;font-size:18px;position:absolute;left:0;top:3px;height:20px;line-height:1;}
#searchTerm {position:absolute;left:86px;top:0;width:205px;border:1px solid #000;height:20px;background:#ccc;font-size:14px;line-height:1;}
#btn_undefined {	position:absolute;left:297px;top:0;width:55px;height:22px;background:#e6e6e6;line-height:1;border:1px solid #000;}
#ysrchForm ul {display:none;}
#ysrchForm li {display:inline;height:10px;padding-right:10px;}
#ysrchForm li label {color:#ccc;}
#searchBoxForm_inputs label {}
#web_radio, #site_radio {margin-right:5px;}
/* ------------ End Search ------------ */

/* --------  End Global -------- */

/*-----------------------------
BEGIN index.htm ONLY
---------------------------- */
/*--------- blurb ---------- */
.blurb {	width:540px;position:absolute;top:42px;left:394px;}
.blurb p {font-size:15px;text-align:right;font-style:italic;color: #ddd;}
.blurb p a {text-decoration:none;color: #ddd;}

/*--------- Notes & Updates ---------- */
.announcements ul {margin:0;}
.announcements li {list-style:none;font-size:15px;text-align:justify;}
.announcements li span {color:#336;font-weight:bold;}
.announcements p.smalltext {font-size:11px;}

/*--------- Monthly Popular/Search Box ---------- */
.highlightbox.index {margin:4px 0 0 50px;}
.highlightbox.index dt {margin-left:15px;}
.highlightbox.index dd a {margin-left:10px;}

/*--------- Random Quote ---------- */
.indexquote {background-position:-181px -65px;position:relative;margin:0 50px;z-index:0;}
.indexquote h4,.indexquote p.quote, .indexquote  noscript p,.indexquote p.quotesource {font-family:Georgia, Times, serif;line-height:1.4;color:#336;}
.indexquote h4 {	position:relative;font-style:italic;left:20px;top:3px;}
.indexquote p.quote, .indexquote  noscript p {margin:10px 40px 0 50px;font-size:20px;}
.indexquote p.quotesource {width:360px;font-style:italic;font-size:20px;margin:0 0 0 500px;}

/*--------- Page Highlights ---------- */
.album {position:relative;width:100%;height:135px;margin:0 auto 5px auto;z-index:11;}
.album b {font-weight:normal;font-size:14px;width:auto;position:absolute;left:0;line-height:1.5;z-index:0;}
.galleriaTitle {font-size:19px;font-weight:bold;font-style:normal;margin:5px 10px 0 7px;padding:0 0 .2px 0;position:relative;float:left;border-bottom:1px solid #000;}
.galleriaText{font-size:12px;font-style:normal;display:block;width:auto;margin:5px 10px 0 7px;padding:0;}
.galleriaCaption{font-size:11px;font-style:normal;width:100%;margin:0px 10px 0 7px;padding:0;}
a.galleria, a.galleria:visited {display:inline;color:#000;text-decoration:none;border:1px solid;border-color:#fff #000 #000 #fff;width:100px;height:100px;float:left;margin:25px 10px 0 0;position:relative;cursor:auto;}
a.galleria.slide8, a.galleria.slide8:visited {margin-right:0;}
a.galleria span {visibility:hidden;display:block;position:absolute;width:580px;height:395px;top:189px;left:9px;color:#000;background-color: #ccc;border:5px solid #666;}
a.slide1 span {left:145px; top:-430px;}
a.slide2 span {left:33px; top:-430px;}
a.slide3 span {left:-79px; top:-430px;}
a.slide4 span {left:-191px; top:-430px;}
a.slide5 span {left:-303px; top:-430px;}
a.slide6 span {left:-415px; top:-430px;}
a.slide7 span {left:-527px; top:-430px;}
a.slide8 span {left:-639px; top:-430px;}
a.galleria:hover {white-space:normal;border:1px solid;border-color:#000 #fff #fff #000;}
a.galleria:hover span {visibility:visible;text-align:center;}
a.galleria:hover span img {margin:10px;border:1px solid #000;position:relative;}
a.galleria:active, a.galleria:focus {border:1px solid #c00;}
a.galleria:active span, a.galleria:focus span {visibility:visible;}
a.galleria:active span img, a.galleria:focus span img {border:1px solid #000;position:relative;margin:10px;}

a.slide1, a.slide2, a.slide3, a.slide4, a.slide5, a.slide6, a.slide7, a.slide8 {background:url(/images/pic_index_slides.jpg) no-repeat;}
a.slide1 {background-position:0px 0px;}
a.slide2 {background-position:-101px 0px;}
a.slide3 {background-position:-202px 0px;}
a.slide4 {background-position:-303px 0px;}
a.slide5 {background-position:-404px 0px;}
a.slide6 {background-position:-505px 0px;}
a.slide7 {background-position:-606px 0px;}
a.slide8 {background-position:-707px 0px;}
/*-----------------------------
END index.htm ONLY
---------------------------- */

/*----------------------------------------
 Photography section
---------------------------------------- */
/* ------- Begin Photo Galleries ------- */
.photogallery {width:700px;height:530px;margin-left:50px;position:relative;z-index:1;}
.photogallery ul {list-style:none; padding:0; margin:0; width:140px; float:left;z-index:1;}
.photogallery ul li {display:inline; width:52px; height:52px; float:left; margin:13px 0 0 5px;}
.photogallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid; border-color:#fff #000 #000 #fff;}
.photogallery ul li a img {display:block; width:50px; height:50px; border:0;}
.photogallery ul li a img.large1, .photogallery ul li a img.large2 {position:absolute;left:-999px;z-index:3;}
.photogallery ul li a span.caption1, .photogallery ul li a span.caption2 {position:absolute;left:-999px;font-size:14px;}
.photogallery ul li a:hover {white-space:normal; border:1px solid; border-color:#000 #fff #fff #000;}
.photogallery ul li a:hover img.large1 {position:absolute; left:185px; top:50px; width:auto; height:auto; border:1px solid #000;}
.photogallery ul li a:hover img.large2 {position:absolute; left:185px; top:0px; width:auto; height:auto; border:1px solid #000;}
.photogallery ul li a:hover span.caption1 {position:absolute; left:185px; top:430px;display:block; width:480px; height:auto; border:none;color:#336;}
.photogallery ul li a:hover span.caption2 {position:absolute; left:185px; top:485px;display:block; width:480px; height:auto; border:none;color:#336;}
.photogallery p.directions {position:absolute;top:150px;left:140px;z-index:1;width:450px;text-align:center;}
.photogallery p.nav {position:absolute;left:5px;bottom:30px;width:140px;text-align:center;font-size:10px;}
.photogallery p.nav span.inactive {color:#666;}
/* ------- End Photo Galleries ------- */

/* ------- Begin Photography Menu ------- */
.menu_photo {}
.menu_photo ul {}
.menu_photo ul li {list-style:none;float:left;position:relative;width:100px;height:75px;}
.menu_photo ul li a {font-size:10px;display:block;width:50px;height:70px;text-decoration:none;}
.menu_photo ul li a img {border:1px solid;border-color:#fff #000 #000 #fff;}
.menu_photo ul li a span {position:absolute;top:52px;left:0;}
.menu_photo ul li a:hover img {border-color:#000 #fff #fff #000;}
/* -------- End Photography Menu -------- */

/* ---------- Begin Hover Pic ---------- */
.hoverpic {position:relative;top:0; left:0;width:52px; margin:0;padding:0;z-index:10;}
.hoverpic a, .hoverpic a:visited {display:block; width:50px; height:50px; text-decoration:none; border:1px solid;border-color:#fff #000 #000 #fff;}
.hoverpic a img {border:0;z-index:10;}
.hoverpic a:hover {text-decoration:none; width:50px; height:50px;background-color:#fff;color:#000;border:1px solid;border-color:#000 #fff #fff #000;}
.hoverpic a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
.hoverpic a:hover .large {display:block; position:absolute; width:auto; height:auto; border:5px solid #666;z-index:10;}
.hoverpic a:hover .d45 {top:-225px; left:65px;}
.hoverpic a:hover .d90 {top:-150px; left:65px;}
.hoverpic a:hover .d135 {top:0px; left:65px;}
.hoverpic a:hover .d315 {top:-225px; left:-500px;}
.hoverpic a:hover .d270 {top:-150px; left:-500px;}
.hoverpic a:hover .d225 {top:0px; left:-500px;}
.hoverpic.floatLeft {float:left;margin:3px 6px 0 0;}
.hoverpic.floatRight {float:right;margin:3px 0 0 6px;}
/* ----------- End Hover Pic ----------- */
/* ----------- End Photography Section ----------- */