@charset "UTF-8";
/* CSS Document */
*{padding:0px;margin:0px;}

:focus
{
  -moz-outline-style: none;
  }

body {
	background-color: #336699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/layout/thinlineBG.gif);
	}
a {
	color:#FF6600;
	text-decoration:none;
	outline:none;
	}
a:hover {
	color:#FF9933;
	}
h1 {
	color:#003399;
	font-size:16px;
	}
h2 {
	color:#003399;
	font-size:12px;
	font-weight:bold;
	}
/************************** splash page **************************/
.index {
	background-color: #336699;
	background-image:none
	}
#index {
	width:500px;
	height:354px;
	text-indent:-10000px;
	margin:50px auto 0px;
	padding-top:2px;
	background:#003366;
	}
#indexlogo {
	height:280px;
	width:496px;
	margin:0px 2px 2px;
	background:url(../images/layout/splashlogo.jpg) no-repeat center;
	}
#indexenter {
	width:496px;
	height:70px;
	margin:0px 2px 2px;
	}
#indexenter a {
	display:block;
	background:url(../images/layout/welcome.jpg) top;
	height:70px;
	width:496px;
	}
#indexenter a:hover {
	background:url(../images/layout/welcome.jpg) bottom;
	}
#indexfooter {
	width:500px;
	text-indent:0px;
	padding:20px 0px;
	text-align:center;
	color:#6699CC;
	font-style:italic;
	font-size:11px;
	}
#indexfooter h1 {
	font-weight:normal;
	text-align:center;
	color:#6699CC;
	font-style:italic;
	font-size:11px;
	}
#indexfooter a {
	color:#FFF
	}
/************************** navbar layout **************************/

#navbar {
	width:800px;
	height:22px;
	line-height:18px;
	background:#003366;
	text-align:center;
	border-bottom:#003366 solid 2px;
	border-top:#003366 solid 2px;
	}
#navbar ul {
	margin:0px;
	padding-left:4px
	}
#navbar ul li {
	display:block;
	float:left;
	}
#navbar li {
	display:block;
	float:left;
	margin:0px 1px;
	}
#navbar a {
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	float:left;
	height:20px;
	width:84px;
	border:#336699 solid 1px;
	background:url(../images/navbar/navbarBG.jpg) repeat-x;
	}
#navbar a:hover {
	background:#FFF;
	color:#FF6600;
	border:solid #FFF 1px;
	}

/************************** main layout **************************/

#container {
	width:850px;
	height:100%;
	background:url(../images/layout/containerBG.jpg) repeat-y;
	margin:0px auto;
	}
#container2 {	
	width:800px;
	margin:0px auto;
	}
#header {
	width:800px;
	height:100px;
	background:#336699 url(../images/layout/header.jpg) no-repeat center;
	}
#header a {
	width:800px;
	height:100px;
	display:block;
	text-indent:-100000px;
	}

#content {
	width:800px;
	margin:0px auto;
	background:#336799 url(../images/layout/gradient.jpg) repeat-x bottom;
	}
#footer {
	height:50px;
	padding:10px 0px;
	background:#666666 url(../images/layout/footer.jpg) repeat-x top;
	font-style:italic;
	color:#6699CC;
	font-size:11px;
	width:800px;
	text-align:center;
	border-top:#003399 solid 2px;
	}
#footer a {
	color:#6699CC
	}
#footer a:hover {
	color:#FFF;
	}
table {
	background:#96C2E5 url(../images/layout/gradient.jpg) repeat-x top;
	}
table td {
	vertical-align:top
	}	

/************************** home page layout **************************/

#col1 {
	width:510px;
	min-height:460px;
	margin:0px 10px 10px;
	float:left;
	padding:10px 10px 10px 10px;
	background:#FFF;
	}
#col1 h2 {
	display:block;
	height:35px;
	background:#336799 url(../images/layout/eye.jpg) left no-repeat;
	padding:0px 0px 0px 49px;
	line-height:35px;
	margin:5px 0px 10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	border:solid #336799 1px;
	}
#col1header {
	width:520px;
	margin:10px auto 0px;
	height:40px;
	line-height:38px;
	background:#FFF;
	padding:5px;
	}
#col1header h1 {
	font-size:20px;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	margin:5px;
	border-bottom:#003366 solid 1px;
	border-top:#003366 solid 1px;
	background:#FFF url(../images/layout/drtitleBG.jpg) repeat-y center

	}
#top {
	height:190px;
	}	
#top ul {
	float:right;
	}
#top li {
	list-style:none;
	display:block
	}
#top a {
	display:block;
	height:35px;
	width:250px;
	background:#336799 url(../images/layout/eye.jpg) left no-repeat;
	padding:0px 0px 0px 49px;
	line-height:35px;
	margin:5px 0px 10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	border:solid #336799 1px;
	}
#top a:hover {
	background:#FFF url(../images/layout/eye-whte.jpg) left no-repeat;
	color:#FF6600;
	border:solid #FF6600 1px;
	}
#top img {
	margin:5px;
	padding:5px;
	border:solid #6699CC 0px;
	float:left;
	}
#bottom {
	margin:10px 5px;
	padding:10px;
	border:#336799 dotted 1px;
	line-height:20px;
	}
#bottom img {
	margin:20px 0px 2px 4px;
	padding:10px;
	background:#FFF;
	border:dotted #6699CC 1px;
	float:right;
	}

#col2 {
	float:left;
	width:240px;
	margin:10px 10px 10px 0px;
	}
.col2info {
	width:236px;
	background:#FFF;
	line-height:18px;
	text-align:center;
	float:left;
	border:#99CCFF solid 2px;
	margin-bottom:10px;
	}

#address strong {
	color:#666666;
	font-size:14px;
	font-weight:normal
	}
.col2info p {
	padding-bottom:7px	
	}
.col2info h1 {
	display:block;
	width:100%;
	padding:8px 0px;
	line-height:20px;
	}
#col2links p {
	padding-bottom:0px;
	}
#col2links a {
	display:block;
	height:40px;
	background:#336799 url(../images/layout/eye.jpg) left center no-repeat;
	padding:0px 0px 0px 49px;
	line-height:40px;
	margin:10px auto 10px;
	color:#FFF;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	border:solid #336799 1px;
	width:168px;
	}
#col2links a:hover {
	background:#FFF url(../images/layout/eye-whte.jpg) left no-repeat;
	color:#FF6600;
	border:solid #FF6600 1px;
	}
	*/
/************************** other global page styles **************************/

#articleslist h1, #showcalendar h1, #location h1, #workshopscol2 h1, #galleriescol2 h1, #linkscol2 h1 {
	display:block;
	height:40px;
	background:#336799 url(../images/layout/eye.jpg) left center no-repeat;
	padding:0px 0px 0px 49px;
	line-height:40px;
	margin:0px;
	color:#FFF;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	width:187px;
	}	

#calendarblogview {
	width:510px;
	height:100%;
	margin:0px 10px 10px;
	float:left;
	padding:10px 10px 10px 10px;
	background:#FFF;
	}
#locationmap iframe {
	border:#666666 solid 1px;
	}
	
/************************** Calendar page layout **************************/

#showcalendar table {
	margin:4px auto;
	text-align:center;
	}

/************************** Articles page layout 
(as best i can, everything esle is buried somewhere in the folder called "Fusion" **************************/

#articlesview {
	width:510px;
	height:100%;
	margin:0px 10px 10px;
	float:left;
	padding:10px 10px 10px 10px;
	background:#FFF;
	}
#articlesview table {
	width:510px;
	}
#articlesview td {
	padding:10px;
	}
#articleslist {
	border:solid 1px #000
	}
#articleslist td {
	background:#FFF;
	padding:5px;
	border-top:#003399 solid 1px;
	}
	
/************************** Workshops page layout **************************/

#workshopsview {
	width:510px;
	height:100%;
	margin:0px 10px 10px;
	float:left;
	padding:10px 10px 10px 10px;
	background:#FFF;
	}
#workshopsview h1 {
	padding:10px 5px 10px;
	margin:4px 0px;
	border-top:#336699 solid 1px;
	border-bottom:#336699 solid 1px;
	}
#workshopsview p {
	line-height:18px;
	padding:8px 0px;
	}
#workshopsview li {
	line-height:18px;
	}
#workshopscol2 ul {
	list-style:none
	}
#workshopscol2 li {
	border:1px dotted #999999;
	text-align:left;
	margin:2px;
	list-style:none;
	font-weight:bold;
	}
#workshopscol2 a {
	display:block;
	padding:5px 10px 5px;
	margin:2px;
	
	}
#workshopscol2 a:hover {
	background:#6699CC;
	color:#FFF
	}
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
		}
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { 
	position: relative;
	overflow: hidden; 
	border: 1px solid #336699;
	margin: auto;
	width: 510px;
	height: 532px;
	clear: both;
	background: #FFFDF2;
	}
.stripViewer .panelContainer { 
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	-moz-user-select: none
	}
.stripViewer .panelContainer .panel { 
	float:left;
	height: 100%;
	position: relative;
	width: 510px;
	}
.stripViewer .panelContainer .panel .wrapper {
	padding: 10px;
	}
.stripNav { 
	display:none;
	}
/************************** Workshops page layout **************************/
.contactform {
	height:100%
	}
#contactform {
	line-height:30px;
	text-align:center;
	border:#CCCCCC dotted 1px;
	width:350px; 
	margin:10px auto;
	}
#contactform input, textarea {
	background:#FFFDF2;
	font-family:helvetica;
	font-size:11px;
	line-height:14px;
	border:#333333 solid 1px;
	padding:2px; 
	}

/************************** Photos page layout **************************/
	
.galleriescol1 {
	height:100%
	}
.galleriescol1 ul {
	padding:10px 0px;
	}
.galleriescol1 ul li {
	list-style:none;
	float:left;
	display:block;
	width:62px;
	height:62px;
	border:#999 solid 1px;
	margin:3px;
	
	}
	.galleriescol1 ul li:hover {
		background:#FFFFCC
		}
.galleriescol1 img {
	border:none;
	margin:auto;
	}
.galleriescol1 a {
	display:block;
	float:left;
	height:50px;
	width:50px;
	border:#336699 solid 1px;
	overflow:hidden;
	margin:5px;
	}
.galleriescol1 a:hover {
	border:#FF9900 solid 1px;
	background: #FFFDF2;
	}

/************************** Photos page layout **************************/
.linkscol1 {
	width:510px;
	margin:0px 10px 10px;
	float:left;
	padding:10px 10px 10px 10px;
	background:#FFF;
	}
.linkscol1 ul li {
	list-style:none;
	}
.linkscol1 ul {
	padding:10px 0px 10px 20px;
	}
.linkscol1 li {
	line-height:18px;
	text-indent:10px;
	}
.linkscol1 p {
	float:right;
	border:dotted 1px #336699;
	display:block;
	width:200px;
	padding:5px;
	}
	
	
	
object {
	z-index:1;
	}
/********************** Blog Content *****************************/

.entry img {
	border:#666 1px solid;
	margin:10px;
}
p object {
	margin-left:-10px;
}
.alignleft {
	float:left;
	margin:10px 10px 10px 0px;
}
.alignright {
	float:right;
	margin:10px 0px 10px 10px;
}
.aligncenter {
	margin:auto;
	clear:both;
	float:none;
	text-align:center;
}
.navigation {
	width:480px;
	clear:both;
	height:20px;
}
.navigation .nav-previous, .navigation .nav-next {
	width:240px;
}

.navigation .nav-previous {
	float:left;
	text-align:left;
}

.navigation .nav-next {
	float:right;
	text-align:right;
}
.post {
	margin:0px 0px 20px;
}
.blogentry {
	border:1px #666 dotted;
	padding:5px 10px;
}
.blogtitle {
	font-size:18px;
	padding:20px 0px 10px;
	border-bottom:1px dotted #336799
}
.blogtitle a {
}
.datemeta {
	color:#336799;
	font-size:10px;
	text-align:right;
	font-style:italic;
	padding:3px 5px;
}

.entry {
	padding:10px 5px;
	z-index:1;
}
.entry blockquote {
	margin:10px;
	padding:10PX;
	border-bottom:1px #666 dotted;
	border-top:1px #666 dotted;
	font-size:13px;
	font-style:italic;
}
.entry p {
	margin:10px 0px;
	line-height:1.5em;
}
.entry h1 {
	font-size:18px;
}
#col1 .entry h2 {
	font-size:16px;
	display:block;
	height:auto;
	background:none;
	padding:0px;
	line-height:normal;
	margin:5px 0px;
	color:#036;
	font-size:16px;
	font-weight:bold;
	border:none;
}
.entry h3 {
	font-size:14px;
	margin:5px 0px;
}
.entry h4 {
	font-size:12px;
	margin:5px 0px;
}
.entry ol, .entry ul {
	margin:20px 20px 20px 20px;
	padding:10px;
}
.entry ol li, .entry ul li {
	padding:3px;
}
.postmetadata {
	background:#336799;
	color:#FFF;
	font-size:10px;
	text-align:right;
	font-style:italic;
	padding:3px 5px;
	margin:-6px -11px;
}
.page-title {
	margin:10px 0px;
	font-style:italic;
}

#blogsidebar ul li {
	margin:5px 5px 10px;
	padding:5px;
	list-style:none;
	text-align:left;
	border:1px #666 dotted;
}
#blogsidebar ul li h2 {
}
#blogsidebar ul li li {
	border:none;
	margin:3px 0px;
	list-style:disc;
	padding:10px;
	margin:0px 20px;
	padding:0px;
	font-style:italic;
}
input[name="s"] {
	width:200px;
	margin-bottom:5px;
	height:25px;
}
#share {
	float:left;
	position:relative;
}
.accordion h3 {
	width:40px;
	cursor:pointer;
	padding:3px 5px 3px 7px;
	text-align:left;
	margin:-1px 0px -1px;
	font-size:12px;
	background:#336799;
	color:#FFF
}
.accordion h3:hover {
	color:#F93
}
.accordionPanel {
	position:absolute;
	top:30;
	left:0;
	z-index:400;
	width:450px;
	display:none;
	padding:20px 20px;
	display:none;
	border:1px solid #336799;
	background:#FFF;
}
/*************** share ***************/
#sharelist ul {
	margin:5px;
	list-style:none;
	text-align:left;
}
#sharelist ul li {
	line-height:25px;
	margin:3px 0px 0px 0px;
	padding:3px 0px;
	font-weight:bold;
	border-top:1px #999 dotted;
}
#sharelist ul li:first-child {
	border:none;
}
#sharelist ul li a {
	display:block;
	line-height:25px;
	padding-left:35px;
}
a.fb {
	background:url(../images/layout/facebook.png) left no-repeat;
}
a.y {
	background:url(../images/layout/yelp.png) left no-repeat;
}