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;
	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;