body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:url("../images/bg_2.jpg");
	text-align:center; 
	font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

/*---------- Navigation ------------*/


div#menu {
    margin:30px auto;
    width:80%;
}


div#menu {
    height: 46px;
    padding-left: 10px;
	float:right;
    background: url(../images/left.png) no-repeat;
    _background-image: url(../images/left.gif);
    width:660px;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-right: 7px;
    background: url(../images/right.png) no-repeat right 0;
    _background-image: url(../images/right.gif);
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 0 0 0;
    display: block;
    float: left;
    z-index: 9;
    width: auto;
}
div#menu ul ul li {
    z-index: 9;
}
div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 36px;
    left: 0;
    visibility: hidden;
    width: 187px;
    padding: 0 0 11px 20px;
    background: url(../images/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(../images/submenu-bottom.gif);
    margin: 0px 0 0 -4px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right: 5px;
    text-align: center;
}
div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#menu a {
    padding: 0 20px 0 0;
    line-height: 40px;
    height: 46px;
    margin-right: 5px;
    _margin-right: 1px;
    background: none;
}
div#menu span {
    margin-top: 2px;
    padding-left:10px;
    color: #fff;
    font: bold 11px Trebuchet MS,Arial,san-serif;
    background: none;
    line-height: 40px;
}
div#menu a:hover,
div#menu a.over {
    background:  url(../images/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(../images/selected-right-sub.gif);
}
div#menu a:hover span,
div#menu a.over span {
    background: url(../images/selected-left-sub.png) no-repeat 0 -1px;
    _background-image: url(../images/selected-left-sub.gif);
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url(../images/selected-right-sub.png) no-repeat right -1px;
    _background-image: url(../images/selected-right-sub.gif);
}
div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url(../images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(../images/selected-left-sub.gif);
}
div#menu ul.menu>li:hover>a span {
    color: #fff;
}
div#menu li {  }
div#menu li.last { background: none; }

div#menu li.current a,
div#menu li.current a span,
div#menu.js-active a:hover,
div#menu.js-active a:hover span,
div#menu.js-active a,
div#menu.js-active span {
    background:none;
}
div#menu.js-active ul.menu>li:hover>a,
div#menu.js-active ul.menu>li:hover>a span {
    background:none;
}
div#menu li.current a.over {
    background: url(images/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(images/selected-right-sub.gif);
}
div#menu li.current a.over span {
    background: url(../images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(../images/selected-left-sub.gif);
}
div#menu a.over span {
    color: #043454;
}

/* menu::level2 */
div#menu ul ul li {
    background: none;
    padding: 0;
}
div#menu ul ul {
    padding-top: 10px;
}
div#menu ul ul a {
    padding: 0;
    height: auto;
    float: none;
    display: block;
    line-height: 26px;
    font-size: 11px;
    color: #043454;
    z-index: -1;
    padding-left: 5px;
    white-space: normal;
    width: 160px;
    margin: 0 5px;
    text-transform: none;
}
    
div#menu ul ul a span {
    padding: 0 15px;
    line-height: 26px;
    font-size: 11px;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
}
div#menu ul ul a:hover {
    background: url(../images/submenu-selected-bottom.png) no-repeat 5px bottom;
}
div#menu ul ul a:hover span {
    background: url(../images/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent {
    background: url(../images/submenu-pointer-bottom.gif) no-repeat 5px bottom;
}
div#menu ul ul a.parent span {
    background: url(../images/submenu-pointer-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent:hover {
    background: url(../images/submenu-pointer-selected-bottom.png) no-repeat 5px bottom;
}
div#menu ul ul a.parent:hover span {
    background: url(../images/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul span {
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 180px;
    padding: 15px 0px 8px 0px;
    margin: -44px 0 0 169px !important;
    background: url(../images/subsubmenu-top.png) no-repeat 0px 0;
    _background-image: url(../images/subsubmenu-top.gif);
}
*+html div#menu ul ul div { height:10px }
*+html div#menu.ie7 ul ul div { height:auto }
div#menu ul ul ul {
    padding: 0 4px 5px 1px;
    background: url(../images/submenu-bottom.png) no-repeat 0px bottom;
    _background-image: url(../images/submenu-bottom.gif);
}
div#menu ul ul div li {
    position:relative;
    top:-5px;
}

/* lava lamp */
div#menu li.back {
    background: url(../images/lavalamp-left.png) no-repeat 0 0;
    _background-image: url(../images/lavalamp-);
    width: 10px;
    height: 46px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0;
}

div#menu li.back .left {
    padding:0;
    width:auto;
    background: url(../images/lavalamp-right.png) no-repeat right 0;
    _background-image: url(images/lavalamp-right.gif);
    height: 46px;
    margin: 0 5px 0 10px;
    _margin-right: 2px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}

/*----------------------- Slide -----------------------*/


#slide{
	width:880px;
	padding:0 0 0 40px;
	height:240px;
}

.anythingSlider                         { width: 760px; height: 240px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 238px; margin: 0 40px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 240px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 25px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 240px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #6091AF url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #b0cddf; }

#start-stop                             { background: #B0CDDF; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 238px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: #6091AF; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
#column-top li{
	margin:10px 0 10px 0px;
	text-decoration:none;
}

.inside li {
		background-image:url(../images/bullet.png);
	background-repeat:no-repeat;
	list-style-position:outside;
	text-decoration:none;
	padding-left:15px;
}

.inside a{text-decoration:none;}

.inside a:link, #footer a:visited { color:#009; }
.inside a:hover, .insider a:active,  { color:##3B5998; }
/* ------------------------ form elements ------------------------ */
form {
	width:150px;
	margin:10px 0 65px 0; /* set margin left and right below */
	}

form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#000;
	}
	
.phone-input1 { width:33px;
	height:16px;
	overflow:hidden;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }

.phone-input3 { width:40px;
	height:16px;
	overflow:hidden;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#content .column-right .form{
	padding-left:50px;}

#contact_business { display: none; } /* do not remove */ 


/* ------------------------ SPECIFIC ELEMENTS ------------------------ */


/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background-img:url("../images/subscribe_btn.png");
	width:142px;
	height:41px;
	border:none;
	cursor:pointer;
	}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	width:961px;
	margin:0 auto;
	text-align:left;
	}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:90px;
	}
	/* index page link within #masthead */		
	#masthead a {	
		position:absolute;
		left:0px;
		width:0px;
		top:0px;
		height:0px; 
		}
	#masthead a span {
		display:none;
		}


/*-------------------- content ----------------------*/


#content{ 
	background:url(../images/content_bg.png);
	height:840px;
	width:961px;
	background-repeat:repeat-y;
	}

/* ------------------------ column-left framework ------------------------ */
#content .column-left {
	width:534px;
	float:left;
	padding:0 40px 0 0;
	}
#content .column-middle {
	width:533px;
	float:left;
	padding:0 40px 0 0px;
	}
	
#content .column-left a{
	color:#00F;
	text-decoration:none;
}

#content .column-left a:hover{
	color:#3B5998;
}


	/* single column list */
	#content .column-left ul { padding-left:25px; }
		#content .column-left .main li { 
				line-height:1.4em;
				color: #393939;
				background: url('../images/star.png') no-repeat scroll left top; color: #222;  list-style-type: none;
				padding: 0px 20px 15px 25px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#3b5998;
			}



/*------------------------- Inside Page -------------------------------------*/

#column-top {
	width:470px;
	float:left;
	padding:0 20px 0 40px;
	}
#column-top3 {
	width:941px;
	float:left;
	padding:0 10px 0 10px;
	}
#column-top .left{width:220px; float:left;}
#column-top .right{width:240px; float:right;}
#column-top2 {
	width:200px;
	float:left;
	padding:0 0 0 40px;
	}

	 #column-top3 p, #column-top p, #column-top h3, #column-top ul, #column-top dl, #column-top2 p, .inside_img2 p, .inside_img2 h1  {
		margin:0px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#3b5998;
		text-decoration:none;
		}
	#column-top3 h1, #column-top h2, #column-top2 h2{
		margin:0px 0px 20px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#3b5998;
		text-decoration:none;
	}
	#column-top h1, #column-top2 h1{
		margin:0px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#3b5998;
	}
		
		
		
#column-top .inside_img{
	width:421px;
	float:right;
}
.inside_img2 {
	width:861px;
	float:left;
	padding:0 0 0 100px;
}

#column-bottom {
	width:921px;
	float:left;
	padding:0 0 0 40px;
	}

.inside-form {
	width:350px;
	float:left;
	margin-top:33px;
}

.inside-form p {
	margin:0px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#3b5998;
		}


	#column-top3 h2, #column-bottom p, #column-bottom h1, #column-bottom h2, #column-bottom h3, #column-bottom ul, #column-bottom dl {
		margin:0px 0px 10px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#3b5998;
		}

/* ------------------------ column-middle framework ------------------------ */
#content .column-middle {
	width:267px;
	float:left;
	padding:0 40px 0 0;
	}
	
#content .column-middle a{
	color:#4A88AB;
	text-decoration:none;
}

#content .column-middle a:hover{
	color:#000066;
}

	 #content .column-middle p, #content .column-middle h1, #content .column-middle h3, #content .column-middle ul, #content .column-middle dl {
		margin:0px 0px 10px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#3b5998;
		}


	#content .column-middle form { margin-left:0px; } /*set form margin here */

	/* single column list */
	#content .column-middle ul { padding-left:5px; }
		#content .column-middle ul li { 
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;
			text-decoration:none; /* pushes text to the right to display bg img */
			}


#content .column-middle .main li{
	line-height:1.4em;
	color: #393939;
	background: url('../images/star.png') no-repeat scroll left top; color: #222;  list-style-type: none;
	padding: 0px 20px 15px 25px;
	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#3b5998;
}
/* ------------------------ column-right framework ------------------------ */
#content .column-right {
	width:367px;
	float:left;
	}

	#content .column-right p, #content .column-right h2, #content .column-right ul, #content .column-right dl {
		margin:0px 0px 10px 20px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#3b5998;
		line-height:1.0em;
		}
		#content .column-right h2{
		margin:0px 0px 10px 70px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#3b5998;
		line-height:1.4em;
		color:#3b5998;
	}
	#content .column-middle h2{
		margin:0px 0px 10px 70px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#3b5998;
		line-height:1.4em;
	}
	
	#content .column-right h3{
		margin:10px 0px 10px 10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#3b5998;
		line-height:1.4em;
	}

	#content .column-right form { margin-left:0px; }

	/* single column list */
	#content .column-right ul { padding-left:5px; }
		#content .column-right ul li { 
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			}

	/* multi column list */
	#content .column-right ul { padding-left:5px; } 
		#content .column-right ul li { 
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			float:left;
			width:150px;
			line-height:20px; 
			}

	/* definition list */
	#content .column-right dl { padding-left:5px; }
		#content .column-right dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#content .column-right dl dd {
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}
			
.bottom-left {
	width:450px;
	float:right;
}
.bottom-right {
	width:405px;
	float:right;
}

/* ------------------------ header framework ------------------------ */
#header-flash { height:185px;  }
.logo{
	background-repeat:no-repeat;
	background-position:left;
	height:87px;
	width:261px;
	padding-top:10px; 
	padding-left:10px;
}


#main { height:447px;
				width:961px;
				background-repeat:no-repeat;
				background-image:url(../images/top.png); }

#main2 { height:590px;
				width:961px;
				background-repeat:no-repeat;
				background-image:url(../images/main2.png); }

#main3 { height:900px;
				width:961px;
				background-repeat:no-repeat;
				background-image:url(../images/main3.png); }

#main5 { height:650px;
				width:961px;
				background-repeat:no-repeat;
				background-image:url(../images/main3.png); }

#main4 { height:1195px;
				width:961px;
				background-repeat:no-repeat;
				background-image:url(../images/main4.png); }
#main_index { height:695px;
				width:961px;
				background-repeat:no-repeat;
				background-image:url(../images/main2.png); }

	body#index #header-graphic { background:url("../images/header-index.jpg"); }
	body#about #header-graphic { background:url("../images/header-about.jpg"); }
	body#contact #header-graphic { background:url("../images/header-contact.jpg"); }
	body#thankyou #header-graphic { background:url("../images/header-thankyou.jpg"); }
	body#sitemap #header-graphic { background:url("../images/header-sitemap.jpg"); }


/* ------------------------ subhead framework ------------------------ */
#subhead_right {  height:30px; background-image:url(../images/header_main.png); background-repeat:no-repeat; }
#subhead_right h2{font-family:Arial, Helvetica, sans-serif; color:#3B5998; font-size:18px; margin:0px 0 0 60px;}

#subhead_right2 {  height:30px; background-image:url(../images/header_main.png); background-repeat:no-repeat; margin:0 0 0 25px; }
#subhead_right2 h2{font-family:Arial, Helvetica, sans-serif; color:#3B5998; font-size:18px; margin:0 0 0 60px;}
#subhead_right3 {  height:30px; background-image:url(../images/header_main.png); background-repeat:no-repeat; } /* sets height for all 
subheads */
#subhead_right3 h2{font-family:Arial, Helvetica, sans-serif; color:#3B5998; font-size:18px; margin:10px 0 0 60px;}

	body#index #subhead { background:url("../images/subhead-index.jpg"); }
	body#about #subhead { background:url("../images/subhead-about.jpg"); }
	body#contact #subhead { background:url("../images/subhead-contact.jpg"); }
	body#thankyou #subhead { background:url("../images/subhead-thankyou.jpg"); }
	body#sitemap #subhead { background:url("../images/subhead-sitemap.jpg"); }

/* ------------------------ subhead framework with varying heights ------------------------ */
#subhead-meet-doc {
	height:55px;
	background:url("../images/subhead-meet-doc.jpg") ;
	}

/* ------------------------ title framework with varying heights ------------------------- */
#title-contact {
	height:55px;
	background:url("../images/title-contact.jpg") ;
	}

#title-our-procedures {
	height:35px;
	background:url("../images/title-our-procedures.jpg") ;
	}

/* ------------------------------------- Buttons ---------------------------------------- */
#btn-special-offer {
		height:186px;
		display:block;
		background:url("../images/dental-btn-special-offer.jpg") no-repeat;	
		}
		#btn-special-offer:hover {
				background:url("../images/dental-btn-special-offer.jpg") -100px 0 no-repeat; /* -100px = horizontal img shift, 0px = vertical shift from top */
				}
		#btn-special-offer span { display:none; }


/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("../images/bottom-wrap.jpg");
	width:100%; /* fix for Safar */
	height:20px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#footer {
	width:961px;
	margin:0 auto;
	text-align:center;
	}

#bottom_border{background:url(../images/bottom_wrap.png) no-repeat; width:961; height:18px;}

#bottom_border a{color:#fff;}

#footer p {
	color:#fff;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	}

#footer a:link, #footer a:visited { color:#fff; }
#footer a:hover, #footer a:active { color:#009; }



#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #000;
		}
	#footer li.first { border: none; }

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
#footer_inside {
	width:961px;
	text-align:center;
	}

#footer_inside p {
	color:#1D0066;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	}

#footer_inside a:link, #footer a:visited { color:#006; }
#footer_inside a:hover, #footer a:active { color:#009; }



#footer_inside ul {margin:10px;}
	#footer_inside li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #000;
		}
	#footer_inside li.first { border: none; }
	
	#slider {
    width: 410px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 410px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}
table {
	border-collapse: separate;
	border: 1px solid #9DABCE;
	border-width: 0px 0px 1px 1px;
	margin: 10px auto;
	font-size: 20px;
}
td, th {
	width: 81px;
	height: 81px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/cells.png);
	color: #444;
	position: relative;
}
th {
	height: 30px;
	font-weight: bold;
	font-size: 14px;
}
td:hover, th:hover {
	background-position: 0px -81px;
	color: #222;
}
td.date_has_event {
	background-position: 162px 0px;
	color: white;
}
td.date_has_event:hover {
	background-position: 162px -81px;
}
td.padding {
	background: url(../images/calpad.jpg);
}
td.today {
	background-position: 81px 0px;
	color: white;
}
td.today:hover {
	background-position: 81px -81px;
}
.events {
	position: relative;
}
.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url(../images/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
.events li {
	padding-bottom: 5px;
}
.events li span {
	display: block;
	font-size: 12px;
	text-align: justify;
	color: #555;
}
.events li span.title {
	font-weight: bold;
	color: #222;
}

.JsDatePickBox { position:relative; width:212px; font-family:Arial; }

.JsDatePickBox .jsDatePickCloseButton { cursor:pointer; position:absolute; z-index:1; top:1px; right:10px; width:33px; height:13px; background:url(../images/closeButton_normal.gif) left top no-repeat; }
.JsDatePickBox .jsDatePickCloseButtonOver { cursor:pointer; position:absolute; z-index:1; top:1px; right:10px; width:33px; height:13px; background:url(../images/closeButton_over.gif) left top no-repeat; }
.JsDatePickBox .jsDatePickCloseButtonDown { cursor:pointer; position:absolute; z-index:1; top:1px; right:10px; width:33px; height:13px; background:url(../images/closeButton_down.gif) left top no-repeat; }

.JsDatePickBox .boxLeftWall { float:left; width:7px; margin:0; padding:0; }
.JsDatePickBox .boxLeftWall .leftTopCorner{ margin:0; padding:0; width:7px; height:8px; background:url(../images/boxTopLeftCorner.png) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxLeftWall .leftBottomCorner{ margin:0; padding:0; width:7px; height:8px; background:url(../images/boxBottomLeftCorner.png) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxLeftWall .leftWall{ margin:0; padding:0; width:7px; background:url(img/boxSideWallPx.gif) #ffffff left top repeat-y; overflow:hidden; }

.JsDatePickBox .boxRightWall { float:left; width:7px; margin:0; padding:0;}
.JsDatePickBox .boxRightWall .rightTopCorner{ margin:0; padding:0; width:7px; height:8px; background:url(../images/boxTopRightCorner.png) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxRightWall .rightBottomCorner{ margin:0; padding:0; width:7px; height:8px; background:url(../images/boxBottomRightCorner.png) left top no-repeat;  overflow:hidden; }
.JsDatePickBox .boxRightWall .rightWall{ margin:0; padding:0; width:7px; background:url(../images/boxSideWallPx.gif) #ffffff right top repeat-y; overflow:hidden; }

.JsDatePickBox .topWall { position:absolute; overflow:hidden; top:0px; left:7px; width:198px; height:4px; background:url(../images/boxTopPx.gif) #ffffff left top repeat-x; }
.JsDatePickBox .bottomWall { position:absolute; overflow:hidden; bottom:-1px; left:7px; width:198px; height:4px; background:url(../images/boxTopPx.gif) #ffffff left top repeat-x; }

.JsDatePickBox .hiddenBoxLeftWall { float:left; width:0px; overflow:hidden; overflow:hidden;}
.JsDatePickBox .hiddenBoxRightWall { float:left; width:0px; overflow:hidden; overflow:hidden;}

.JsDatePickBox .boxMain { float:left; background-color:#ffffff; margin:0; padding:15px 0 5px 0; }
.JsDatePickBox .boxMainStripped { background:#ffffff; border:none; }
.JsDatePickBox .tooltip { height:12px; line-height:11px; overflow:hidden; font-size:10px; color:#666666; text-align:left; padding:0px; margin:2px 0 2px 0; }
.JsDatePickBox .weekDaysRow { height:12px; overflow:hidden; line-height:11px; font-size:10px; color:#666666; text-align:center; padding:0px; margin:2px 0 0 0; }
.JsDatePickBox .weekDaysRow .weekDay { float:left; height:14px; overflow:hidden; width:24px; margin:0 5px 0 0; padding:0; }

.JsDatePickBox .boxMainInner { background:#E2ECF1; width:198px; float:left; margin:32px 0 0 0; padding:0; }
.JsDatePickBox .boxMainCellsContainer { background-color:#ffffff; margin:0; padding:0; }

.JsDatePickBox .boxMainInner .controlsBar { overflow:hidden; height:20px; position:relative; }
.JsDatePickBox .boxMainInner .controlsBarText { overflow:hidden; height:20px; line-height:20px; color:#000000; font-size:12px; text-align:center; }

.JsDatePickBox .boxMainInner .monthForwardButton  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(../images/monthForward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthForwardButtonOver  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(../images/monthForward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthForwardButtonDown  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:22px; background:url(../images/monthForward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .monthBackwardButton { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(../images/monthBackward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthBackwardButtonOver { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(../images/monthBackward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .monthBackwardButtonDown { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:22px; background:url(../images/monthBackward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .yearForwardButton  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:0px; background:url(../images/yearForward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .yearForwardButtonOver  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:0px; background:url(../images/yearForward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .yearForwardButtonDown  { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; right:0px; background:url(../images/yearForward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .yearBackwardButton { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:0px; background:url(../images/yearBackward_normal.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .yearBackwardButtonOver { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:0px; background:url(../images/yearBackward_over.gif) left top no-repeat; }
.JsDatePickBox .boxMainInner .yearBackwardButtonDown { overflow:hidden; cursor:pointer; width:20px; height:20px; position:absolute; top:0px; left:0px; background:url(../images/yearBackward_down.gif) left top no-repeat; }

.JsDatePickBox .boxMainInner .skipDay { cursor:default; overflow:hidden; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; }
.JsDatePickBox .boxMainInner .dayNormal { -khtml-user-select: none; font-size:12px; cursor:pointer; overflow:hidden; color:#4c4c4c; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayNormal.gif) left top no-repeat;*/ }
.JsDatePickBox .boxMainInner .dayNormalToday { -khtml-user-select: none; font-size:12px; cursor:pointer; overflow:hidden; color:#f40f0f; font-weight:bold; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayNormal.gif) left top no-repeat;*/ }

.JsDatePickBox .boxMainInner .dayDisabled { -khtml-user-select: none; cursor:default; font-size:12px; overflow:hidden; color:#999999; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayNormal.gif) left top no-repeat;*/ }

.JsDatePickBox .boxMainInner .dayOver { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; color:#4c4c4c; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayOver.gif) left top no-repeat;*/ }
.JsDatePickBox .boxMainInner .dayOverToday { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; font-weight:bold; color:#f40f0f; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayOver.gif) left top no-repeat;*/ }

.JsDatePickBox .boxMainInner .dayDown { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; color:#F9F9F9; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /*background:url(img/dayDown.gif) left top no-repeat; */ }
.JsDatePickBox .boxMainInner .dayDownToday { -khtml-user-select: none; cursor:pointer; font-size:12px; overflow:hidden; color:#f40f0f; font-weight:bold; width:24px; height:25px; float:left; margin:4px 5px 0 0; padding:0; text-align:center; line-height:25px; /* background:url(img/dayDown.gif) left top no-repeat;*/ }

.thumbs2{
	width:130px; height:auto; float:left;
	padding:0px 20px 0px 0px;
	height: 320px;
	overflow: scroll;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }