/* Global
-------------------------------------------------------------- */

body {
    background: url(../images/bg.gif) top center no-repeat #000;
    color: #000000;
    margin-top: 0;
}

table th {
    background: none;   
}

/* Header
-------------------------------------------------------------- */

#header {
    position:relative;
    height:120px;
}

#header #logo {
    top: 45px;
    margin-bottom: 10px;    
     position:absolute;
}

#staffs-logo {
    /*text-align: right;  */
    left:650px;
    margin-top: 15px;
    position:absolute;
}
#staffs-logo2
{
	  left:400px;
    margin-top: 65px;
    position:absolute;
}
#header #phone 
{
	    margin-top: 55px;
    position:absolute;
    color: #fff;
    text-align: right;
    font-size: 2em;
    font-weight: 300;
     left:800px;
    
}

#header #phone .red {
    color: #e91c24; 
}

#header #white {
    height: 7px;
    background-color: #fff; 
    top:113px;
     position:absolute;
}

#header h1 {
    margin: 0;  
}


/* Menu
-------------------------------------------------------------- */

#menu {
    background-color: #e91c24;
}

#menu ul {
    float: left;
    list-style: none;
    margin: 0;
    width: 700px;
    height: 25px;
}

#menu ul li {
    float: left;
    display: inline;    
    height: 23px;
    padding: 2px 15px 0 22px;
}

#menu ul li a {
    text-decoration: none;
    color: #000; 
    font-size: 1.167em;
    font-weight: 300;
}

#menu ul li a:hover {
    text-decoration: underline; 
}

#menu ul li.selected {
    background: url(../images/white-star-red-bg.gif) 0 3px no-repeat;
}

#menu ul li.selected a {
    color: #fff;    
}

#menu ul li.active a {
}

#menu ul#login {
    float: right;   
    width: 45px;
}

#menu ul#login li {
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;   
}

#menu ul#login a {
    float: left;
    width: 36px;
    height: 19px;
    font-size: 1em;
    padding: 1px 0 0 10px; 
    background: url(../images/login-button.gif) top left no-repeat; 
}

#menu ul#login a:hover {
    text-decoration: none;
}

#menu ul#loggedin {
    float: right;   
    width: 183px;
}

#menu ul#loggedin li {
    width: 183px;
    height: 20px;
    font-weight: bold;
    margin-top: 2px;
    padding: 2px 0 0 12px;
    background: url(../images/loggedin.gif) top left no-repeat;   
}

#menu ul#loggedin a {
    font-size: 1em;
    font-weight: bold;
    padding: 0; 
    color: #e91c24;
}

#menu ul#loggedin a:hover {
    text-decoration: none;
}


/* Main
-------------------------------------------------------------- */

#main {
    background-color: #fff;
    padding-top: 8px;   
}

#main h2 {
        
}

#sidebar {
    margin-left: 10px;  
}

#submenu {
    background-color: #d9dadb;  
}

#submenu ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0; 
}

#submenu ul li {
    min-height: 21px; 
    padding-left: 28px;
    padding-top: 4px;
    margin-bottom: 5px;
    background: url(../images/grey-star-grey-bg.gif) 5px 3px no-repeat;
}

#submenu ul li a {
    color: #414042;
    font-weight: bold;
    text-decoration: none;  
}

#submenu ul li.active, #submenu ul li.selected {
    background: url(../images/submenu-active-bg.jpg) top left no-repeat;
}

#submenu ul li.active > a, #submenu ul li.selected > a {
    color: #fff;    
}

#submenu ul li ul li {
    background: none;   
    padding-left: 0;
}

#submenu ul li ul li.active {
    background: none;   
}

#submenu ul li ul li.active a,  #submenu ul li ul li a {
    font-weight: normal;
    color: #414042;
}

#submenu ul li ul li.active a,  #submenu ul li ul li.active a {
    font-weight: bold;
    color: #e91c24;
}

#latest-news {
    background-color: #f7b0b3;  
    margin-top: 8px;
}

#latest-news h3 {
    font-size: 1.167em;
    font-weight: 300;
    height: 20px;
    padding: 5px 0 0 27px;
    margin: 0;
    color: #fff;
    background: url(../images/white-star-red-bg.gif) 5px 3px no-repeat #e91c24; 
}

#latest-news #latest-news-wrapper, #upcoming-events #upcoming-events-wrapper {
    padding: 10px;  
}

#latest-news a {
    color: #e91c24;
    text-decoration: none;  
    font-weight: bold;
}

#latest-news p, #upcoming-events p {
    font-size: 0.917em;
    margin: 0;
}

#events-title {
    float:left;
}

#events-selector {
	padding-top: 5px;
    float: right;
}

#events-selector a{
    color: #e91c24;
}

#upcoming-events {
    background-color: #fff;  
    margin-top: 8px;
}

#upcoming-events h3 {
    font-size: 1.167em;
    font-weight: 300;
    height: 20px;
    padding: 5px 0 0 27px;
    margin: 0;
    color: #fff;
    background: url(../images/white-star-black-bg.gif) 5px 3px no-repeat #000; 
}

#upcoming-events a {
    color: #000;
    text-decoration: none;
    font-weight: bold;  
}

#featured-member {
    background-color: #fff;  
    margin-top: 8px;
}

#featured-member h3 {
    font-size: 1.167em;
    font-weight: 300;
    height: 20px;
    padding: 5px 0 0 27px;
    margin: 0;
    color: #fff;
    background: url(../images/white-star-red-bg.gif) 5px 3px no-repeat #e91c24; 
}

#featured-member img {
    padding: 10px;  
}

#content h2 {
    margin-bottom: 5px;
}

#content a {
    color: #e91c24;
    //text-decoration: none;    
}

#alphabet ul {
    list-style: none;   
}

#home {
    padding-top: 10px;  
}
/* Business Directory
-------------------------------------------------------------- */
.members-list-header {
    float: left;
}

.members-list-filter {
    float: right;
    margin-top: 10px;	
}

.members-list-filter a {
    color: #E91C24;
    text-decoration: none;	
}

.members-list-filter a:hover {
    text-decoration: underline;	
}

.members-list-filter a.active {
    font-weight: bold;	
}

#pagination {
    text-align: right;
    height: 30px;
}

#pagination .page {
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 5px;
    padding-bottom: 4px;
    font-weight: 300;
}

#pagination .current {
    background: url(../images/black-star-pagination.gif) top left no-repeat;
    color: #fff;    
}

#pagination a {
    color: #e91c24;
    text-decoration: none;  
}

#alphabet ul li a {
    text-decoration: none;
    color: #E91C24;
}

#members table tr.row1 {
    background-color: #fcddde;
}

#members table tr.row2 {
    background-color: #d3d5d6;
}

#members h3 {
    color: #e91c24;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px; 
}

#members h3 a {
    color: #e91c24;
    text-decoration: none;
}

#members h3 a:hover {
    text-decoration: underline; 
}

#members p {
    font-size: 1em; 
    color: #000;
    margin: 0;
    line-height: 1.3;
}

#members a {
    color: #000;
    text-decoration: none;
}

#members .border {
    border-top: 1px dashed #a0a0a0;
    padding: 0;
    
}

#members .image {
    background: #fff;   
}

#members .description {
    vertical-align: top;
    padding-top: 8px;   
}

#members .details {
    width: 230px; 
    vertical-align: top;
    padding-top: 8px;
}

#members ul {
    list-style: none;  
    margin: 50px 0 0 0;
    padding: 0; 
}

#members ul li {
    width: 140px;
    height: 22px;   
    padding: 5px 0px 0px 10px;
    margin: 0;
}

#members ul li.black {
    background: url('../images/white-star-black-bg-big.gif') #000 5px 3px no-repeat;
}

#members ul li.black a {
    color: #e91c24;
    font-weight: 600;
    margin-left: 22px;
}

#member img, #member #extra-images img {
    border: 1px solid #404040;
}

#member #extra-images {
    margin-top: 5px;    
}

#member #extra-images img {
    margin-right: 7px;
}

#main h2 {
    color: #000;
    font-size: 1.833em;
    font-weight: 300;
    margin-bottom: 0px;
}

#member h3 {
    color: #e91c24;
    font-size: 1em;
    font-weight: bold;
    padding: 0;
    margin: 0;  
}

#member .email {
    text-decoration: none;
    color: #000;    
}

#members .website, #member .website {
    text-decoration: none;
    color: #e91c24;    
}

#back {
    margin-top: 20px;   
}

#back a {
    float: left;
    width: 200px;
    height: 33px;
    padding: 7px 0 0 40px;
    color: #e91c24;
    font-size: 1.333em;
    text-decoration: none;  
    background: url(../images/black-star-white-bg-big.gif) top left no-repeat;
}


/* Events
-------------------------------------------------------------- */

#events table th {
    background-color: #e91c24;
    color: #fff;    
    padding: 1px 0 1px 0;
}

#events th {
    background-color: #194171;
    color: #fff;
    font-weight: normal;    
}

#events tr.row1 {
    background-color: #cccccc;
}

#events tr.row2 {
    background: #fff;
}

#events h2 {
    margin: 0 0 5px 0;  
}

#events h3 {
    font-size: 1em;
    font-weight: bold;  
    padding: 0;
    margin: 0;
}

#events h3 a {
    color: #194171;
    text-decoration: none;  
}

#events a:hover {
    text-decoration: underline; 
}

#events td.image {
     
}

#events td.date {
    color: #000;
    font-weight: bold;  
    text-decoration: none;
    padding: 0 40px 0 0;
    width: 100px;
}

#events td a {
    color: #e91c24;
    font-weight: bold;  
    text-decoration: none;
    padding: 0 40px 0 0;
}

#events td.title {
    width: 300px;
    padding-right: 35px;    
}

#events td.category {
    color: #194171;
    font-weight: bold;
    padding-right: 40px;
}

#events td.readmore {
    vertical-align: bottom;
    text-align: right;
}

#events td.readmore a {
    color: #000;
    padding: 0 15px 0 0;
}

#events td p {
    margin: 0;  
}

#event-files img {
    margin: 2px 5px 0 0;
    
}

/* News
-------------------------------------------------------------- */

.article, .article2 {
    width: 415px;
    height: 125px;
    margin-left: 7px;
    margin-bottom: 10px;
    background-color: #fcddde;
}

.article2 {
    background-color: #d3d5d6;  
}

.article img, .article2 img {
    margin-top: 6px;
    margin-left: 7px;
}

.article .description, .article2 .description {
    margin-left: 5px;   
}

.article h3, .article2 h3 {
    font-size: 1em;
    font-weight: bold;
    color: #b5040c;
    margin-top: 10px;
    margin-bottom: 0;
}

.article h3 a, .article2 h3 a {
    color: #E91C24;
    text-decoration: none; 
}

.article p, .article2 p {
    font-size: 1em;
    color: #000;
    line-height: 1.2em;
    margin: 0 0 8px 0;
}

.article a, #member a {
    color: #666666; 
}

.article2 a {
    color: #fff;    
}

.article ul, .article2 ul {
    float: left;
    list-style: none;
    margin: 0;
}

.article ul li, .article2 ul li {
    width: 129px;
    height: 26px;
    background: url(../images/white-star-black-bg.gif) 5px 4px no-repeat #000;
}

.article ul li a, .article2 ul li a {
    font-size: 12px;
    color: #e91c24;
    text-decoration: none;
    display: block;
    padding-top: 4px;
    padding-left: 28px;
}

.article ul li a:hover, .article2 ul li a:hover {
    text-decoration: underline;
}

#article-image img {
    margin-left: 30px;  
}


/* Contact us
-------------------------------------------------------------- */

#contact img {
    padding: 0;
    border: 2px solid #737373;
}

#contact {
    line-height: 1.2em; 
}

#contact #contact-main {
    width: 458px;
    background-color: #e0e0e0;
    padding: 18px 20px 2px 20px;
}

#contact h1 {
    font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.167em;
    font-weight: bold;
    color: #b5040c;
    margin: 0 0 10px 0;
}

#contact p {
    color: #666666;
    font-weight: bold;
}

#contact table {
    margin: 0;
    padding: 0; 
}

#contact th {
    background: none;   
}

#contact input {
    margin-bottom: 0;   
    width: 300px;
}

#contact textarea {
    height: 75px;
    width: 430px;
    margin-top: 0;
}

#contact #submit {
    width: 68px;
    height: 22px;
    border: none;
    background: url(../images/white-star-black-bg.gif) 2px 2px no-repeat #000;
    float: right;
    padding-left: 14px;
    color: #e91c24;
}

#contact p.contact-info {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 5px;
}

#contact p.contact-info a {
    color: #666;    
}

.errorlist {
    list-style: none;
    color: #b5040c;
    margin: 0;
    padding: 0;
}

#contact .normal {
    font-weight: normal;
}

#contact #subtable {
    padding-left: 0;
}

#contact #download-pdf {
    float: left;
    margin-top: 10px;
    width: 338px;
    height: 36px;
    padding: 18px 0 0 25px;
    background: url(../images/download-pdf.gif) top left no-repeat;
    color: #fff;
    text-decoration: none;
    font-size: 1.833em;
    font-weight: 100;
}


/* Account
-------------------------------------------------------------- */

#account input[type=text], #account input[type=password],
#account textarea, #account select { 
    background-color:#fff; 
    border:1px solid #bbb;
    width: 300px; padding:5px;
}

#account input[type=text]:focus, #account input[type=password]:focus, 
#account textarea:focus, #account select:focus { 
    border-color:#666; 
}

#account input[type=text], #account input[type=password],
#account textarea, select {
    margin:0.5em 0;
}

#account textarea {
    width: 390px;
    height: 250px;
    padding:5px;
}


/* Mentor booking
-------------------------------------------------------------- */

.month {
    border-spacing: 1px;	
}

.month ul {
    list-style: none;
    margin: 0;
    padding: 0;	
}

.month ul li {
    text-align: center;	
}

.month td {
    width: 50px;
    height: 70px;
    background-color: #ededed;	
    text-align: right;
    vertical-align: top;
}

.month td.filled {
    background-color: #FFF6BF;	
}

.month td a {
    font-size: 1em;	
}

/* Footer
-------------------------------------------------------------- */

#footer {
    text-align: left;
    padding-bottom: 25px;
    background-color: #fff;
}

#alt-footer {
    text-align: left;
    margin-top: 65px;
}   

#sub-footer {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 25px;
    background-color: #fff;
}

#sub-footer a {
    color: #E91C24;
}