body
{font-family:Verdana, Arial; font-size:11px; background-color:#000; /*001a05*/  /*05282d;*/ color:#FFF; *text-align:center;}

p
{padding:10px;}

h2
{padding:10px; font-size:16px; margin-bottom:-15px;}

h1{ font-size:18px;}

#page
{width:980px; height:auto; *font-size:11px; border:1px solid #FFF; position:relative; margin:auto; *text-align:left;}

#header 
{width:930px; margin-top:5px; height:20px; padding:8px 50px 3px 0; border-top:1px solid #FFF; border-right:1px solid #FFF; border-left:1px solid #FFF; margin:auto; background-color:#173A91; /*999999*/ color:#ccc /*000*/; text-align:right;}

#header a {color:#fff; /*Maroon*/ font-weight:bold; text-decoration:none}
#header a:hover {color:White; font-weight:bold; text-decoration:none}
  
#navigation
{width:982px; height:120px; position:relative; background-color:#fff; /*border-right:1px solid #FFF; border-left:1px solid #FFF; border-top:1px solid #FFF;*/ /*background-color:#0d062a;*/ margin:auto; background-image:url('../images/logo.png'); background-repeat:repeat-x;}

#navigationbuttons{position:absolute; width:680px; left:320px; top:45px;}

#navbutt{width:100px; height:55px; float:left; margin-right:5px; /*border:1px solid #fff*/}
#navbuttmem{width:80px; height:55px; float:left; margin-right:5px; /*border:1px solid #fff*/}
#navbuttmem a:hover{margin-right:50px;}
#navbutt2{width:55px; height:50px; float:left; margin-right:5px; /*border:1px solid #fff*/}

.placeholder
{background-image: url('../App_Themes/Main/images/Temp1.jpg');  
 background-repeat:no-repeat; width:400px; height:300px; float:left; _display:inline; 
 /*background-color:Black;*/ border-right:1px solid #FFF; border-bottom:1px solid #FFF; /*position:absolute; 
 top:-127px; left:0px; z-index:5*/
}
  
#MemberBenifitsRight
{width:0px; height:125px; background-color:Green; float:right; _display:inline;}

#MemberBenifitsLeft
{width:580px; height:125px; background-color:#000; float:right; _display:inline;}

#About
{width:579px; height:301px; _height:303px; /*background-image:url('../images/TempBK2.jpg'); 
background-repeat:no-repeat; background-color:Blue; /*border-bottom:1px solid #FFF;*/ 
/*border-right:2px solid #0D163F; border-left:2px solid #0D163F;*/ float:left; _display:inline; background-color:#3C4741;}

#About p {font-size:14px}

#About2
{width:100%;  height:auto; _height:750px; /*background-image:url('../images/TempBK2.jpg'); 
 background-repeat:no-repeat; background-color:Blue; /*border-bottom:1px solid #FFF;*/ 
 /*border-right:2px solid #0D163F; border-left:2px solid #0D163F;*/ float:right; _display:inline; background-color:#3C4741;}

#About2 p {margin-right:10px;}

#Bilaw{ text-align:center; font-size:16px;}
#Bilawtxt{margin-right:10px;}

li {margin-bottom:10px; margin-right:10px;}

#About img {margin:5px 0 0 10px;}

#C1
{width:400px; height:444px; /*background-image:url('../images/TempBK3.jpg');*/ 
background-repeat:no-repeat; background-color:#90311C; float:left; _display:inline; border-right:1px solid #FFF; /*position:absolute; top:701px; 
z-index:5; border:50px solid #ff0000;left: 11px;*/
}

#C1-2
{width:401px; height:4500px; /*background-image:url('../images/TempBK3.jpg');*/ 
background-repeat:no-repeat; background-color:#90311C; float:left; _display:inline; /*position:absolute; top:701px; 
z-index:5; border:50px solid #ff0000;left: 11px;*/
}

#C2
{width:579px; height:445px; float:left; _display:inline; background-image:url('../images/TempBK1.jpg'); 
 background-repeat:no-repeat; z-index:4; position:relative;}
 
#C2II
{width:579px; height:auto; float:left; _display:inline; /*background-image:url('../images/TempBK1.jpg'); 
 background-repeat:no-repeat;*/ z-index:4; position:relative;}
 
 #C2III
{width:579px; height:auto; float:left; _display:inline; /*background-image:url('../images/TempBK1.jpg'); 
 background-repeat:no-repeat;*/ z-index:4; position:relative;}
 
#C2 img {margin:30px 8px; padding:0; border:0;}

#address{font-family:Arial; font-size:14px; color:#000; margin-top:-5px; /*border:1px solid #000;*/ width:350px; height:auto; position:absolute; z-index:10;
         top:319px; left:17px; text-align:center}
         
#C2txt {font-family:Arial; font-size:12px; color:#000; width:555px; height:auto; /*border:1px solid #FF0000;*/ position:absolute;
        margin:10px;
        top: 0px;
        left: 0px;
        }

#C2txtII {font-family:Arial; font-size:12px; color:#FFF; width:555px; height:auto; /*border:1px solid #FF0000;*/ position:absolute;
          margin:10px;
          top: 0px;
          left: 0px;
         }
         
#C2txtIII {font-family:Arial; font-size:12px; color:#FFF; width:1023px; 
height:auto; /*border:1px solid #FF0000;*/ position:absolute;
          margin:10px;
          top: 340px;
          left: -399px;
         }
        
#C2txt p {margin-top:-10px; margin-bottom:-10px;}
        
H3{margin-left:10px;}
    
#Footer
{width:980px; height:50px; border-right:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #FFF; 
 background-color:#D0C8C5; margin:auto; text-align:center; line-height:22px; color:#000; text-align:center;}
 
#news-contents {width:880px; height:20px; padding:10px 50px; /*background:#ccc;*/ display:block;}
#news-contents ul {padding: 0; margin: 0; list-style: none; font-size:14px; text-align:center;}
#news-contents li {float: left; position: relative; width:auto; padding:3px; text-align:center;}
#news-contents li ul {display: none; position: absolute; top:10px; width:250px; right:-30px; background:#750302; font-size:12px; padding-top:10px; border:1px solid #ccc;}
#news-contents li ul li {width:230px; padding:5px 10px; right: 0; background:#750302; font-size:12px;}
#news-contents li > ul {top: auto;	left: auto;}
#news-contents li:hover ul, li.over ul {display: block; background:#750302;}
#news-contents a {color:#fff; font-weight:bold;}
#news-contents {}
 
#news1
{width:380px; height:135px; margin:auto; background-image: url('../images/TempCodeBKR.png'); /*background-color:#000;*/ margin:10px; /*border:1px solid #000;*/} 

#news2
{width:380px; height:135px; margin:auto; background-image: url('../images/TempCodeBKR.png'); /*background-color:#000;*/ margin:10px; /*border:1px solid #000;*/} 

#news3
{width:380px; height:135px; margin:auto; background-image: url('../images/TempCodeBKR.png'); /*background-color:#cc9634;*/ margin:10px; /*border:1px solid #000;*/} 

#newsimg
{width:125px; height:125px; margin:5px; /*background-color:Lime; border:1px solid #000;*/ float:left; _display:inline;}

#newstxthead 
{font-family:Verdana, Arial; width:200px; margin-top:2px; font-size:12px; color:#000; background-color:Transparent; 
 /*border-bottom:1px dashed #000;*/ float:left; _display:inline;}
 
#newstxtheadMem
 {font-family:Verdana, Arial; width:192px; /*margin-top:5px;*/ font-size:12px; color:#000; background-color:Transparent; 
  /*border-bottom:1px dashed #000;*/ float:left; _display:inline;}
 
#newstxtheadMem h2 {font-family:Verdana, Arial; font-size:10px; line-height:5px;}
 
#newstxt 
{font-family:Verdana, Arial; width:212px; height:92px; margin-top:20px; font-size:11px; color:#000; 
 background-color:Transparent; /*border-bottom:1px dashed #000;*/ float:left; _display:inline; }
 
#LogInWrap{margin-top:25px; margin-left:100px; position:absolute;
    top: -7px;
    left: 430px;
    width: 660px;
}

.LogIn{margin-left:0; margin-bottom:5px;}
 
.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {	display: block; }

#CodesBoxtxt{float:left; margin-bottom:10px; /*margin:5px 10px 10px 5px;*/ width:90%; font-family:Arial; font-size:16px;  background-color:#E7D589; border:1px solid #E7E6A3; padding:9px;}
/*#CodesBox2{display:block; float:left; margin:5px 10px 10px 5px; width:auto; height:auto; background-color:#E7D589; border:1px solid #E7E6A3; padding:10px;}*/

#CodesBoxtxt2{float:left; margin-bottom:10px; /*margin:5px 10px 10px 5px;*/ width:90%; font-family:Arial; font-size:16px;  background-color:#999; border:1px solid #ccc; padding:9px;}
/*#CodesBox2{display:block; float:left; margin:5px 10px 10px 5px; width:auto; height:auto; background-color:#E7D589; border:1px solid #E7E6A3; padding:10px;}*/

#CodesBoxtxt2 img { float:right; margin:-29px -20px -10px 0; border:0;}

#CodesBoxtxt img { float:right; margin:-29px -20px -10px 0;}

/*#CodesBox1 img{float:right;}*/

#CodesBox{/*float:left;*/}
/*#CodesBoxtxt img{float:right; width:50px; height:50px;}*/

#BecomeMember {display:block; width:550px; height:120px; border:2px dotted #FFF; background-color:#ccc; color:#000; padding:5px;  margin:-15px 0 0 10px; *margin:-20px 0 0 10px; position:relative;}
/*#BecomeMember img {float:right}*/
#BecomeMember img {position:absolute; right:10px;
    top: 175px;
}
#BecomeMember h2 {font-size:18px; margin:0 0 0 0px; padding:0;}
#BecomeMember p {font-size:13px; margin:3px 10px; padding:0; width:300px;}

#upcomingmeetings {width:900px; margin:25px; padding:10px; border:none; background:#fff; color:#000;}
#upcomingmeetings a {color:#333}
#upcomingmeetings table {border:none;}
#upcomingmeetings table tr {border:none;}
#upcomingmeetings table th {border:none; padding:3px;}
#upcomingmeetings table tr td {border:none; padding:3px;}
/*Appliacable only to Membersship section once members are logged in--------------------------------------------------*/

#MemberCol {width:160px; height:308px; background-color:#DDD7D5; border-right:1px solid #FFF; color:#000; font-size:11px; font-weight:bold; float:left; }

#MemberNavBox{width:295px; height:75px; border:1px solid #FFF; margin:auto; margin-top:5px; *margin-top:0; font-size:11px;}
#MemberNavBox img {float:right;}
.MemberTable1{width:679px; float:right; line-height:20px;  font-size:14px;}
.MemberTable1 a { text-decoration:none; margin:-bottom:10px;}

/*#navcontainer img {float:right}*/


#MemberColRoster {width:819px; float:right; margin:0; padding:0; background:#ccc; color:#000066}
/*#MemberColRoster table td {background:#ccc;}
#MemberColRoster table tr {background:#cccccc; display:block; height:30px; padding:5px; color:#000066}*/
#MemberColRoster table td.detailsview {width:399px;}


table.MemberListTable {}
    .MemMain{width: 982px; background-color:#E1C346; border-right:1px solid #FFF; border-left:1px solid #FFF;}
    .MemSearch{width: 982px; border-right:1px solid #FFF; border-left:1px solid #FFF; background-color:Gray;}
    .MemNew{width: 982px; border-right:1px solid #FFF; border-left:1px solid #FFF; background-color:Silver; color:Black;}
    .MemDivide{width: 982px; border-right:1px solid #FFF; border-left:1px solid #FFF; height:1px; background-color:Black;}
    /*associated with label F_name L_name*/
    .MemberName {margin-right:5px; font-family:Arial; font-size:14px; font-weight:bold; color:#ccc;}
    .MemberEmail {color:#FFF000;}
    .MemberNameSearch {margin-right:5px; margin-left:10px; font-family:Arial; font-size:14px; font-weight:bold; color:#000;} 
    .MemMain tr{ background-color:Black}
    .MemMain td{ background-color:#3C4741}
    
    .ALTMemMain{width: 982px; background-color:#E1C346; border-right:1px solid #FFF; border-left:1px solid #FFF;}
    .ALTMemSearch{width: 982px; border-right:1px solid #FFF; border-left:1px solid #FFF; background-color:Gray;}
    .ALTMemMain tr{ background-color:Black}
    .ALTMemMain td{ background-color:#3C4741}

table.PanelTable {width:819px; border:none;}
table.PanelTable td {border:none; vertical-align:top; padding:4px 5px;}
table.PanelTable td a {color:#000066;}
table.PanelTable tbody {border:none;}

table.DataSource {}

/*#MemberDownloads {width:819px; line-height:20px; font-size:14px; padding-bottom:148px;}
#MemberDownloads table {width:800px;}
#MemberDownloads table td {background:#ccc; height:30px; padding:5px; color:#000066}
#MemberDownloads table td img {float:right; margin-top:-20px; padding:0;}
#MemberDownloads tr a {color:#000066; text-decoration:none;}*/

#MemberDownloads {width:819px; line-height:20px; font-size:14px; padding-bottom:148px;}
#MemberDownloads table {width:800px;}
#MemberDownloads td {background:#ccc; height:30px; padding:5px; color:#000066; position:relative}
#MemberDownloads td:hover {background:#999;}
#MemberDownloads td img {float:right; margin-top:-5px; padding:0; *margin:0; *Position:absolute; *top:2px; *right:5px;}
#MemberDownloads tr a {color:#000066; text-decoration:none;}


/*#MemberDownloads table td a:hover{background: #FF0000; display:block; width:790px; padding:4px; float:right; color:#FFF}
#MemberDownloads tr a:hover{color:#FFF}

.style1{width:90%}*/

.style3{padding-top:5px; background:#cccccc !important;}

#MemberLogIn {border:1px solid #CECECE; display:block; padding:20px; width:250px; height:150px; margin:auto;
              background-color:#CECECE; margin-bottom:50px; margin-top:50px; border:1px solid #000; }

.LabelUser {margin-right:-20px 5px 0 0; position:absolute; top:648px; 
            left: 153px; 
            color:Black
            }
            
.TxtUser {margin:10px; position:absolute;
    top: 636px;
    left: 218px;
    }

.LabelPass {margin-right:5px; position:absolute; top:677px; 
            left: 155px; 
            color:Black
            }

.TxtPass {margin:10px; position:absolute;
          top: 112px;
          left: 446px;
          }

.MemberButton {/*position:absolute;
    top: 150px;
    left: 527px;*/
    margin-top:75px;
    margin-left:175px;
    *margin-left:195px;
    }
        
.ValUser {position:absolute;
    top: 104px;
    left: 456px;
    width: 82px;
    }   
    
.ValPass {position:absolute;
    top: 148px;
    left: 456px;
    width: 114px;
    }      

a {color:#FFF}   


/*----------------------------------------------*/

.MemLogInTB {margin:0 0 5px 0}

.ExeCommittee {display:block; width:300px; height:auto; background:#cccccc; padding:5px; margin:5px 0 0 10px;}


/*************** Member List for Codes Compliance Members ************/
table.MemberListTable {padding:0; margin:0 auto; border:1px solid #fff000}

table.MemMain {padding:0; margin:0 auto; border:1px solid #ff0000}

table.ALTMemMain {padding:0; margin:0 auto; border:1px solid #6ABDB1}