/* Body */
body{background: #403F40; font-family: Tahoma; color: #4D4D4D;}
h1{background: url('_images/bakgroundH1.png') repeat-x; font-size: 15px;  border-left: 10px #2550A7 solid; padding: 0 0 0 5px; margin: 0px;}
h2{background: url('_images/bakgroundH2.png') repeat-x; font-size: 13px; letter-spacing: 0px; border-left: 7px #43c5fa solid; border-bottom: 1px #EFEFEF solid; padding: 0 0 0 5px; margin: 0px; }
h3{background: url('_images/bakgroundH2.png') repeat-x; font-size: 13px; letter-spacing: 0px; border-left: 7px #F65E02 solid; border-bottom: 1px #EFEFEF solid; padding: 0 0 0 5px; margin: 0px; }
a{color: #287eb2}
a:hover{color: #FF0000}

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

/*** Page Top ***/
.pageTop{width: 1000px; background: url('_images/middlePageBck.jpg') repeat-y;}
	
	.pageTopAd{width: 750px; height: 100px; float: right; margin: 5px 5px 10px 0;}
	.pageTopLogo{width: 230px; height: 50px; font-size: 20px; font-weight: bold;margin: 5px 5px 30px 5px;}
	
	/* info */	
	.pageTopInfo{width: 1000px; height: 14px; margin: 0px 0 10px 0;}
	.pageTopInfo p{height: 10px; font-size: 11px; float: left; padding: 0px; margin: 0px 0 0 5px;}
	
	/* menu */	
	.pageTopMenu{width: 1000px; height: 35px; background: #2550A7; border-top: 2px #5378BF solid; border-bottom: 2px #5378BF solid;}
   .pageTopMenu ul{list-style-type: none; padding: 0px; margin: 0px;}
   .pageTopMenu li{height: 26px; float: left; font-size: 12px; font-weight: bold; padding: 8px 5px 0 5px; margin: 0 0 0 2px;}
   .pageTopMenu li a{color: #FFFFFF; text-decoration: none;}
   .pageTopMenu li:hover{background: #2F60BF}

	.menuLinks{width: 170px; list-style-position: inside; padding: 0px; margin: 10px 0 0 25px;}
	.menuLink {background: #EDEDED; border-bottom: 1px #4D4D4D dotted; margin: 3px 10px 0 0;}
	.menuLink a{color: #4D4D4D; font-weight: bold; letter-spacing: 1px; text-decoration: none}
	.menuSubLink{font-size: 11px; padding-left: 5px;}
	.menuSubLink a{color: #4D4D4D;text-decoration: none}
	.menuLinks a:hover{color: #FEC014;}	
	
/*** Page Middle ***/
.pageMiddle{width: 1000px; background: url('_images/middlePageBck.jpg') repeat-y;}

	/* page middle left */
	.pageMiddleLeft{width: 170px; background: #FFFFFF; float: left; border: 1px #EFEFEF solid; margin: 10px 5px 0 10px;}

	/* page middle center */
	.pageMiddleCenter{width: 490px; float: left; border: 1px #EFEFEF solid; margin: 10px 0 0 0;}
	.pageMiddleCenterPost{width: 625px; float: left; padding: 10px 0 0 0;}

		/* post page */ 
		.postPage{width: 620px; text-align: center; margin: 0 0 30px 0;}
		.postPage p{text-align: left;}
		.postPage img{border: 1px #E2E2E7 solid; padding: 4px; margin: 4px;}
 
		/* post 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;}
 
		/* posts list box */
		.postListBox{width: 480px; margin: 20px auto;}
		.postListBox p{font-size: 12px; line-height: 18px; margin-top: 3px;}
		.postListBox p:first-letter{font-size:18px; font-weight: bold;}
		.postListBox a{color: #287eb2; text-decoration: underline;}
      .postListBox a:hover{color: #FF0000}
		.postListBox h2{background: none; font-size: 20px; font-weight: normal; border: 0px; margin: 0px;}
		.postListBox h3{display: inline; color: #8F8F8F; font-size: 8px; border: 0px;}
		.postListBox img{width: 120px; height: 90px;float: left; border: 1px #E2E2E7 solid; padding: 2px; margin: 3px 4px 4px 4px; }
		.postListBoxFooter{clear:both;font-size: 10px; text-align: right; border-top: 1px #fcfcfc solid;}

		/* rss box 1 */
		.rssBox1{width: 480px;  border-bottom: 1px #fcfcfc solid; margin: 20px auto;}
		.rssBox1 p{font-size: 12px; line-height: 18px; margin-top: 3px;}
		.rssBox1 p:first-letter{font-size:18px; font-weight: bold;}
		.rssBox1 a{color: #287eb2; text-decoration: underline;}
		.rssBox1 a:hover{color: #FF0000}	
		.rssBox1 h2{background: none; font-size: 20px; font-weight: normal; border: 0px; margin: 0px;}
		.rssBox1 h3{display: inline;color: #8F8F8F; font-size: 8px; border: 0px;}
		.rssBox1 img{width: 120px; height: 90px;float: left; border: 1px #E2E2E7 solid; padding: 2px; margin: 3px 4px 4px 4px; }

		/* rss box 2 */
		.rssBox2{width: 300px; border-bottom: 1px #fcfcfc solid; margin: 10px auto;}
		.rssBox2 h4{font-size: 11px; margin: 0px;}
		.rssBox2 p{font-size: 11px; text-align: left; padding: 0px; margin: 2px 0 5px 0;}
		.rssBox2 img{width: 100px; height: 70px; float: left; border: 1px #E2E2E7 solid; padding: 2px; margin: 3px 4px 4px 4px; }

      /* rss box 3 */
		.rssBox3{width: 160px; border-bottom: 1px #fcfcfc solid; margin: 10px auto;}
		.rssBox3 h4{font-size: 10px; margin: 0px;}
		.rssBox3 p{font-size: 10px; text-align: left; padding: 0px; margin: 2px 0 5px 0;}
		
		/* linkMe */
		.linkMe{font-size: 11px;}
		.linkMe a{font-weight: normal;}	
		.linkMe table{}
		.linkMe td{}
		
		/* contact form */ 
		.contactForm{width: 410px; text-align: center; margin: 10px auto;}
		.contactForm p{font-size: 13px; text-align: right; color: #9F948B; margin: 5px 20px 10px 0;}	
		.contactForm p input{width: 290px; background: #fbfbfb; font-size: 11px; border: 1px #DFDFDF solid; padding: 2px;}
		.contactForm p textarea{width: 290px; height: 150px; background: #fbfbfb; border: 1px #DFDFDF solid; padding: 2px;}	
 
	/* page middle right */
	.pageMiddleRight{width: 310px; float: left; background: #FFFFFF; border: 1px #EFEFEF solid; margin: 10px 0 0 5px;}
	.pageMiddleRight ul{list-style-type: none; padding: 0px; margin: 10px; }
	.pageMiddleRight li{font-size: 10px; margin: 5px 0 0 0;}
	.pageMiddleRight a{font-size: 12px; font-weight: bold;}
 
/*** Page Footer ***/
.pageFooter{width: 1000px; height: 33px; background: url('_images/middlePageBck.jpg') repeat-y;}
.pageFooter p{text-align: center; font-size: 11px; margin: 0px;}

/* 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; }