/* Core Styles V1 */
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{  margin:0px;  padding:0px;  border:0px;  border-collapse:separate;  border-spacing:0px;}
input,select{margin:0;  padding:0;}

body{background: #000 url(/Docs/Images/bkgd.jpg) top center no-repeat; width: 100%; font-family: Arial, Helvetica, sans-serif;}

/* Global */
.clear0{clear: both; overflow: hidden; height: 0; font-size: 0;}
.clear5{clear: both; overflow: hidden; height: 5px; font-size: 0;}
.clear10{clear: both; overflow: hidden; height: 10px; font-size: 0;}
.clear15{clear: both; overflow: hidden; height: 15px; font-size: 0;}
.clear20{clear: both; overflow: hidden; height: 20px; font-size: 0;}
.clear25{clear: both; overflow: hidden; height: 25px; font-size: 0;}
.clear30{clear: both; overflow: hidden; height: 30px; font-size: 0;}

.left{float: left;}
.right{float: right;}
/* End */

#pdiarch{width: 100%;}
#site{width: 890px; background: #e7f3d3; border: 1px solid #abb49c; margin: 100px 0 0 0;}

/* Home */
#site .navigationHome{border-bottom: 1px solid #236929; width: 720px; height: 50px; padding: 0 0 0 115px;}
#site .navigationHome .menuOptionHome{color: #000; font-size: 13px; float: left; margin: 33px 0 0 10px;}
#site .navigationHome .menuOptionHome a{color: #000; text-decoration: none;}
#site .navigationHome .menuOptionHome a:hover{color: #000; text-decoration: underline;}

#site .logo{margin: 0 0 0 20px; border-right: 1px solid #236929; float: left;}

#site .flash{margin: 25px 0 0 130px; width: 368px; height: 363px; float: left;}

#site .optionsHome{border-bottom: 1px solid #236929; width: 760px; height: 40px; padding: 0 0 0 75px;}
#site .optionsHome .choices{color: #000; font-size: 13px; float: left; margin: 15px 0 0 0px;}
#site .optionsHome .choices a{color: #000; text-decoration: none;}
#site .optionsHome .choices a:hover{color: #000; text-decoration: underline;}

#site .title{margin: 20px 0 15px 175px; float: left;}
/* End */

/* Template */
#site .navigation{border-bottom: 1px solid #236929; width: 760px; height: 50px; padding: 0 0 0 50px;}
#site .navigation .menuOption{color: #000; font-size: 13px; float: left; margin: 25px 0 0 10px;}
#site .navigation .menuOption a{color: #000; text-decoration: none;}
#site .navigation .menuOption a:hover{color: #000; text-decoration: underline;}

#site .pageTitle{width: 225px; height: 400px; border-right: 1px solid #236929; float: left; margin: 0 0 0 10px;}
#site .pageTitle p{margin: 50px 20px 0 0; letter-spacing: 4px; text-align: right;}

#site .content{margin: 50px 0 0 25px; width: 460px; float: left; text-align: left; font-size: 12px;}
#site .content a{color: #000; text-decoration: none;}
#site .content a:hover{color: #000; text-decoration: underline;}
#site .content ol{margin: 0 0 0 15px;}
#site .content ol li{padding: 0 0 10px 15px;}

#site .pageTitleExpand{width: 215px; float: left; margin: 0 0 0 10px;}
#site .pageTitleExpand p{margin: 50px 10px 0 0; letter-spacing: 4px; text-align: right;}

#site .contentExpand{padding: 0 0 0 25px; width: 530px; float: left; text-align: left; font-size: 12px; border-left: 1px solid #236929;}
#site .contentExpand a{color: #000; text-decoration: none;}
#site .contentExpand a:hover{color: #000; text-decoration: underline;}
#site .contentExpand ol{margin: 0 0 0 15px;}
#site .contentExpand ol li{padding: 0 0 10px 15px;}

#site .pageTitlePortfolio{width: 150px; height: 400px; border-right: 1px solid #236929; float: left; margin: 0;}
#site .pageTitlePortfolio p{margin: 50px 15px 0 0; letter-spacing: 4px; text-align: right;}

#site .menuPortfolio{font-size: 12px; text-align:right; margin: 0 20px 0 0; line-height: 18px;}
#site .menuPortfolio a{color: #000; text-decoration:none;}
#site .menuPortfolio a:hover{color: #000; text-decoration: underline;}

#site .portfolioPageSection{font-size: 12px; text-align:right; margin: 0 10px 0 0; color: #000; font-weight: bold;}
#site .portfolioPageSection a{font-size: 12px; text-align:right; margin: 0 10px 0 0; color: #000; text-decoration: none;}
#site .portfolioPageSection a:hover{color: #000; text-decoration: underline;}

#site .contentPortfolio{margin: 50px 0 0 15px; width: 610px; float: left; text-align: left; font-size: 12px;}
#site .contentPortfolio a{color: #000; text-decoration: none;}
#site .contentPortfolio a:hover{color: #000; text-decoration: underline;}
#site .contentPortfolio ol{margin: 0 0 0 15px;}
#site .contentPortfolio ol li{padding: 0 0 10px 15px;}
#site .contentPortfolio .text{width: 200px; float: left;}
#site .contentPortfolio .images{width: 370px; float: left; margin: 0 0 0 40px;}
#site .contentPortfolio .images img{margin: 0 3px 0 0;}

#site .footer{border-top: 1px solid #236929; width: 760px; height: 30px; padding: 20px 0 0 100px;}
#site .footer .choices{color: #000; font-size: 11px; float: left; margin: 0; font-weight: bold;}
#site .footer .choices a{color: #000; text-decoration: none;}
#site .footer .choices a:hover{color: #000; text-decoration: underline;}
/* End */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



/* begin gallery styling */
#jgal { list-style: none; width: 367px; position: relative;}
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 28px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 7px; margin-bottom: 7px; }
#jgal li img { position: absolute; top: -370px; left: 0; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }