/* General Style
---------------------------------------------*/
body, html { height:100%;}
body { margin: 0;  padding: 0; height: 100%; font:70% Arial, Helvetica, sans-serif; line-height: 1.5em; height:100%; background:#003163;}

.Mainwrapper { width:100%; float:left; background:#1b4672 url(images/bg.gif) repeat-x;}
.wrapperCenter { width:772px; margin:0 auto; text-align:left;}
.wrapperBg { background:url(images/bdBg.gif) no-repeat top center; width:742px; float:left; padding:15px; height:100%; min-height:600px;}

a { text-decoration: underline; outline:none; color:#f2e499;}
a:hover{ text-decoration:none;}
img {border: none;}
a img { border:none;}

.italics { font-style: italic;}
.center { text-align:center;}
.left { text-align:left;}
.right { text-align:right;}
.divider { height:1px; line-height:1px; margin:8px 3px; border-bottom:solid 1px #fff; clear:both;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin:0; padding:0;}
h1, .PageTitleHeader {font-size: 170%; color:#f2e499;}
#structureBodyBK #ContentMiddle h1, #structureBodyBK #ContentMiddle .PageTitleHeader {font-size: 170%; color:#2A5075;}
h2, .PageSubTitleHeader {font-size: 165%; color:#f2e499;}
h3 {font-size: 160%;}
h4 { font-size:140%;}
h5 {font-size: 120%;}

.clear { clear:both;}
.clearRight { clear:right;}
.clearLeft { clear:left;}

/* HEAD ELEMENTS
---------------------------------------------*/
#ContentMemberTools { float:left; text-align; width:772px; margin:17px 0 8px 0;}
#ContentMemberTools ul { padding:0; margin:0; list-style:none; text-align:center; width:772px;}
#ContentMemberTools li { padding:0; margin:0; display:inline;}
#ContentMemberTools li a { text-decoration:none; padding:0 8px 0 0; margin:0 0 0 8px; color:#b1b58b; font:11px Verdana, Arial, Helvetica, sans-serif; background:url(images/navPipeYellow.gif) no-repeat center right;}
#ContentMemberTools li#Support a { background:none;}
#ContentMemberTools li a:hover { text-decoration:underline;}

#structureMasthead { float:left; width:583px;}
#structureMasthead h1#logo { padding:0; margin:0; text-indent:-999em; background:url(images/logo.gif) no-repeat; width:258px; height:96px; float:left;}
#structureMasthead h1#logo a { width:258px; height:96px; display:block;}
#structureMasthead a#vrBtn { margin:30px 0 0 30px; float:left;display:inline;}
#structureMasthead #ContentRotator { float:left; width:572px; margin:10px 0 0 0;}

/* BODY ELEMENTS
---------------------------------------------*/
#structureWrapper { float:left; width:100%;}

/* LEFT COLUMN */
#structureRight { float:left; background:url(images/rcBg.gif) repeat-y; width:159px;}
#structureRightTop { background:url(images/rcTop.gif) no-repeat top left; width:159px; float:left;}
#structureRightBtm { background:url(images/rcBtmBg.gif) no-repeat bottom left; width:157px; *width:159px; float:left; padding:4px 1px;}
#ContentRightLinks { }
#ContentRightLinks ul { padding:0; margin:0; list-style:none;}
#ContentRightLinks li { padding:0; margin:0; float:left; display:block; width:141px;}
#ContentRightLinks li a { display:block; text-decoration:none; width:141px; background:#335c85; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#f2e499; border:none; text-transform:capitalize; padding:3px 8px; margin:0;}
#ContentRightLinks li a:hover { background:#2a5075;}

#ContentRightLinks li#OnlineDirectory a,
#ContentRightLinks li#Community a,
#ContentRightLinks li#Features a { display:block; padding:5px 8px; color:#fff; text-decoration:none; font:bold 12px Georgia, "Times New Roman", Times, serif; color:#f2e499; border-bottom:solid 1px #335c85; text-transform:uppercase; background:none; width:141px;}

#ContentRightLinks li#OnlineDirectory a:hover,
#ContentRightLinks li#Community a:hover,
#ContentRightLinks li#Features a:hover { background:#022a52}

/* Body Elements */
#structureBody { border-top:none; margin:10px 0pt 0pt; padding:5px 0pt 0pt;}
#structureBodyIN { width:560px; float:left; padding:10px 0}
#structureBody #ContentMiddle {  margin:10px 0; color:#FFFFFF;}
#structureBodyIN #ContentMiddle {  margin:10px 0; color:#FFFFFF;}
#structureBodyBK #ContentMiddle {background:#FFFFFF none repeat scroll 0%;border:1px dashed;color:#000000;margin:10px 15px 10px 0pt;padding:7px;}
#structureBodyBK #ContentMiddle a {color:#2A5075;}
#structureBodyBK h1 {color:#2A5075}
#structureBodyBK h2 {color:#2A5075}
#structureBodyBK h3 {color:#2A5075}
#structureBodyBK h4 {color:#2A5075}

#ContentRotator{ color:#FFFFFF;}

#structureBody #ContentNews { padding:0 10px 0 0; border-right:none; width:450px;color:#FFFFFF;}
#structureBody #ContentNews .newsItem { margin:5px 0;}
#structureBody #ContentNews .newsItem img { margin-right:15px;}
#structureBody #ContentNews .newsItem h3 { font:bold 12px Georgia, "Times New Roman", Times, serif; color:#f2e499; padding:0; margin:3px 0;}
#structureBody #ContentNews .newsItem p { font:11px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:3px 0;}

#structureBody #ContentEvents { width:260px; padding:0 0 0 15px; color:#FFFFFF;}
#structureBody #ContentEvents h2 { padding:0; margin:5px 0 10px 0; font:bold 18px Georgia, "Times New Roman", Times, serif; color:#f2e499;}
#structureBody #ContentEvents h3,
#structureBody #ContentEvents h3 a { text-decoration:underline; color:#f2e499; font:bold 12px Georgia, "Times New Roman", Times, serif; margin:3px 0; padding:0;}
#structureBody #ContentEvents p { padding:0; margin:15px 0; color:#fff; font:11px Arial, Helvetica, sans-serif;}


/* Footer Elements 
---------------------------------------------*/
#ContentFooter { width:100%; float:left; background:url(images/bgBtm.gif) repeat-x top left; height:140px;}
#ContentFooter p { text-align:center; font:12px Georgia, "Times New Roman", Times, serif; color:#f2e499; padding:0; margin:10px 0;}


/* -----------------------------------------
START OF NON-DESIGN RELATED ELEMENTS
---------------------------------------------*/
form#MainForm { width: 100%; height:auto; height:100%; min-height:100%;}

.expand { background-color: #335C85;}
.expand img { background-color: #335C85; float: none; display: block;}

/* block - prevents NS/SAFARI info box stuff  ------------------------------*/
.instructions, .error, .success, .profile, .filelibfiledetails, .eventsheader, .campaignsheader, .donationpaymentamount, table.profile,  .MessageBoardsDataGridHeader, .FileLibraryFileList{ display:block;}

/* box settings ------------------------------*/
.DataGridHeader, .EventsHeader, .EventDonationDetail, .CampaignsHeader, td.PageManagerHeader, tr.PageManagerHeader, .Profile { padding: 2px 5px 2px 5px; border: 1px solid #CCC; margin:5px 0;}
.instructions { color:#fff; display:block; border:solid 1px #fff; padding:5px 8px;}
#structureBodyBK #ContentMiddle .instructions { color:#000000; display:block; border:solid 1px #000000; padding:5px 8px;}
.DataGridHeader {}
.EventDonationDetail {width:250px;}
	
/*  core ------------------------------*/
.HelpButton { color: #fff; background-color: #8E9296; border: solid 1px #fff; padding: 2px; font-weight: bold; width: 48px; text-align: center;}
.Error, .error { display: block; padding: 5px 0 5px 25px; color:  #BF0000; background:#FFE8E8 url(/images/icons/v2/common/exclamation.gif) no-repeat 2px; border: 1px solid #BF0000;}

.Error a, .error a {color: #BF0000!important;}

.Success, .success { display: block; padding: 5px 0 5px 25px; color:#008000; background:#D0E8D0 url(/images/icons/v2/common/accept.gif) no-repeat 3px 2px; border: 1px solid #008000;}
.DataGridAltItem {background: ;}
.DataGridPager { font-weight: bold; letter-spacing: 3px; line-height: 20px; text-align: right;}
textarea { width:350px;}

/* profile ------------------------------*/
.ProfileHeader {font-weight : bold;}
.ProfilePageTabHeadings {font-weight:bold;}

/* search ------------------------------*/
.SearchResultsDataGridAltItem { background: #335C85;}
.SearchResultsDataGridPager { font-weight: bold; letter-spacing: 3px; line-height: 50px;}

/* message boards ------------------------------*/
table.HotTopics { width:250px;}
.MsgItem { background-color: #cccccc;}
.MsgItemSubject { background-color: #cccccc;}
.MsgItemInverse { background-color: #e8e8e8;}
.MsgItemSubjectInverse { background-color: #e8e8e8;}	
.LastPostingText { font-style: italic; color: #6B6B6B;}
.BadWordHighlight { font-weight: bold; color: #c42830;}
.MsgsReplyText {}
.MsgsDates {}

/* file library  ------------------------------*/
.FileLibFileDetails { background-color: #BCB8B8; width: 250px; padding: 2px 5px 2px 5px;}
.FileLibraryFileList { background-color: #E4E4E4; width: 250px; padding: 2px 5px 2px 5px;}

/* events ------------------------------*/
td.StoreItemHeader { border-color: #666;}

/* donations ------------------------------*/
.DonationPaymentAmount { background-color: #E4E4E4; border: solid 1px #0057F; padding:2px 5px 2px 5px;}

/* pagemanager ------------------------------*/
table.PageManager {}

/* communications utility  ------------------------------*/
td.CommUtilHeader { background-color:#CCC; color:#FFF;}

/* hide edit classifieds button---------------------*/
#cid_256_btnEditClassifieds{ display: none;}

/* GROUPS css override---------------------*/
#tab-container-1 {background-color:transparent!important;border:1px solid #fff!important;}
table.IMzebra tr.even {background-color:#335C85!important;}
table.IMzebra tr.odd {background-color:#003366!important}
ul#tab-container-1-nav a{background-color:#003366!important;border:1px solid #fff!important;color:#fff!important}
ul#tab-container-1-nav a.active {background-color:#1B4672!important;color:#fff!important}

/* home page login ------------------------------*/
#ContentRightLogin {color:#fff;padding:5px 8px;}
#ContentRightLogin .PageTitleHeader {font-size:12px;text-transform:uppercase;}
#ContentRightLogin .instructions {border:none;padding:0;display:none}
#ContentRightLogin .divLoginUserNameRow,
#ContentRightLogin .divLoginLinks,
#ContentRightLogin .divLoginButtonRow{padding:8px 0;}
#ContentRightLogin .divLoginLinksOR {display:none;}
#ContentRightLogin .inputLoginUsername {width:130px;}
#ContentRightLogin .inputLoginPassword {width:130px;}
#ContentRightLogin .loginButton {margin:0 5px 0 0;}
#ContentRightLogin .fbconnect_login_button img {width:130px;}