/*** Body ***/
body{background: #9e326d; margin: 0;}
h1{color: #b72240; text-align: left; font-size: 24px; letter-spacing: 1px; font-variant: small-caps;  font-weight: normal; margin: 10px 0 0 6px;}
a{color: #BF016B; text-decoration: none;}

/*** Frame Page ***/
.pageContainer{width: 1000px; margin: auto;}

/*** Page Top ***/
.pageTop{width: 829px; height: 268px; background: url('_images/headerImage.jpg') no-repeat; margin: auto;}

/*** Page Middle ***/
.pageMiddle{width: 815px; background: url('_images/pageMiddle.gif') repeat-y; background-position: 7px 0px; margin: auto;}

 /* page middle left */
 .pageMiddleLeft{width: 188px; float: left; margin: 0;}
 .pageMiddleLeft h2{font-size: 14px; color: #EFE7E0; letter-spacing: 1px;margin: 10px 0 5px 15px;}

   /* menu */
   .menuLeft{width: 188px; background: url('_images/menuLeftTop.png') no-repeat top; list-style-type: none; padding: 7px 0 0 0; margin: 0;}
    .menuLeftLink {width: 187px; height: 27px; background: url('_images/menuLeftLink.png') #f3eae2 no-repeat left; border-right: 1px #f1e7de solid; padding: 0; margin: 0;}
    .menuLeftLink p{width: 165px; height: 19px; background: url('_images/menuLinkBullet.png') no-repeat; font-size: 11px; font-variant: small-caps; border-bottom: 1px #e8d7c8 solid; border-top: 1px #f9f4f0 solid; padding: 6px 0 0 10px; margin: 0 0 0 10px; cursor: pointer;}
    .menuLeftLink a{color: #958c78; font-weight: bold; letter-spacing: 1px; text-decoration: none}
    .menuLeft a:hover{color: #DF6FA0;}
    .menuLeftBottom{width: 188px; height: 5px; background: url('_images/menuLeftBottom.png') no-repeat top;}

    .menuLeftSubLink{background: #F3EAE2; font-size: 11px; letter-spacing: 1px; padding: 3px 0 5px 20px;}
    .menuLeftSubLink a{color: #958c78; text-decoration: underline;}

 /* page middle center */
 .pageMiddleCenter{width: 440px; background: #f3eae2; float: left; margin-left: 5px;}

	/* site text */
	.siteText{width: 440px; text-align: center; margin: 0 0 30px 0;}
   .siteText h2{color: #8a684a; text-align: left; font-size: 20px; letter-spacing: 1px; font-weight: normal; margin: 10px 0 6px 6px;}
   .siteText h3{color: #8a684a; text-align: left; font-size: 12px; letter-spacing: 1px; font-weight: normal; margin-left:6px;}
   .siteText h4{color: #8a684a; text-align: left; font-size: 12px; letter-spacing: 1px; font-weight: normal; margin-left:6px;}
	.siteText p{text-align: left; font-family: verdana; font-size: 12px; color: #5F5F5F; line-height: 18px; padding: 0 10px 0 10px; }
	.siteText img{float: left; border: 2px #503728 solid; margin: 3px 5px 0 10px;}

	/* cat text */
	.catText{width: 440px; text-align: center; margin: 0 0 30px 0;}
   .catText h2{color: #8a684a; text-align: left; font-size: 20px; letter-spacing: 1px; font-weight: normal; margin: 10px 0 6px 6px;}
   .catText h3{color: #8a684a; text-align: left; font-size: 12px; letter-spacing: 1px; font-weight: normal; margin-left:6px;}
   .catText h4{color: #8a684a; text-align: left; font-size: 12px; letter-spacing: 1px; font-weight: normal; margin-left:6px;}
	.catText p{text-align: left; font-family: verdana; font-size: 12px; color: #5F5F5F; line-height: 18px; padding: 0 10px 0 10px; }
	.catText img{float: left; border: 2px #503728 solid; margin: 3px 5px 0 10px;}

	/* post text */
	.postText{width: 440px; text-align: center; margin: 0 0 30px 0;}
   .postText h2{color: #8a684a; text-align: left; font-size: 20px; letter-spacing: 1px; font-weight: normal; margin: 10px 0 6px 6px;}
   .postText h3{color: #8a684a; text-align: left; font-size: 12px; letter-spacing: 1px; font-weight: normal; margin-left:6px;}
   .postText h4{color: #8a684a; text-align: left; font-size: 12px; letter-spacing: 1px; font-weight: normal; margin-left:6px;}
	.postText p{text-align: left; font-family: verdana; font-size: 12px; color: #5F5F5F; line-height: 18px; padding: 0 10px 0 10px; }
	.postText img{float: left; border: 2px #503728 solid; margin: 3px 5px 0 10px;}

	/* contact form */
	.contactForm{width: 410px; margin: 50px auto;}
	.contactForm p{text-align: right; color: #9F948B; margin: 5px 0 0 0;}
	.contactForm p input{width: 290px; font-size: 11px; border: 1px #CFBAA8 solid; padding: 2px;}
	.contactForm p textarea{width: 290px; height: 150px; border: 1px #CFBAA8 solid; padding: 2px;}

	/* posts list box */
	.postsListBox{width: 430px;}
	.postsListBox a{color: #BF016B; text-decoration: underline;}
	.postsListBox a:hover{color: #DF6FA0; text-decoration: underline;}
	.postsListBox h2{font-size: 20px; font-weight: normal; border-bottom: 1px #eaded3 solid; margin: 10px 0 2px 6px;}
	.postsListBox h3{display: inline; font-size: 10px; margin: 0 250px 0 0;}
	.postsListBox p{text-align: left; font-family: verdana; font-size: 11px; color: #77777F; line-height: 18px; padding: 0 10px 0 10px; margin: 0px; }
	.postsListBox img{float: left; background: #FFFFFF; border: 1px #EFEFEF solid; padding: 3px; margin: 1px 5px 0 10px;}
	.postsListBoxFooter {width: 95%; font-size: 14px; letter-spacing: 1px;text-align: right; border-bottom: 1px #eaded3 solid; padding-bottom: 3px; margin: auto}

	/* notices list box */
	.noticesListBox{width: 430px; border-bottom: 1px #eaded3 solid; padding-bottom: 5px; margin: auto auto 10px auto;}
	.noticesListBox a{color: #8a684a; text-decoration: none;}
	.noticesListBox a:hover{color: #FEC014; text-decoration: underline;}
	.noticesListBox h2{font-size: 16px; font-weight: normal; letter-spacing: 1px; font-variant: small-caps;  margin: 10px 0 0 6px;}
	.noticesListBox p{text-align: left; font-family: verdana; font-size: 12px; color: #5F5F5F; line-height: 18px; padding: 10px 10px 0 10px; margin: 0px; }
	.noticesListBoxThumb{float: left; border: 1px #CFCFCF solid; margin: 3px 5px 0 10px;}

 /* page middle right */
 .pageMiddleRight{width: 170px; float: left; background: #e1cdbc; text-align: center; padding-bottom: 10px; margin: 0;}
 .pageMiddleRight h2{margin: 0 0 0 5px;}
 .pageMiddleRight p{text-align: center;}

/*** Page Footer ***/
.pageFooter{height: 50px;background: #BF016B; text-align: center; color: #503728; border-top: 1px #9F1D69 solid; margin: auto;}
 .pageFooter p{font-size: 11px; color: #ffffff; letter-spacing: 1px; font-family: verdana;}
 .pageFooter a{color: #ffffff; letter-spacing: 1px; text-decoration: underline;}
 .pageFooter a:hover{color: #DF6FA0; text-decoration: underline;}
 .pageFooter ul{list-style-type: none; padding: 10px 0 0 0; margin: 0 0 0 10px;}
 .pageFooter li{float: left; font-size: 16px; padding: 0 5px 0 5px; border-right: 1px #BFA894 solid;}
 .sygnature{text-align: right; color: #9F8A77; padding: 0 10px 10px 0;}

/*** Page Ads ***/
.ad728x15{width: 829px; height: 39px; background: url('_images/pageTopAd.jpg') no-repeat; text-align: center; margin: auto;}
.ad750x100{width: 799px; background: #e1cdbc; text-align: center; padding-bottom: 0px; margin: auto;}
.ad180x150{width: 189px; text-align: right; margin: 15px auto;}
.ad120x600{width: 120px; margin: auto;}
.ad160x600{width: 160px; margin: auto;}
.adSearch{background: #F3EAE2; text-align: center;}

/* Page Content */
 .projectImgLink{color: red; text-decoration: none;}
 .projectLegend{width: 600px; border-top: 1px #010101 double; border-width: 4px; margin: 10px auto;}
 .projectLegend div{width: 400px; text-align: left; margin: 0 0 0 20px;}

/* Lightbox */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#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: transparent url(_images/blank.gif) no-repeat; 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; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.pages{width: 90%; font-size: 12px; background: #F3EAE2; border-radius: 10px; text-align: center; color: #4F4F4F; line-height: 18px; padding: 5px; margin: 5px auto;}
.pages a{text-decoration: none; color: #958c78;}
.pages a:hover{text-decoration: underline; }