/* CSS Document */
body {
	text-align:center;
	margin:0;
	padding:0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
#wrapper{
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
margin-top:0px;
width:701px;
text-align:left;
}
#header{
background: url(assets/images/Banner.jpg) top left no-repeat;
width: 700px;
height: 191px;
margin:0px 0px 0px 0px;
}
#header span{
display:none;
}

/*main content Block*/
#content{
background-color:rgb(128,172,205);
width:420px;
float:left;
margin:0;
color:rgb(38,77,120);
}
#ContentBackground{
background-color:rgb(128,172,205);
width:420px;
height:762px;
float:left;
margin:0;
color:rgb(38,77,120);
}
/*graphical subheading styles*/
#subHeadingOne{
background:url(assets/images/Welcome.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingOne span{
display:none;
}
#subHeadingTwo{
background:url(assets/images/ContactDetails.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingTwo span{
display:none;
}
#subHeadingGallery{
background:url(assets/images/h2Gallery.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingGallery span{
display:none;
}
#subHeadingEducational{
background:url(assets/images/h2Educational.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingEducational span{
display:none;
}
#subHeadingStainedGlass{
background:url(assets/images/h2StainedGlass.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingStainedGlass span{
display:none;
}
#subHeadingEtched{
background:url(assets/images/h2EtchedGlass.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingEtched span{
display:none;
}
#subHeadingChurchCommissions{
background:url(assets/images/h2ChurchCommissions.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingChurchCommissions span{
display:none;
}
#subHeadingMosaic{
background:url(assets/images/h2Mosaic.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingMosaic span{
display:none;
}
#subHeadingSchoolProjects{
background:url(assets/images/h2SchoolProjects.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingSchoolProjects span{
display:none;
}
#subHeadingWorkshops{
background:url(assets/images/h2Workshops.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingWorkshops span{
display:none;
}
#subHeadingPrivateRestoration{
background:url(assets/images/h2PrivateRestoration.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingPrivateRestoration span{
display:none;
}
#subHeadingAstrological{
background:url(assets/images/h2Astrological.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingAstrological span{
display:none;
}
#subHeadingNews{
background:url(assets/images/h2News.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingNews span{
display:none;
}
#subHeadingChurchRestoration{
background:url(assets/images/h2ChurchRestoration.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingChurchRestoration span{
display:none;
}
#subHeadingDelete{
background:url(assets/images/h2Delete.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingDelete span{
display:none;
}
#subHeadingUpdateNews{
background:url(assets/images/h2UpdateNews.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingUpdateNews span{
display:none;
}
#subHeadingLogin{
background:url(assets/images/h2Login.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingLogin span{
display:none;
}
/*graphical subheading styles end here*/
.newsThumbs{
float:right;
	margin-left: 10px;
	padding:10px 0px 10px 0px;
	
}
.clearer{
clear:both;
line-height:0;
height:0;
}
.news{
font-size:12px;
color:rgb(38,77,120);
padding:0px 10px 1px 10px;
clear:both;
}
.news a:link{
color:#FFFFCC;
text-decoration:none;
}
.news a:visited{
color:#FFFFCC;
text-decoration:none;
}
.news > a:hover{
background:rgb(51,102,153)
}
div.news h3{
margin:0;
padding:10px 0px 0px 0px;
}
#JanetPhoto {
	float:right;
	margin-left: 10px;
}
.introText{
font-size:12px;
color:rgb(38,77,120);
padding:0px 10px 1px 10px;
}
.introText a:link{
color:#FFFFCC;
text-decoration:none;
}
.introText a:visited{
color:#FFFFCC;
text-decoration:none;
}
.introText > a:hover{
background:rgb(51,102,153)
}
.larger{
float:right;
font-size:10px;
font-weight:100;
}
/*what goes within the rounded boxes*/
.clear {
font-size:1px;
height: 1px;
}
.subContent{
background-color:rgb(128,172,205);
width:399px;
padding:10px 10px 10px 10px;
float:left;
margin-bottom:5px;
}
div>subContent{
margin-bottom:0px;
}
.subContentPicture{
background-color:rgb(128,172,205);
width:1px;
padding:10px 10px 10px 10px;
float:right;
margin-bottom:20px;
}
div>.subContentPicture{
width:auto;
margin-bottom:0px;
}
/*end of that*/
#flash{
border-top:9px solid rgb(25,52,81);
border-right:9px solid rgb(51,102,153);
border-bottom:9px solid rgb(25,52,81);
border-left:9px solid rgb(51,102,153);
padding:0;
}
h3{
font-size:14px;
font-weight:bold;
padding:20px 0px 0px 10px;
}
.contentBox{
width:419px;
padding:0;
margin:0px;
}
div.contentBox h3{
float:left;
width:199px;
}
div.contentBox p{
width:200px;
text-align:right;
font-size:14px;
color:#FFFFFF;
float:left;
padding:20px 10px 0px 0px;
}
div.contentBox p a:link{
color:#FFFFCC;
text-decoration:none;
}
div.contentBox p a:hover{
background:rgb(51,102,153)
}
div.contentBox>h3{
padding:0px 0px 0px 10px;
}
div.contentBox>p{
padding:0px 10px 0px 0px;
}
/*for rounded corners*/
.t {
background:  url(assets/images/Graphics/sliverTop.gif) 0 0 repeat-x; width: 100%;
}
.b {
background:  url(assets/images/Graphics/sliverBtm.gif) 0 100% repeat-x;
}
.l {
background:  url(assets/images/Graphics/sliverLeft.gif) 0 0 repeat-y;
}
.r {
background:  url(assets/images/Graphics/sliverRght.gif) 100% 0 repeat-y;
}
.bl {
background:  url(assets/images/Graphics/bl.gif) 0 100% no-repeat;
}
.br {
background:  url(assets/images/Graphics/br.gif) 100% 100% no-repeat;
}
.tl {
background:  url(assets/images/Graphics/tl.gif) 0 0 no-repeat;
}
.tr {
background:  url(assets/images/Graphics/tr.gif) 100% 0 no-repeat; padding:10px;
}
/*styles for right hand menu bar*/
div#menu {
background: url(assets/images/MenuBar.jpg) no-repeat;
float:right;
width:165px;
height:762px;
margin:0px;
}
div#menu ul {
margin:0px;
padding:0;
width:164px;
}
div#menu li {
	position:relative;
	margin:0;
	width:164px;
	list-style:none;
}
div#menu ul li a {
	width:164px;
	display:block;
	text-decoration:none;
	color:#336699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:0;
	text-align:left;
	margin:0;
}
div#menu ul li#itemOne{
	position:relative;
	top:32px;
	left:0px;
	background-image:url(assets/images/HomeBtn.jpg);
	height:60px;
	width:164px;
	background-repeat: no-repeat;
	margin:0px;
}
div#menu ul li#itemOne span{
visibility:hidden;
width:164px;
height:60px;
display:block;
margin:0;
padding:0;
}
div#menu ul li#itemTwo{
	position:relative;
	top:110px;
	left:0px;
	background-image: url(assets/images/GalleryBtn.jpg);
	height:60px;
	width:164px;
	background-repeat: no-repeat;
	margin:0;
}

div#menu ul li#itemTwo span{
visibility:hidden;
width:164px;
height:60px;
display:block;
margin:0;
}
div#menu ul li#itemThree{
	position:relative;
	top:188px;
	left:0px;
	background-image: url(assets/images/EducationalBtn.jpg);
	height:60px;
	width:164px;
	background-repeat: no-repeat;
	margin:0;
}
div#menu ul li#itemThree span{
visibility:hidden;
width:164px;
height:60px;
display:block;
margin:0;
}


/*Left Nav Bar submenu styles begin here.*/
.leftBar{
background: url(assets/images/LeftBar.jpg) top left no-repeat;
width:116px;
height:762px;
margin:0px;
padding:0;
float:left;
}
.leftBar ul.topList {
position:relative;
top:170px;
left:0px;
margin:0;
padding:0;
}
.leftBar ul.topList li {
width:116px;
height:20px;
border-bottom:1px solid rgb(38,77,120);
background:url(assets/images/subListWin.jpg);
list-style:none;
margin:0;
padding:0;
vertical-align:bottom;
}
.leftBar ul.btmList {
position:relative;
top:170px;
left:0px;
margin:0;
padding:0;
}
.leftBar ul.btmList li {
width:116px;
height:20px;
border-bottom:1px solid rgb(38,77,120);
background:url(assets/images/underSubListWin.jpg);
list-style:none;
margin:0;
padding:0;
vertical-align:bottom;
}
.leftBar ul li a {
width:116px;
height:20px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #FFFFCC;
text-align:center;
text-decoration:none;
padding:9px 0px 0px 0px;
margin:0;
vertical-align:bottom;
}
.leftBar>ul.topList li{
height:30px;
}
.leftBar>ul.btmList li{
height:30px;
}
.leftBar ul li a:hover {
background:url(assets/images/overSub.jpg);
}
/*styles for commissioned work page*/
#subHeadingThree{
background:url(assets/images/CommissionsHeader.jpg);
width:419px;
height:32px;
margin:0;
}
#subHeadingThree span{
display:none;
}
#CommissionsContent{
background:url(assets/images/CommissionsBackground.gif) top left no-repeat;
}
/*viewer pages*/
body#viewer{
background:rgb(128,172,205);
text-align:center;
margin:0;
padding:0;
}
.viewerContainer{
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
margin-top:10px;
width:600px;
text-align: center;
}
#j{
width:420px; text-align:center; font-size:9px;
}
#j a:link{
color:#FFFFCC;
text-decoration:none;
}
#j a:visited{
color:#FFFFCC;
text-decoration:none;
}
#j > a:hover{
background:rgb(51,102,153)
}