body {
	background: #2B364A url(../images/bg.jpg) repeat-x left top;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	color: #5B5B5B;
}

img {
	border: none;
}

.clear {
	clear: both;
	height: 0px;
}

#content-top:after,
#content-bottom:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#bg-top {
	width: 960px;
	height: 10px;
	margin: 0px auto;
	background: url(../images/bg_top.gif) no-repeat;
}

.ie6 #bg-top {
	margin-bottom: -9px;
}

#bg-bottom {
	width: 960px;
	height: 11px;
	margin: 0px auto;
	background: url(../images/bg_bottom.jpg) no-repeat;
}

#sheet {
	width: 960px;
	margin: 0px auto;
	background: #FFFFFF url(../images/bg_sheet.gif) repeat-y 0 top;
}

.pub {
	width: 885px;
	height: 60px;
	margin: 0px auto;
	padding: 0px 0px 8px 0px;
	text-align: right;
}

#canvas {
	width: 885px;
	margin: 0px auto;
}

#head {
	height: 103px; /* 113 - 10 (bg-top height) */
}

#head .left {
	padding-top: 27px;
}

#head .right {
	padding-top: 66px;
	text-align: right;
}

#head .right input {
	border: 1px solid #5B5B5B;
	font-size: 10px;
	color: #5B5B5B;
}

#head a {
	text-decoration: underline;
	color: #5B5B5B;
}

#head a:hover {
	text-decoration: none;
}

#top-banner {
	width: 468px;
	height: 60px;
	margin-bottom: 7px;
	float: right;
}

#banner {
	width: 885px;
	height: 210px;
	margin-bottom: 30px;
	background-color: #2B364A;
}



#nav {
	width: 856px;
	text-align: right;
	/*font-size: 10px;
	font-weight: bold;*/
	font-size: 11px;
	color: #8FCEFF;
	padding-top: 192px;
	padding-right: 29px;
}

.ie #nav {
	padding-top: 191px;
}

#new-nav a {
	color: #FFF;
	text-decoration: none;
}

#new-nav a.selected, #new-nav a:hover {
	color: #8FCEFF;
}

#new-nav {
	padding-top: 192px;
	padding-left: 375px;
	text-align: left;
	font-size: 11px;
	color: #8FCEFF;
}

#new-nav.non-member {
    padding-left: 375px;
/*    padding-left: 445px;*/
}

#new-nav ul {
	padding: 0;
  	margin: 0;
  	list-style: none;
}

#new-nav li {
	float: left;
  	position: relative;
  	margin-right: 9px;
}

#new-nav li ul {
	display: none;
  	position: absolute; 
  	top: 100%;
  	left: 0;
}

#new-nav li ul.last {

}

/*#new-nav li > ul {
	top: auto;
	left: auto;
}*/

#new-nav li:hover ul, #new-nav li.over ul {
	display: block;
}

#new-nav ul li ul li {
	width: 155px;
	background-color: #222B4A;
	border-bottom: 1px solid #222B4A;
	border-left: 1px solid #222B4A;
	border-right: 1px solid #222B4A	;
	clear: both;
}

#new-nav ul li ul.last li {
	width: 97px;
}

#new-nav ul li ul li a{
	padding: 5px;
	display: block;
	background-color: #222B4A;
	color: #FFF;
	font-weight: bold;
}

#new-nav ul li ul li a:hover,
#new-nav ul li ul li a.selected {
	color: #8FCEFF;
}

#new-nav ul li ul li.first {
	margin-top: 6px;
}

.ie #new-nav ul li ul li.first {
	margin-top: 4px;
}

body.home #banner, body.legals #banner, body.search #banner {
	background: #222B4A url(../images/banners/home.jpg) no-repeat left top;
}

body.about_us #banner {
	background: #222B4A url(../images/banners/about_us.jpg) no-repeat left top;
}

body.members #banner {
	background: #222B4A url(../images/banners/our_members.jpg) no-repeat left top;
}

body.resources #banner {
	background: #222B4A url(../images/banners/resources.jpg) no-repeat left top;
}

body.events #banner {
	background: #222B4A url(../images/banners/events.jpg) no-repeat left top;
}

body.sponsors #banner {
    background: #222B4A url(../images/banners/sponsors.jpg) no-repeat left top;
}

body.links #banner {
    background: #222B4A url(../images/banners/links.jpg) no-repeat left top;
}

body.contact #banner {
	background: #222B4A url(../images/banners/contact.jpg) no-repeat left top;
}

#content-top {
	background: url(../images/bg-content-top-bottom.jpg) no-repeat 0 bottom;
	padding-bottom: 25px;
}

#one {
	width: 395px;
	margin-right: 49px;
	float: left;
	line-height: 14px;
	text-align: left;
	padding-bottom: 80px;
}

.ie6 #one {
	padding-bottom: 90px;
}

.ie7 #one {
	padding-bottom: 100px;
}

#two {
	width: 244px;
	float: left;
}

#two h2 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
}

#two h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #6088C3;
}

#two h3 a, #two a {
	color: #6088C3;
}

#two p {
	margin-top: 2px;
	margin-bottom: 7px;
}

.ie #two p {
	margin-bottom: -8px;
	padding-bottom: 0px;
}

#one h1, #two h1 {
	height: 27px;
	background: url(../images/bg-title.gif) repeat-x left top;
	margin-top: 0px;
}

#three {
	width: 145px;
	float: right;
}

#three img, #col3 img, #left-banners img {
	/*margin-bottom: 6px;*/
}


#content-bottom {	
	height: 152px;
	background: url(../images/bg-can-we-help.gif) repeat-x left top;
	padding-left: 26px;
}

#member-area-home {
	float: left;
	width: 370px;
	height: 137px;
	background: url(../images/bg-member-area.jpg) no-repeat;
}

#member-area-home input {
	border: 1px solid #5B5B5B;
	font-size: 10px;
	color: #5B5B5B;
	width: 80px;
}

#member-area-home a, #can-we-help a {
	text-decoration: underline;
	color: #5B5B5B;
}

a, #member-area-home a.login {
	color: #3E83CE;
}


#login {
	padding-top: 75px;
	padding-left: 114px;
}

.ie #login {
	padding-top: 55px;
}

#can-we-help {
	float: right ;
	width: 440px;
	padding-top: 10px;
	line-height: 18px;
}

#can-we-help img {
	margin-bottom: 8px;
}

#col1 {
	width: 176px;
	margin-right: 15px;
	float: left;
}

#col2{
	width: 534px;
	float: left;
}

#col3 {
	width: 145px;
	float: right;
}

#left-nav {
	background-color: #394963;
	/*height: 43px;*/
	height: 49px;
	/*padding: 13px 5px 17px 0px;*/
	padding: 7px 5px 17px 0px;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
}

#left-nav a {
	text-decoration: none;
	color: #FFF;
	padding-left: 16px;
}

#left-nav span {
	background: url(../images/left-nav-arrow.gif) no-repeat left center;
	padding-left: 16px;
	color: #8FCEFF;
}

#left-nav a:hover {
	color: #8FCEFF;
}

#member-area-left {
	background: url(../images/member-area-left.jpg) no-repeat;
	padding-top: 115px;
	padding-left: 26px;
	padding-bottom: 15px;
}

#member-area-left input {
	border: 1px solid #5B5B5B;
	font-size: 10px;
	color: #5B5B5B;
	width: 80px;
	margin-bottom: 3px;
}

.ie #member-area-left {
    padding-top: 93px;
}

.ie #member-area-left.signed-in {
	padding-top: 115px;
}

#become-a-member {
	background: url(../images/become-a-member.jpg) no-repeat;
	padding-top: 93px;
	padding-bottom: 5px;
	padding-left: 23px;
}

#left-banners {
	width: 172px;
	margin: 10px 2px 0px 2px;
}

#notice {
	height: 57px;
	background: #F5F5F5 url(../images/bg_notice.gif) no-repeat left top;
	padding: 16px 20px 0px 20px;
	text-align: justify;
	margin-bottom: 24px;
}

#col2 p {
	padding: 0px 19px 0px 20px;
	text-align: justify;
	line-height: 13px;
	border-right: 1px solid #E0E0E4;
	margin-top: 0px;
	margin-bottom: 10px;
}

#col2 div.noborder {
	padding: 0px 19px 0px 20px;
	text-align: justify;
	line-height: 13px;
	border-right: 1px solid #E0E0E4;
	margin-top: 0px;
	margin-bottom: 10px;	
}

#col2 p.noborder,
#col2 div.noborder {
    border-right: none;
}

#col2 p.left {
	padding: 0px 0px 0px 20px;
	float: left;
	border: none;
}

#col2 p.right {
	padding: 0px 20px 0px 0px;
	float: right;
	border-right: 1px solid #E0E0E4;
	width: 48%;
}

#see-also {
	margin-top: 20px;
	background: #F5F5F5;
	padding: 7px 0px 7px 20px;
}

#see-also a {
	color: #3E83CE;	
}

#board-list-name {
	float: left;
	padding-left: 20px;
	pading-right: 10px;
}

#board-list-pic-preview-container {
	height: 116px;
	float: left;
	margin-right: 10px;
	position: relative;
}

.board-list-pic-preview {
	width: 230px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#board-list-links {
	float: left;
	padding-left: 20px;
	padding-right: 70px;
}

#board-list-links a:hover {
	text-decoration: none;
}

.board-profile-name {
	font-size: 12px;
	font-weight: bold;
}

#board-profile-detail-pic {
	width: 93px;
	float: left;
}

#board-profile-details {
	float: right;
	width: 433px;
	border-right: 1px solid #E0E0E4;
}

#board-profile-details h1 {
	font-size: 11px;
	font-weight: bold;
	padding: 7px 0px 8px 7px;
	margin: 0px 7px 10px 0px;
	background-color: #F0F0F0;
}

#board-profile-details p {
	padding: 0px 14px 5px 5px;
	text-align: justify;
}

h1.testimonial {
	padding: 0px 0px 0px 20px;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
}

.blue {
	color: #1867B8;
}

#testimonial-frm input {
	font-size: 11px;
	width: 150px;
	border: 1px solid #5B5B5B;
}

#testimonial-frm textarea {
	border: 1px solid #5B5B5B;
}

#add-testimonial-table td {
	padding-bottom: 3px;
}

#flash,
#error_explanation {
  text-align: left;
  border: 1px solid #ccc;
  font-size: 12px;
  margin: 0 0px 12px 0px;
  padding: 5px 5px 5px 5px;
}

div#flash.good, .good {
  border-color: #9c9;
  color: #060;
  background-color: #E2F9E3;
}

div#flash.bad, .bad, #error_explanation {
  border-color: #c99;
  color: #fff;
  background-color: #cc0000 ;
}

#error_explanation {
    margin: 10px 20px;
}

#error_explanation h2 {
    font-size: 14px;
}

.field_with_errors {
    display: inline;
    padding-left: 20px;
    color: #CC0000;
}

.bad a {
	color: #FFF;	
}

div.row {
	clear: both;
  	padding: 3px 0px 3px 0px ;
  	margin-bottom: 15px;
  	margin-left: 20px;
}

.ie div.row {
	margin-bottom: 20px;
}

div.row label {
	float: left;
	width: 100px;
	text-align: left;
	background-color: inherit;
}

div.row label.big-label {
	width: 250px;
	margin-bottom: 5px;
}

div.row span {
	float: left;
	text-align: left;
	padding-left: 5px;
	background-color: inherit;
}

.mandatory {
	color: red;
	font-weight: normal;
}


.ie div.row span input {
	margin-left: -20px;
}

.ie div.row span div.fieldWithErrors input {
	margin-left: 0px;
}

div.fieldWithErrors {
	border: 1px solid red;
}

#rotating-banner {
	width: 468px;
	height: 60px;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

.bottom-sponsor {
    height: 60px;
}

.bottom-sponsor {
    width: 468px;
    height: 60px;
}

#footer {
	border-top: 1px solid #DDDDDD;
	text-align: center;
	margin-top: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.basic-form input {
	font-size: 11px;
	width: 150px;
	border: 1px solid #5B5B5B;
}

.basic-form select, .basic-form textarea {
	font-size: 11px;
	border: 1px solid #5B5B5B;
}

p#form-bottom {
	margin: 10px 20px 0px 20px;
	border-top: 1px solid #E0E0E4;
	border-right: none;
	padding: 10px 0px 0px 0px;
}

input.radio-normal {
	width: 11px;
	border: none;
}

div.bulletins {
	margin: 0px 20px 0px 20px;
	background: url(../images/bg-pdf.jpg) no-repeat right top;
	width: 75%;
}

div.meeting-reports {
	margin: 0px 20px 20px 20px;
}

div.meeting-report {
	float: left;
	width: 24%;
	margin-bottom: 20px;
}

div.event_grey {
	background-color: #F6F6F6; 
	margin: 0px 40px 0px 0px;
	padding: 13px 16px 10px 16px;
	/*height: 52px;*/
}

div.event_white {
	background-color: #FFF; 
	margin: 0px 40px 0px 0px;
	padding: 13px 16px 10px 16px;
	/*height: 52px;*/
}

strong.highlight {
	background-color: #8FCEFF;
	padding: 0px 1px 0px 1px;
}

#footer a {
	text-decoration: none;
	color: #5B5B5B;
}

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

.left {
	float: left;
}

.right {
	float: right;
}

.countries-div {
	float: left;
	margin-left: 20px;
	margin-right: 10px;
}

.ie .countries-div {
	margin-left: 0px;
}

/* -- start new styles -- */

ul.possible-company-list {
    list-style-type: none;
    margin-left: 20px;
    padding-left: 0;
}

ul.possible-company-list li {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

#sidebar-login-form-container {
    position: relative;
}

#sidebar-login-form-submit {
    position: absolute;
    top: 20px;
    right: 30px;
}

.ie #sidebar-login-form-submit {
    top: 23px;
}

.event-div {
    padding: 0px 19px 0px 20px; 
    border-right: 1px solid #E0E0E4;
}

.event-div .description {
    float: left;
    width: 350px;
}

.event-div .images {
    float: right;
    width: 132px;
}

.event-div .images img {
    margin-bottom: 8px;
    width: 132px;
}

img.board-member {
    width: 93px;
    height: 106px;
}

.right-column-sponsor,
.left-column-sponsor {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
  margin-top: 10px;
}

#right-column-sponsors ul {
  width: 100%;
}

#right-column-sponsors ul li {
  width: 100%;
}

.sponsor-category-name {
    color: #F87F12;
    text-transform: uppercase;
    font-size: 10px;
}

.ie #contact-form textarea {
    margin-left: -20px;
}