/* 
MONDAY BY NOON
Suckerfish HoverLightbox Example - Vanilla Vertical stylesheet
Version: 1.0
Last Modified 03/27/06
J. Christopher - www.MondayByNoon.com

CREDITS
-------

Suckerfish: Patrick Griffiths, Dan Webb
    http://www.alistapart.com/articles/dropdowns/
  Modification: http://www.htmldog.com/articles/suckerfish/dropdowns/

Hoverbox: Nathan Smith.
  Example: http://host.sonspring.com/hoverbox/
  Tutorial: http://sonspring.com/journal/hoverbox-image-gallery/
  Modification by: Craig Erskine
    http://solardreamstudios.com/
    http://solardreamstudios.com/_img/learn/css/pg/

Lightbox: Lokesh Dhakar
  http://www.huddletogether.com/projects/lightbox/

*/

* { margin:0; border:0; padding:0; }
p { clear:both; }




/* GALLERY */
#sidebartwo{
	border-left:1px solid #ccc;
	float: left;
	margin-bottom: 10px;
}
#sidebartwo p{	text-align:center;}
ul#gallery {
	list-style:none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 75px;
	margin-left: 0;
}
ul#gallery li#first { border-top:1px solid #ccc; }

ul#gallery li {
	clear:both;
	width:100px;
	position:relative;
}
ul#gallery li:hover ul, ul#gallery li.sfhover ul {
	left: 101px;
}
ul#gallery li a {
	display:block;
	width:100px;
	color:#666666;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	padding-top: 15px;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 2px;
}
ul#gallery li a:hover {
	background-color:#666666;
	color: #CCCCCC;
	border-left:1px solid #ccc;
	text-decoration: none;
}
ul#gallery li ul { padding:0 20px 20px 50px; list-style:none; margin:0; width:350px; background-color:#FFFFFF; position:absolute; right:999em; top:-2px; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; position:static; z-index:2; } 
ul#gallery li ul li a {
	margin:2px;
	border:1px solid #999999;
	padding:4px;
	position:relative;
	float:left;
	display:block;
	width:100px;
	height:75px;
	background-color: #FFFFFF;
}
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; border:1px solid #000; z-index:2000; }

/* LIGHTBOX CONTROL */
#lightbox {
	background-color:#FFF;
	padding:20px 20px 5px 20px;
	border: 1px solid #CCC;
}
#lightboxDetails { padding-top:5px;	}	
#lightboxCaption { float:left; color:#000; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#000; text-decoration:none; letter-spacing:2px; text-transform:none; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }
#closebutton { display:none; }
.hover {
	text-decoration: none;
	color: #FFFFFF;
}
#content a:hover       {
	text-decoration: underline;
	color: #365568;
}
.hover{
	color: #FFFFFF;
	text-decoration: none;
}
#movie {
	margin: 0px;
}
#header_bg {
	background-image: url(../images/header_bg.jpg);
	height: 277px;
	background-repeat: repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	top: 0px;
}