/* ELEMENTS */

html,body { margin: 0px; padding: 0px; }

body, DIV, h1, h2,h3, h4, input, textarea, select, a { font-family: Arial; font-size: 12px;  }
a { outline: none; cursor: pointer; }

p { line-height: 18px; margin-top: 15px;  }

a, img, object { outline: none; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }


h2 { font-size: 20px; color:#961058; margin: 0px;   }
h2 a { text-decoration: none; }
h2 a:hover { text-decoration: none; }

h3 { margin: 0px; font-size: 14px; }

h4 { font-size: 16px; margin: 0px; color: #961058;  }

h5 { font-size: 20px; margin:0px; text-decoration: none; }
h6 { font-size: 20px; margin: 0px 15px 0px 15px;  }

ul { list-style-type: square; } 

img { border: 0px; }


p a { color: #961058; }

input, textarea, select { font-weight: bold; color: #961058;  }


/* ELEMENT IDS */

#divBanner    { height: 162px; text-align: center;  }
#divStripTop  { height: 26px; background-color: #961058; color: #FFFFFF; }
#divMenu      { width: 886px; padding-right: 13px; height: 26px; line-height: 26px; margin: auto; text-align: right;}
#divBannerSub { text-align:center; background-image: url(Images/Common/imgBannerBG.jpg); background-position: top center;  background-repeat: no-repeat;  }
#divBannerSubTitle { padding: 17px 0px 2px 0px; }
#divMenuSub   { height: 14px; padding: 13px; width: 873px; background-color: #961058; color: #FFFFFF; margin: auto; margin-top: 0px; margin-bottom: 15px;  font-size: 13px; font-weight: bold; }
#divBody      { background-image: url(Images/Common/imgContentBG.jpg); background-position: bottom center; background-repeat: no-repeat; }
#divContent   { width: 899px; margin: auto ;overflow: hidden; padding-bottom: 15px;   }
#divStripBottom  { background-color: #7ab51d; height: 100px; } 
#divFooter    {  width: 899px; height: 80px; padding-top: 20px; margin: auto ; color: #FFFFFF;  } 
.imgFooter    { float: right; }
#divLinksSmall { font-size: 11px; }
#divLinksSmall a { color:#FFFFFF; }
#divLinks p    { margin: 0px 15px 15px 15px; }
#flashcontent { height: 400px; }


/* CLASSES */

.divPanelSmaller { width: 205px;  float: left;  margin-right: 17px; margin-bottom: 15px; }
.divPanelSmall { width: 212px; float: left;  margin-right: 17px; margin-bottom: 15px; }
.divPanelMedium { width: 441px; float: left; margin-right: 17px; margin-bottom: 15px; }
.divPanelLarge { width: 899px;  margin: 0px auto 0px auto;   }


.divPanel { margin-bottom: 15px;   }
.divPanel img.Photo { margin: 10px 0px 0px 10px; padding: 0px; }
.divPanel h1 { height: 56px; margin: 0px 0px 0px 0px;  text-align: left;  }
.divPanel h1 img { margin: 12px 0px 0px 12px; }
.divPanel div { margin-top: 5px;  overflow: hidden; }
.divPanel div h2 { font-size: 13px; font-weight: bold; margin: 0px;  border-bottom-width: 2px; border-bottom-style: solid; margin: 10px 10px 0px 10px;  }
.divPanel div h5 { font-size: 13px; font-weight: bold; margin: 0px;   margin: 10px 10px 0px 10px;  }
.divPanel div h2 span { font-size: 12px; font-weight: normal; color: #000000; line-height: 26px;   }
.divPanel div p { padding: 5px 10px 0px 10px; margin: 0px; overflow: hidden;  }
.divPanel div p img { float: right; margin-bottom: 10px;  }

.divPanelHdr { float: none; margin-left: 0px; padding-left: 0px; }

.divLinks { color: #961058; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; font-weight: bold;   }
.divLinks a { color: #961058; text-decoration: none; }
.divLinks a:hover { text-decoration: underline; }


.divContentColLarge { width: 651px; margin: 15px 17px 15px 0px;  float: left; border-right: solid 2px #000000; padding: 0px 17px 0px 0px;   }
.divContentColLarge p { margin: 15px 15px 0px 15px; }
.divContentColLarge h2 { margin-left: 15px; }
.divContentColLarge h4 { margin-left: 15px; }
.divContentColSmall { width: 212px; margin: 15px 0px 17px 0px; float: left; }
.divContentMediumSub { float: left; width: 400px; padding: 0px; margin: 0px; }
.divContentMediumSub img { margin-left: 17px; }
.divThumbs img { padding: 10px 10px 0px 0px; }

.bgGreen    { background-color: #7ab51d; }
.bgLghtGreen{ background-color: #f2f8e8; }
.bgDrkRed   { background-color: #961058; }
.bgBlack    { background-color: #000000; }
.bgGrey     { background-color: #f2f2f2; }
.bgRed      { background-color: #da271a;  }
.bgPurple   { background-color: #691484; }
.bgBlue     { background-color: #0095d8; }
.bgLghtRed  { background-color: #fbe9e8; }
.bgLghtBlue { background-color: #e6f4fb; }
.bgTurq     { background-color: #0098a3; }
.bgLightTurq{ background-color: #e6f5f6; }
.bgLghtPurp { background-color: #f0e7f3; }
.bgPink     { background-color: #e1007a; }
.bgLghtPink { background-color: #f8eeeb; }

.clrGreen   { color: #7ab51d; }
.clrRed     { color: #da271a; }
.clDrkRed   { color: #961058; }
.clrBlack   { color: #000000; }
.clrBlue    { color: #0095d8; }
.clrTurq    { color: #0098a3; }
.clrPurple  { color: #691484; }
.clrPink    { color: #e1007a; }


.brdGreen  { border-color: #7ab51d; } 
.brdBlue   { border-color: #0095d8; }
.brdDrkRed { border-color: #961058; } 
.brdPurple { border-color: #691484; }
.brdPink   { border-color: #e1007a; }
.brdTurq  { border-color: #0098a3; }
.brdRed { border-color: #da271a; } 

.strDrkRed { border-bottom: solid 2px #961058; }
.strGreen  { border-bottom: solid 2px #7ab51d; }
.strBlue   { border-bottom: solid 2px #0095d8; }
.strPurple { border-bottom: solid 2px #691484; }
.strPink   { border-bottom: solid 2px #e1007a; }
.strTurq   { border-bottom: solid 2px #0098a3; }
.strRed    { border-bottom: solid 2px #da271a; }



.noMrgn { margin-right: 0px; }

.parSpaced { line-height: 24px; }


/* MENU */
.hypMenuItem { color: #FFFFFF; text-decoration: none; padding: 2px 4px 2px 4px; text-transform: uppercase; }
.hypMenuItemSelected, 
.hypMenuItem:hover { background-color: #7ab51d; text-decoration: none; }

.hypSubMenuItem { color: #FFFFFF; text-decoration: none; padding: 4px 6px 4px 6px; }
.hypSubMenuItem:hover { text-decoration: none; }

.hvrGreenNotSelected:hover,
.hvrGreenSelected  { background-color: #7ab51d; }

.hvrTurqNotSelected:hover,
.hvrTurqSelected  { background-color: #0098a3; }

.hvrBlueNotSelected:hover,
.hvrBlueSelected  { background-color: #0095d8; }

.hvrPurpleNotSelected:hover,
.hvrPurpleSelected  { background-color: #691484; }

.hvrPinkNotSelected:hover,
.hvrPinkSelected  { background-color: #e1007a; }


/* END MENU */



/* MODAL POPUP */

.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }

.modalPopup { background-color:#ffffff; border: solid 2px #7ab51d; padding: 20px 20px 5px 20px; z-index: 10000000;  }

/* END MODAL POPUP */

.spaOptions { float: right; margin: 0px; }
 
 
 .divPanelMemberSmall { width: 212px;  float: left;  margin-bottom: 15px; }

.divStripeSmaller  { width: 165px; margin-bottom: 15px; margin-left: 15px; margin-top: 0px;   height: 0px;}
.divStripeSmall  { width: 212px; margin-bottom: 15px; float: left; margin-top: 0px; height: 0px; }

.divStripeMedium { width: 650px; margin-bottom: 15px; float: left;  margin-top: 0px;  height: 0px; }
.divStripeLarge  { width: 899px; margin: auto ; float: left; margin-top: 0px; height: 0px; }
.divStripe       { margin-bottom: 15px; margin-top: 0px;  height: 0px; }



.imgContentPhotoRight { float: right; margin: 15px 0px 10px 10px; }
.imgContentPhotoLeft { float: left; margin: 15px 20px 10px 15px; }

.tblForm { margin-left: 15px; background-color: #7ab51d; border: solid 15px #7ab51d; border-bottom-width: 10px; margin-bottom: 15px; }
.tblForm th { padding: 5px 0px 5px 5px; color: #FFFFFF; text-align: right; vertical-align: top; }
.tblForm td { padding: 5px; }

.btn { background-color: #961058; color: #FFFFFF; border-width: 0px; margin-right: 10px; cursor: pointer; }


.divContentColMedium { width: 310px; float: left; margin-right: 15px; }
.divContentColMedium p { line-height: 20px; margin-top: 10px; padding: 10px 0px 10px 0px; margin: 0px 15px 0px 15px; }
.divContentColMedium p a { color: #961058;  }

.imgThumb { cursor: pointer; }



/* MEMBERS */

.imgProfile { border: 0px; width: 212px; height: 212px; margin-bottom: 10px; }
.imgProfileMini { border: 0px; width: 50px; height: 50px; float: left; margin: 5px 10px 0px 10px;}
.divStripeMember     { margin: 0px 10px 10px 10px; padding-top: 5px; height: 0px; border-bottom: solid 2px #d6d7d3;  }
.hypMember { color: #999999; font-weight: bold; text-decoration: none; }
.hypMember:hover { text-decoration: underline; } 
span.hypMember { display: none; }

.tblFormMember { margin: 0px; }
.tblFormMember th { color: #7ab51d; text-align: right;  }
.tblFormMember td { width: 1%; }
.tblFormMember th, td { padding: 5px; }

.divThoughtsPost  { padding: 11px; }
.txtThoughtsPost  { margin: 0px; width: 323px; height: 27px; border: 0px; font-size: 18px; font-weight: bold; color: #999999; vertical-align: middle; padding: 0px 0px 0px 3px;  }
.btnThoughtsPost  { margin: 0px 0px 0px 11px; height: 27px; width: 81px; vertical-align: middle; border: 0px; }

.divMember { font-weight: bold; color: #7ab51d; }
.divMemberPager { text-align: right; padding: 0px 15px 0px 10px; }
.divMemberAdmin {  padding: 0px 15px 15px 10px; color: #999999; }
.divMemberOptions {  padding: 0px 15px 0px 10px; color: #999999; }
.divMemberButtons { text-align: right; margin: 0px 10px 10px 10px; }
.divMemeberGallery { text-align: center; padding-top: 15px; }


.hypMemberName { font-weight: bold; color:  #961058; }
.spaMemberNormal { font-weight: normal; color: #999999; }


.divMemberFilter { text-align: right; }
.divMemberFilter a { color: #999999; font-weight: bold; margin-left: 5px; text-decoration: none; padding: 3px; }
.divMemberFilter a:hover{ background-color:  #961058; color: #FFFFFF;   text-decoration: none; }
.divMemberFilter a.hypActive { background-color:  #961058; color: #FFFFFF; padding: 3px;  text-decoration: none;}

.imgGalleryImage { margin: 5px 5px 5px 0px; }




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 20000000;
}

.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 on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}




/* END MEMBERS */