m


body 
{
	padding: 0;
	margin: 0;
}

img
{
	display: block;
	border: none;
}

.page
{
	width: 911px;
	height: auto;
	margin: 15px auto 0 auto;
}

.page .header
{
	width: 870px;
        max-width: 870px;
	height: 131px;
	background: url(../images/blue_bg.png) left top repeat-x;
}

.page .promo
{
	width: 911px;
	height: 39px;	
}

.page .promo a
{
	display: block;
	width: 67px;
	height: 20px;
	padding: 3px 0 0 8px;
	float: left;
	margin: 7px 10px 0 0;
	background: url(../images/btnPromo.png) left top no-repeat;
	font: 12px arial;
	color: #ffffff;
	text-decoration: none;
}

.page .navigation
{
	width: 895px;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	padding: 0 8px 0 8px;
	background: #e8e7e7;
}

.page .navigation a
{
	font: 12px arial;
	color: #645662;
	text-decoration: none;
	margin: 0 10px 0 10px;
}

.page .navigation a:hover
{
	text-decoration: underline;
}

.page .footer
{
	position: relative;
	width: 881px;
	height: 30px;
	padding: 20px 10px 0 20px;
	background: url(../images/bgFooter.png) left bottom repeat-x;
	font: 11px arial;
	color: #ffffff;
	clear: both;
}

.page .footer .copyright
{
	position: absolute;
	right: 8px;
	bottom: 10px;
}

.page .inputDropDown
{
	width: 200px;
	height: 20px;
	border: 1px solid #e8e7e7;
	font: 9px verdana;
	color: #000000;
	text-transform: uppercase;
	clear: both;
        background-color: #ffffff;

}

.page .inputEventDown
{
	width: 284px;
	height: 20px;
	border: 1px solid #e8e7e7;
	font: 9px verdana;
	color: #000000;
	text-transform: uppercase;
	clear: both;
}
.page .content
{
	width: 604px;
	height: auto;
	padding: 0 0 10px 0;
	float: left;
       
}

.page .menu
{
	width: 297px;
	height: auto;
	float: right;
         padding-top:10px;
}

.page .menu a#strip
{
	display: block;
	width: 282px;
	height: 17px;
	padding: 4px 0 0 13px;
	border: 1px solid #e8e7e7;
       
	background: url(../images/btnCircleArrowDown.png) 269px 4px no-repeat;
	font: 9px verdana;
       
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
}
.page .widerstrip
{
	display: block;
	width: 400px;
	height: 17px;
	padding: 4px 0 0 13px;
	border: 1px solid #e8e7e7;
	background: url(../images/btnCircleArrowDown.png) 380px 4px no-repeat;
	font: 9px verdana;
	color: #7d7d7d;
	text-decoration: none;
	text-transform: uppercase;
}

.page .menu .accordion
{
	width: 295px;
	height: 8px;
	border-left: 1px solid #e8e7e7;
	border-right: 1px solid #e8e7e7;
	background: #ececec;
}

.page .menu .jumpMenu
{
	width: 290px;
	height: 29px;
	padding: 11px 0 0 5px;
	border: 1px solid #e8e7e7;
	background: url(../images/bgMenuJumpMenu.png) left top repeat-x;
	margin: 3px 0 8px 0;
}

.page .menu .groups
{
	display: block;
	width: 282px;
	height: 17px;
	padding: 4px 0 0 13px;
	border: 1px solid #e8e7e7;
	background: #53682b url(../images/btnCircleArrow.png) 269px 4px no-repeat;
	font: 9px verdana;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}


.page .boundingBoxBanner
{
	position: relative;
	width: 909;
	height: auto;
        min-height: 10px;
	
        border: 1px solid #eae9e9;
       
       
}


.page .boundingBox
{
	position: relative;
	width: 584px;
	height: auto;
        min-height: 10px;
	padding: 10px 10px 10px 10px;
       
}




.page .boundingBoxSearch
{
	position: relative;
	font: 12px arial;
	height: auto;
        min-height: 10px;
	padding-left: 10px;
        background: #fbfbfb;
        border: 1px solid #e8e7e7
}
.page .boundingBoxSearch#rhs
{
    margin-top:5px;
    margin-bottom:5px;
}
.page .boundingBox#wall
{
	border: 1px solid #eae9e9;
}

.page .boundingBox#rhs
{
	width: 275px;
	border: 1px solid #eae9e9;
}

.page .boundingBox#bordered
{
	border: 1px solid #eae9e9;
	background: #f7f7f7;
         margin-bottom:10px;
}

.page .boundingBox#document
{
	width: 574px;
	border: 1px solid #eae9e9;
	font: 12px arial;
	text-transform: capitalize;
}

.page .row
{
	clear: both;
	min-height: 20px;
        
}

.page .row .col
{
	float: left;
	min-width: 100px;
	height: auto;
	min-height: 25px;
	padding: 0 0 0 10px;
	font: 9px verdana;
	color: #000000;
	text-transform: uppercase;	
}

.page .row .col#text
{
	height: 21px;
	padding: 4px 0 0 10px;	
}

.page .inputTextBox
{
	width: 184px;
	height: 15px;
	padding: 4px 0 0 5px;
	border: 1px solid #666666;
	
	font: 12px arial;
	color: #000000;
	
}
.page .inputSearchBox
{
	width: 184px;
	height: 15px;
	padding: 4px 0 0 5px;
	border: 1px solid #e8e7e7;
	
	font: 12px arial;
	color: #000000;
	
}
.page .inputSearchBoxMain
{
	width: 165px;
	height: 15px;
	padding: 4px 0 0 5px;
	border: 1px solid black;
	
	font: 12px arial;
	color: #000000;
	
}

.page .inputTextBoxLong
{
	width: 560px;
	height: 15px;
	padding: 4px 0 0 5px;
	border: 1px solid #666666;
	background: #f7f7f7;
	font: 12px arial;
	color: #000000;
	
}

.page .inputTextBoxHome
{
	width: 150px;
	height: 15px;
	padding: 4px 0 0 5px;
	border: 1px solid #666666;
	background: #ffffff;
	font: 9px arial;
	color: #000000;
	
}

.page .inputTextBoxWall
{
	width: 382px;
	height: 31px;
	border: 1px solid #666666;
        font: 12px arial;
	color: #000000;
	
}

.page .inputTextAreaWall
{
	width: 100%;
	height: 75px;
	padding: 4px 0 0 5px;
	border: 1px solid #666666;
	background: #f7f7f7;
	font: 12px arial;
	color: #000000;
	
}

.page .inputTextArea
{
	width: 560px;
	height: 75px;
	padding: 4px 0 0 5px;
	border: 1px solid #666666;
	
	font: 12px arial;
	color: #000000;
	
}

.page .inputTextAreaSide
{
	padding: 4px 0 0 5px;
	border: 1px solid #666666;
	background: #f7f7f7;
	font: 11px arial;
	color: #000000;
	
}

.page .iconTitle
{
	width: auto;
	height: 30px;
	font: 12px verdana;
        font-weight:bold;
	color: #000000;
	text-transform: uppercase;
	padding: 8px 0 0 35px;
}

.page .iconTitle#mailLarge
{
	font-size: 19px;
	height: 40px;
	padding: 8px 0 0 45px;
	margin: 0 0 5px 0;
	background: url(../images/iconLargeMail.png) left top no-repeat;
}
.page .iconTitle#mail
{
        width: auto;
	font: 11px verdana;
	height: 30px;
	padding: 8px 0 0 35px;
	margin: 0 0 5px 0;
	background: url(../images/iconMail.png) left top no-repeat;
}
.page .iconTitle#searchLarge
{
	font-size: 19px;
	height: 40px;
	padding: 8px 0 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/iconSearch.png) left  no-repeat;
}
.page .iconTitle#search
{
	font-size: 19px;
   	height: 40px;
	padding: 25px 0px 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/iconSearch.png) left  no-repeat;
}

.page .iconTitle#details
{    
	font-size: 19px;
	height: 40px;
	padding: 25px 0px 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/iconDetails.png) left  no-repeat;
}

.page .iconTitle#detailsLarge
{
	background: url(../images/iconDetailsLarge.png) left top no-repeat;
}

.page .iconTitle#picture
{
        
	
	height: 40px;
	padding: 25px 0px 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/iconPhoto.png) left no-repeat;
}

.page .iconTitle#contact
{
       
	
	height: 40px;
	padding: 25px 0px 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/iconContacts.png) left  no-repeat;
}
.page .iconTitle#contactmatches
{
       
	height: 40px;	
	padding: 8px 0 0px 45px;
	margin: 10px 0 5px 0;
	background: url(../images/icons/iconContactMatches.png) left top no-repeat;
}

.page .iconTitle#inspect
{
	background: url(../images/iconInspect.png) left top no-repeat;
}

.page .iconTitle#document
{
        
	
	height: 40px;
	padding: 25px 0px 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/iconMyDocuments.png) left no-repeat;
}
.page .iconTitle#donate
{
        
	
	height: 40px;
	padding: 25px 0px 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/donate.png) left no-repeat;
}
.page .iconTitle#blog
{
        
	
	height: 40px;
	padding: 25px 0px 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/iconMyBlogs.png) left no-repeat;
}
.page .iconTitle#event
{
        
	font-size: 19px;
	height: 40px;
	padding: 25px 0px 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/iconContacts.png) left  no-repeat;
}
.page .iconTitle#group
{
        
	
	height: 40px;
	padding: 25px 0px 0px 45px;
	margin: 0 0 5px 0;
	background: url(../images/icons/iconMainGroupSize.png) left  no-repeat;
	
}
.page .iconTitle#compose
{
        
	height: 40px;	
	padding: 8px 0 0px 45px;
	margin: 10px 0 5px 0;
	background: url(../images/icons/iconWriteMessage.png) left top no-repeat;
}

.page .iconTitle#security
{
	background: url(../images/iconSecurity.png) left top no-repeat;
}

.page .linkButton
{
	display: block;
	width: 67px;
	height: 20px;
	padding: 4px 0 0 24px;
	background: url(../images/btnFunction.png) left top no-repeat;
	font: 12px arial;
	color: #53682b;
	text-decoration: none;
        text-align: left;
	position: relative;
	bottom: 5px;
	right: -17px;
        text-transform: none;
}


.page .linkButton
{
	display: block;
	width: 67px;
	height: 20px;
	padding: 4px 0 0 24px;
	background: url(../images/btnFunction.png) left top no-repeat;
	font: 12px arial;
	color: #53682b;
	text-decoration: none;
        text-align: left;
	position: relative;
	bottom: 5px;
	right: -17px;
        text-transform: none;
}



.page .Postbtn
{
	
	background: url(../images/postBtn.png) left top no-repeat;
	font: 12px arial;
	color: #53682b;
	text-decoration: none;
	position: absolute;
	bottom: 5px;
	right: -24px;
}

.page .pageTitle
{
	font: 19px arial;
	color: #635562;
	margin: 5px 0 0 0;
}

.page .pageDescription
{
	font: 16px arial;
	color: #635562;
	margin: 5px 0 0 0;
}


.page .subTitle
{
	font: 12px arial;
	color: #7e7e7e;
	margin: 0 0 0 1px;
}

.page .divStrip
{
	width: 600px;
	height: 17px;
	padding: 4px 5px 0 0;
	background: #7E7E7E;
	font: 11px arial;
	color: #ffffff;
}

.page .contact
{
	position: relative;
	width: 100%;
	height: 70px;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #cccccc;
	font: 12px arial;
	color: #7e7e7e;
}

.page .profileThumb
{
	margin: 0 10px 0 0;
	border: 1px solid #b9b9b9;
	float: left;
}

.page .contact .detail
{
	position: absolute;
	left: 10px;
	top: 25px;
	width: 300px;
	color: #53682b;
}

.page .contact .options
{
	width: 200px;
	height: auto;
	float: right;
	font: 9px arial;
	text-transform: uppercase;
}

.page .btnCircleArrow
{
	display: block;
	width: 13px;
	height: 13px;
	text-decoration: none;
	float: right;
}

.page .btnCircleArrow#left
{
	background: url(../images/btnCircleArrowLeft.png) left top no-repeat;	
}

.page .btnCircleArrow#right
{
	background: url(../images/btnCircleArrowRight.png) left top no-repeat;
}

.page .event
{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #000000;
	font: 12px arial;
	color: #7e7e7e;
	margin: 0 0 6px 0;
}

.page .event table
{
	font: 9px verdana;
	color: #000000;
}

.page .event td
{
	text-align: center;
	background: #e8e7e7;
}

.copyLinkGreen
{
	font: 12px arial;
	color: #66bc29;
	text-transform: capitalize;
        text-decoration: none;
}
.breadCrumb
{
	font: 12px arial;
	color: gray;
	text-transform: capitalize;
        text-decoration: none;
}

.page .iconMini
{
	display: block;
	width: 22px;
	height: 20px;
	text-decoration: none;
}

.page .iconMini#close
{
	background: url(../images/iconMiniClose.png) left top no-repeat;
}

.page .iconMini#mail
{
	background: url(../images/iconMiniMail.png) left top no-repeat;
}

.page .inboxItem
{
	width: 594px;
	
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #cccccc;
	font: 12px arial;
	color: #7e7e7e;
	margin: 0 0 6px 0;
	
}

.page .sideBoxItem
{
	width: 275px;
	
	padding: 0 0 0 10px;
	
	font: 12px arial;
	color: #7e7e7e;
	margin: 0 0 6px 0;
	
}

.page .sideboxItem
{
	width: 275px;
	
	padding: 0 0 0 10px;
	
	font: 12px arial;
	color: #7e7e7e;
	margin: 0 0 6px 0;
	
}

.mainimage60 {
  max-width: 60px;
  max-height: 60px;
  width: expression(this.width > 0 ? "60px" : true);
  height: expression(this.height > 60 ? "60px" : true);
}


.mainimage112 {
  max-width: 112px;
  max-height: 167px;
  width: expression(this.width > 0 ? "112px" : true);
  height: expression(this.height > 167 ? "167px" : true);
}


.mainimage50 {
  max-width: 50px;
  max-height: 50px;
  width: expression(this.width > 0 ? "50px" : true);
  height: expression(this.height > 50 ? "50px" : true);
  
}

.mainimage70 {
  max-width: 70px;
  max-height: 70px;
  width: expression(this.width > 0 ? "70px" : true);
  height: expression(this.height > 70 ? "70px" : true);
  
}

.mainimage150 {
  max-width: 150px;
  max-height: 150px;
  width: expression(this.width > 0 ? "150px" : true);
  height: expression(this.height > 150 ? "150px" : true);
  margin-bottom: 5px;
}


.mainimage80 {
  max-width: 60px;
  max-height: 60px;
  width: expression(this.width > 0 ? "80px" : true);
  height: expression(this.height > 80 ? "80px" : true);
  margin-bottom: 5px;
}


.mainimage100 {
  max-width: 100px;
  max-height: 100px;
  width: expression(this.width > 0 ? "100px" : true);
  height: expression(this.height > 100 ? "100px" : true);
  margin-bottom: 5px;
}

.page .inboxItem#rhs
{
	width: 275px;
	border: none;
}

.page .inboxItem .sender
{
	color: #53682b;
	float: left;
}

.page .inboxItem .date
{
	color: #53682b;
	margin: 0 10px 0 0;
	float: right;
}

.page .inboxItem .date#rhs
{
	margin: 0 10px 0 0;
}

.page .inboxItem .message
{
	width: 100%;
	margin: 10px 0 10px 0;
	float: left;
	clear: both;
}

.page .inboxItem .message#rhs
{
	margin: 0 0 10px 0;
	float: left;
}

.page .inboxArticle
{
	width: 594px;
	height: auto;
	padding: 0 0 0 10px;
	font: 12px arial;
	color: #7e7e7e;
	margin: 0 0 6px 0;
}

.page .inboxArticle .sender
{
	position: relative;
	width: 594px;
	height: auto;
	margin: 10px 0 10px 0;	
	color: #53682b;
	float: left;
	text-transform: uppercase;
}

.page .inboxArticle .attachment
{
	text-transform: uppercase;
}

.page .documentItem
{
	width: auto;
	height: 18px;
	clear: both;
	font: 12px arial;
	color: #53682b;
	background: url(../images/iconDocumentItem.png) 20px top no-repeat;
	padding: 0 0 0 80px;
	margin: 2px 0 2px 0;
}

.page .documentItem#files
{
	padding: 0 0 0 100px;
	background: url(../images/iconDocumentItemFile.png) 70px top no-repeat;
}

.page .documentItemTitle
{
	float: left;
}

.page .documentItemOptions
{
	float: right;
}

.page .loginBlock
{
	position: relative;
	width: 298px;
	height: 125px;
	margin: 0 0 24px 0;
	background: #e8e7e7;
	font: 10px verdana;
	color: #4a4949;
	text-transform: uppercase;
}

.page .loginBlock a
{	
	color: #4a4949;
	text-decoration: underline;
}

.page .registrationBlock
{
	position: relative;
	width: 298px;
	height: 210px;
	margin: 0 0 24px 0;
	background: #dcdbdb;
	font: 10px verdana;
	color: #4a4949;
}

.page .tag
{
	display: block;
	width: 67px;
	height: 20px;
        position: relative;
	padding: 3px 0 0 8px;
	float: left;
	margin: -11px 10px 15px 0;
	background: url(../images/btnPromo.png) left top no-repeat;
	font: 12px arial;
	color: #ffffff;
	text-decoration: none;
	text-transform: capitalize;
	clear: both;
}

.page .wallItem
{
	margin: 10px 0 10px 10px;
	font: 12px arial;
	color: #645562;
}

.page .wallItem#indented
{
	margin: 20px 0 0 70px;
}

.page .wallItemCopy
{
	margin: 0 0 8px 0;
}

.copyGreen
{
	font-size: 12px;
	color: #53682b;
}

.page .wallPosts
{
	font: 12px arial;
	color: #635562;
	border-top: 6px solid #e8e7e7;	
	border-bottom: 6px solid #e8e7e7;
	padding: 5px 0 5px 10px;
	margin: 20px 0 10px 0;
}
.page .top_banner
{
        background-image: url(../images/banners/top_banner.PNG); 
        height: 105px;
}
.page .c_wall
{
    padding: 1px 0px 15px 0px; 
    background-color: #E3E1E2;
}
.page .c_wall .c_wallitem
{
    background-color: white; 
    height: 50px; 
    margin: 2px 1px 3px 1px; font-family: Arial; 
    font-size: 12px; 
    padding: 5px 10px 5px 10px;
    color: #595A5A; 
}
.page .c_wall .c_wallitem .time
{
    margin: 3px; 
    height: 15px; 
    width: 300px;
}
.page .c_wall .c_wallitem a
{
    color: #66bc29; 
    text-decoration :none;
}
.page .c_wall .c_wallitem .wallimage
{
    float: right; 
    max-width: 50px; 
    max-height: 50px;
}
ol.c {list-style-type:upper-roman;}

.highlight { background-color: yellow }



.sidebox {
	
	width: 275px; /* ems so it will grow */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}



.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	
	text-align: center;
        
        
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
        font-size: 1.3em; 
	padding: 5px 30px 31px;
}












.sideboxbig {
	margin: 0 auto; /* center for now */
	width: 594px; /* ems so it will grow */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}



.boxheadbig {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
        
        
}
.boxheadbig h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbodybig {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
        font-size: 1.3em; 
	padding: 5px 30px 31px;
}