@charset "utf-8";
/* North Shore Networking Group styles */

a {color: #e98b00; text-decoration: underline;}
a:hover {color: #e9a644; text-decoration: underline;}

div.hr {border-bottom: 1px solid #e98b00; margin-bottom: 16px;}

body {
background-color: #7e8aa2;
background-image: url('../images/page_bg.png');
background-repeat: repeat-x;
background-position: top;
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;}

#shadow_wrapper {
background-image: url('../images/shadow.png');
background-repeat: repeat-y;
width: 781px;
margin: 0 auto;
min-height: 535px;
height: auto!important;
height: 535px;
}

#header {
width: 765px;
margin: 0 auto;
height: 114px;
text-align: right;
background-color: #222d41;
background-image: url('../images/header_bg.gif');
background-repeat: repeat-x;
position: relative;}

#header img#logo {
position: absolute;
top: 29px;
left: 32px;
border: 0;
margin: 0;
padding: 0;}

#header #topnav {
position: absolute;
bottom: 14px;
right: 14px;}

#header #topnav a {
color: #e9d7bb;
font-size: 14px;
text-decoration: none;
margin: 0 0 0 24px;
padding: 0;}
#header #topnav a:hover { text-decoration: underline;}


#leftnav {
display: inline; /*dumb ol' IE6 */
width: 245px;
text-align: left;
padding: 0;
margin: 0;
margin-left: 8px;
line-height: 20px;
position: relative;
float: left;}

#leftnav ul {
margin: 8px 0;
padding: 0;
list-style-type: none;}

#leftnav ul li {
padding: 0;
border-bottom: 1px solid #f8f8f8;
color: #364766;
display: block;}

#leftnav ul li h4 {
font-weight: bold;
font-size: 11px;
color: #364766;
margin: 0;
line-height: 19px;
padding: 0 5px 0 8px;}

#leftnav ul li a {
padding: 0 5px 0 8px;
text-decoration: none;
color: #364766;
display: block;
width: 232px;}
#leftnav ul li a:hover {
background-color: #e9eaec;}


#content {
width: 518px;
margin-right: 8px;
display: inline; /* dumb ol' IE - again. */
float: right;
text-align: left;
padding: 0 0 20px 0;}

#content #hp_copy {
margin-left: 20px;
width: 265px;
float: left;
display: inline; /* dumb ol' IE - take III. */}

#content h1.hp {
font-size: 25px;
color: #132037;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
line-height: 45px;
margin: 16px 0 2px 0;
padding: 0;}

#content #hp_copy p {
color: #515356;
font-size: 13px;
line-height: 20px;
margin-top: 0;}

#content #hp_copy a {
color: #7e8aa2;
text-decoration: underline;}

#content #hp_copy a:hover {
color: #a1b0cf;}

#upcoming_events {
margin-right: 8px;
width: 196px;
float: right;
display: inline; /* dumb ol' IE - take IV. */}

#upcoming_events h2.upcoming {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal; 
color: #132037; 
font-size: 17px;
margin: 22px 0 6px 0;
padding: 0;}

#upcoming_events h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;
line-height: 16px;
color: #515356;}

#upcoming_events p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0 0 18px 0;
padding: 0;
line-height: 16px;
color: #515356;} 

#upcoming_events p a {
color: #e98b00;
text-decoration: none;}

#upcoming_events p a:hover {
color: #e98b00;
text-decoration: underline;}

a.xurl {
padding-right: 14px;
background-image: url('../images/xurl.png');
background-repeat: no-repeat;
background-position: right;
position: relative;}

a.inurl {
padding-right: 11px;
background-image: url('../images/inurl.png');
background-repeat: no-repeat;
background-position: right center;
position: relative;}

.clear {clear: both;}

#footer {
background-image: url('../images/shadow_bottom.png');
width: 781px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: top;
padding-top: 30px;
text-align: center;
color: #b9c0cc;}

#footer a {color: #b9c0cc; text-decoration: none;}
#footer a:hover {color: #b9c0cc; text-decoration: underline;}


/***************************
INNER PAGES
***************************/

#inner_content {
padding: 0 16px;}

#inner_content h1 {
font-weight: normal; 
color: #132037; 
font-size: 21px;
margin: 18px 0 5px 0;
padding: 0;}

#inner_content p {
color: #515356;
font-size: 12px;
line-height: 21px;
margin: 25px 15px 25px 0;}

#inner_content p a {
color: #7e8aa2;
text-decoration: underline;}

#inner_content p a:hover {
color: #a1b0cf;}
	
#inner_content ul li {
	color: #515356;
	font-size: 11px;
	line-height: 16px;
	}

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

ul.company_list li {margin: 0; padding: 0; padding-left: 18px; background-image: url('/images/bullet.gif'); background-repeat: no-repeat; background-position: left 10px; line-height: 21px; margin-left: 28px;}

.company_logo {
padding: 28px 0;
border: none;
border-top: 1px solid #e98b00;
border-bottom: 1px solid #e98b00;
text-align: center;
margin: 0;}

.details {
background-color: #eaebec;
margin: 0;
margin-bottom: 25px;
padding: 1px;
color: #515356;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;}

.details ul {
margin: 6px 1px;
list-style-type: none;
padding: 0;
display: block;
line-height: 17px;}

.details ul li {
margin: 0;
padding: 0;}

.details ul.left {float: left; text-align: left; clear: left;}
.details ul.right { float: right; text-align: right; clear: right;}
.details .name {font-weight: bold;}
.details a { color: #e98b00; text-decoration: underline;}
.details a:hover { color: #e9a746; text-decoration: underline;}

/******************
MEMBER DIRECTORY
******************/

table.membersTbl {
border: 1px solid #a7abb3;
border-spacing: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 100%;
text-align: left;
padding: 0;
margin: 0 auto;}

table.membersTbl th {
text-align: left;
color: #eaebec;
background-color: #222d41;
padding: 4px;
font-weight: normal;
border: 1px solid #ffffff;
margin: 0;
border-collapse: collapse;}

table.membersTbl th#company {
border-left: none;
border-right: none;}

table.membersTbl td {
padding: 3px 4px;
border: 1px solid #ffffff;
margin: 0;
border-collapse: collapse;}

table.membersTbl td a {
font-weight: bold;
color: #364766;
text-decoration: none;}

table.membersTbl td a:hover {
text-decoration: none;
color: #7e8aa2;}