body {

	font-size : 11px;

	font-family : verdana;

	background-color: #F0F0F0;

}



img {

	display : block;

	background-color: #FFFFFF;

}



form {

	padding : 0;

	margin : 0;

}



ol {



	line-height : 27px;

	margin-top : 0;

}



a {

	color : #0000FF;

	text-decoration : none;

}



a:hover {

	text-decoration : underline;

}



.pad10 {

	padding : 10px;

}



.center {

	margin : 0 auto;

}





.error {

	color : #7b2317;

	font-size : 14px;

}



.inputText {

	margin-left : 50px;

	margin-right : 70px;

	width : 180px;

}



h1 {

	color : #FF9900;

	font-size : 14px;

	font-family : verdana;

	font-weight : normal;

	line-height : 24px;

	letter-spacing : 3px;

	display : block;

	margin : 20px 0 0;

	padding : 0;

}



h2 {

	color : #000000;

	font-size : 12px;

	font-family : verdana;

	font-weight : normal;

	line-height : 22px;

	letter-spacing : 2px;

	display : block;

	margin : 15px 5px 5px;

	padding : 1px;

}



h2.leftSpace {

	margin-left : 190px;

}



h3 {

	background-color : transparent;

	text-align : right;

	color : #aaa;

	font-size : 18px;

	font-family : times;

	display : block;

	height : 25px;

	line-height : 25px;

	letter-spacing : 1px;

}



*/



* { margin:0; border:0px none; padding:0 }



p { clear:both; }



/* GALLERY */

ul#gallery { margin:0 0 0 20px; padding-top:20px; height:80px; list-style:none; position:relative; }

ul#gallery li { border-right:1px solid #ccc; width:103px; height: 100px; display:block; float:left; }

ul#gallery li#first { border-left:1px solid #ccc; }

ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }

ul#gallery li a { display:block; width:100px; padding:15px 0 15px 3px; color:#000; text-decoration:none; }

ul#gallery li a:hover { background-color:#fafafa; }

ul#gallery li ul { padding:40px 40px 20px 20px; list-style:none; margin:0; width:450px;

                   background-color:#fff; position:absolute; left:-999em; }

ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0px none; }



ul#gallery li ul li a { 

			margin:2px;

			background-color:#000000; 

			border:1px solid #ccc; 

			padding:4px; 

			position:relative;

			float:left; 

			display:block; 

			width:152px; 

			height:120px; }

			

ul#gallery li ul li a:hover { z-index:2; }



ul#gallery li ul li a img { position:absolute; width:150px; border:0px;}



ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { 

           width:400px; 

		   height: 275px; 

		   left: 30px; 

		   top: 15px; 

		   z-index:1;

		   border:5px solid #000; }



/* LIGHTBOX CONTROL */

#lightbox{ background-color:#000;	padding:20px 20px 5px 20px; }

#lightboxDetails{ padding-top:5px;	}	

#lightboxCaption{ float:left; color:#fff; font-size:11px; }

#keyboardMsg { float: right; }

#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }



.contentWrapperHome {

	background-color: #FFFFFF;

	border : 1px solid #7b2317;

	margin : 0 auto;

	padding : 2px 5px 2px 5px;

	height : 950px;

	width : 903px;

	clear : both;

	font-size : 16px;

}

.contentWrapper {

	background-color: #FFFFFF;

	border : 1px solid #7b2317;

	margin : 0 auto;

	padding : 2px 5px 2px 5px;

	height : 1450px;

	width : 910px;

	clear : both;

	font-size : 16px;

}

.contentWrapperLong {

	background-color: #FFFFFF;

	border : 1px solid #7b2317;

	margin : 0 auto;

	padding : 2px 5px 2px 5px;

	height : 2800px;

	width : 910px;

	clear : both;

	font-size : 16px;

}

.contentHome {

	width: 885px;

	padding: 5px 4px 2px 4px;

	margin : 0 auto;

	height: 550px;

	background-color: #FFFFFF;

	border : 0px solid #7b2317;

	z-index : 0;

	float : left;

}

.content {

	width: 900px;

	padding: 5px 4px 2px 4px;

	margin : 0 auto;

	height: 1140px;

	background-color: #D8D8D8;

	border : 0px solid #7b2317;

	z-index : 0;

	float : left;

}

.contentLong {

	width: 900px;

	padding: 5px 4px 2px 4px;

	margin : 0 auto;

	height: 2450px;

	background-color: #D8D8D8;

	border : 0px solid #7b2317;

	z-index : 0;

	float : left;

}

.homeTop {

	background-color : #FFFFFF;

	color : #000000;

	border : 0px solid #0099FF;

	font-size : 16px;

	width : 875px;

	height : 270px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 15px 10px 5px 10px;

}

.homeLeft {

	background-color : #FFFFFF;

	color : #000000;

	border : 0px solid #0099FF;

	font-size : 13px;

	width : 260px;

	height : 550px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 15px 10px 5px 10px;

}

.homeMiddle {

	background-color : #FFFFFF;

	color : #000000;

	border : 0px solid #000000;

	font-size : 13px;

	width : 150px;

	height : 550px;

	float : left;

	margin-left : 6px;

	margin-top : 10px;

	padding : 15px 10px 5px 10px;

}



.homeRight {

	background-color : #FFFFFF;

	text-align : center;

	color : #000000;

	border : 0px solid #0099FF;

	font-size : 13px;

	width : 480px;

	height : 550px;

	float : left;

	margin-left : 6px;

	margin-top : 10px;

	padding : 15px 10px 5px 10px;

}

.innerLeft {

	background-color : #FFFFFF;

	color : #000000;

	border : 0px solid #0099FF;

	font-size : 13px;

	width : 180px;

	height : 1115px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 5px 5px 5px 5px;

}

.innerMiddle {

	background-color : #FFFFFF;

	color : #000000;

	border : 0px solid #000000;

	font-size : 13px;

	width : 495px;

	height : 1105px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 15px 10px 5px 10px;
	
}

.innerMiddleSpace {

	background-color : #FFFFFF;
	overflow:scroll;
	color : #000000;

	border : 0px solid #000000;

	font-size : 12px;

	line-height : 170%; 

	width : 495px;

	height : 1105px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 15px 10px 5px 10px;

}

.innerRight {

	background-color : #FFFFFF;

	text-align : center;

	color : #000000;

	border : 0px solid #0099FF;

	font-size : 13px;

	width : 128px;

	height : 1900px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 15px 5px 5px 18px;

}

.innerLeftLong {

	background-color : #FFFFFF;

	color : #000000;

	border : 0px solid #0099FF;

	font-size : 13px;

	width : 180px;

	height : 2408px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 5px 5px 5px 5px;

}

.innerMiddleLong {

	background-color : #FFFFFF;

	color : #000000;

	border : 0px solid #000000;

	font-size : 13px;

	width : 495px;

	height : 2400px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 15px 10px 5px 10px;

}

.innerMiddleSpaceLong {

	background-color : #FFFFFF;

	color : #000000;

	border : 0px solid #000000;

	font-size : 12px;

	line-height : 170%; 

	width : 495px;

	height : 2400px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 15px 10px 5px 10px;

}

.innerRightLong {

	background-color : #FFFFFF;

	text-align : center;

	color : #000000;

	border : 0px solid #0099FF;

	font-size : 13px;

	width : 128px;

	height : 2400px;

	float : left;

	margin-left : 5px;

	margin-top : 10px;

	padding : 15px 5px 5px 18px;

}

.line {

	background-color : #224970;

	color : #224970;

	height : 1px;

	border : 0px none;

	display : block;

	padding : 0;

	margin : 0

}



.galleryNav {

	text-align : center;

}



#galleryCont {

	border : 2px solid #224970;

	padding : 9px;

	height : 500px;

	width : 700px;

}



#topNav {

	width : 170px;

	text-align : left;

	height : 550px;

	background-color : #FFFFFF;

	font-size : 6px;

	padding : 1px;

	margin: 10px 1px 1px 1px;

	float : left;

}



#topNav ul {

	padding : 4px;

	display : inline;

	list-style : none;

	margin-left : 1px;

}



#topNav ul li {

	margin : 0px;

	padding : 4px;

	background-color : #FFFFFF;

	position : relative;

	display : block;

}



#topNav ul li a {

	font-size : 13px;

	font-family : arial, helvetica, sans-serif;

	line-height : 22px;

	display : block;

	background-color : #FFFFFF;

	text-decoration : none;

	color : #000000;

	padding-top : 5px;

	padding-bottom : 0;

	padding-left : 2px;

	padding-right : 2px;

	border : 1px solid #D8D8D8;

	width : 150px;

	cursor : pointer;

}



* html #topNav ul li a{

	background-color : #FFFFFF;

	color : #00000;

	padding-left : 1px;

	padding-right : 1px;

	border : 1px solid #CCCCCC;

}



#topNav ul li a:hover {

	border : 0px solid #5BC1D5;

}



#topNav ul li ul {

	width : 145px;

	display : none;

	background-color : #F79E18;

	border : 0px solid #224970;

	z-index : 250;

	position : absolute;

	left : 0px;

	top : 25px;

}



/* commented backslash mac hiding hack \*/ 



* html #topNav ul li a {

	height : 1%;

}



/* end hack */ 



#topNav ul li:hover a, #topNav ul li.over a {

	color : #7b2317;

	background-color : #F79E18;



}



#topNav ul li:hover ul li a:hover, #topNav ul li.over ul li a:hover {

	color : #7b2317;

	background-color : #F79E18;

	float:none;

}



#topNav ul li a.ison {

	color : #7b2317;

	background-color : #666666;

	border : 0px solid #7b2317;

	cursor : default;

}



#topNav ul li ul li a.ison {

	color : #7b2317;

	background-color : #CCCCCC;

	border : 0px solid #7b2317;

	cursor : default;

}



#topNav ul li:hover li a, #topNav ul li.over li a {

	color : #224970;



}



#topNav ul li ul li a {

	padding : 0px 0px;

	line-height : 26px;

	font-size : 10px;

	text-align : left;

	width : 131px;

	margin : 0px;

}



#topNav ul li:hover ul, #topNav ul li.over ul {

	display : block;

}



#info {

	border: 2px solid #C2C7BE;

	margin-left: 80px;

	margin-right: 80px;

	margin-top: 20px;

	padding: 0px 15px 0px 15px;

	position: relative;

}



#info a, #info a:visited {

	color: #8A9483;

	text-decoration: none;

}



#info a:hover {

	color: #9BA495;

	text-decoration: underline;

}



#pic {

	background-color: #FFFFFF;

	right: 10px;

	position: relative;

	top: 10px;

	width: 135px;

}



#pic a .large {

	border: 0px;

	display: block;

	height: 1px;

	right: 5px;

	position: absolute;

	top: -1px;

	width: 1px;

}



#pic a img {

	border: 0px none;

}



#pic a.p1, #pic a.p1:visited {

	background: #FFFFFF;

	border: 2px solid #000000;

	display: block;

	height: 90px;

	left: 0;

	text-decoration: none;

	top: 0;

	width: 135px;

}



#pic a.p1:hover {

	background-color: #8C97A3;

	color: #000000;

	text-decoration: none;

}



#pic a.p1:hover .large {

	border: 3px solid #000000;

	display: block;

	right: 150px;

	position: absolute;

	top: -60px;

	width: 400px;

	height: 300px;

}



.footer {

	margin : 0 auto;

	width : 761px;

	padding-top : 4px;

	text-align : center;

	color : #000000;

	font-size : 10px;

}



.footer a {

	color : #000000;

	text-decoration : none;

}



.footer a:hover {

	text-decoration : underline;

}





url(http://www.joyfulsmile.com/images/background1.gif);

background-color : #3399CC;