* { margin: 0; padding: 0; }

body {
  	font: 12px Trebuchet MS, arial, sans-serif;
  	text-align: center; 
  	background: url('images/pbg.gif') #D4D4D4;
  	color: #3e3e3e;
	}


/* ========== text  ========== */

	h1, h2{
		font-size: 16px;
		font-weight: normal;
		}
	h3{
		font-size: 14px;
		margin: 0; padding: 0;
		line-height: 15px;
		}
	h4{
		font-size: 14px;
		margin: 0; padding: 0;
		line-height: 15px;
		color: #0072bc;
		}	
	a {
		text-decoration: none;
		font-weight: bold;
		color: #4b7fa7;
		}
	
	a.biglink {
		font-size: 13px;
		}
	.smbluelinks{ 	
		display: block;
		text-decoration: none;
		width: 60px;
		color: #45494c;
		font-size: 11px;
		font-weight: normal;
		background: url('images/arrow_smblue.gif') left no-repeat;
		margin: 0 0 13px 18px; padding: 0 0 0 14px;
		}	

	.read_more {	
		display: block;
		text-decoration: none;
		width: 150px;
		font-weight: bold;
		background: url('images/arrow_wbg.gif') left no-repeat;
		margin: 10px 16px 10px 0px; padding: 0 0 0 18px;
		}
		
	p img, li img{
		vertical-align: bottom;
		margin-bottom: 2px;
	}
	
/* ========== global layout  ========== */

	#wrapper {
		text-align: left;
		margin: 0 auto;
		} 
		.big{
			width: 955px; 
			}
		.small{
			width: 800px; 
			}

	#primary {
		width: 800px; 
		float: left;
		} 
	
	#secondary {
		margin: 10px;
		float: left;
		} 
		.big #secondary{
			width: 135px; 
			}
			.big #secondary img{
				margin-bottom: 10px;
				}
		.small #secondary{
			width: 790px; 
			}	
			.small #secondary img{
				margin-right: 10px; 
				}	
	
	
/* ========== header  ========== */
	
	#header {
		position: relative;
		width: 792px; 
		margin: 0 auto; padding: 0 4px 0 4px;
		height: 100px;
		background: url('images/hbg.gif') center no-repeat;
		text-align: left;
		}
		#header img {
			margin: 30px 0 0 20px;
			}
		#header ul{
			position: absolute;
			top: 62px; right: 10px;
			border-bottom: 1px solid #d8d9d9;
			width: 380px;
			padding: 0 0 4px 0;
			}
			#header.head2 ul{
			position: absolute;
			top: 45px; right: 10px;
			border-bottom: 1px solid #d8d9d9;
			width: 400px;
			padding: 0 0 4px 0;
			}
			#header.head2 ul img
			{
			    margin:0px;
			}
		#header ul li{
			list-style: none;
			display: inline;
			margin: 0 5px 0 0; padding: 0;
			}
		#header ul li a{
			text-decoration: none;
			font-size: 10px;
			color: #7a7a7a;
			padding: 0 8px 4px 0; margin: 0;
			border-right: 1px solid #d8d9d9;
			}
		#header ul li a:hover{
			color: #000;
			}
		#header ul li a.last{
			border-right: none;
			padding: 0; margin: 0;
			}
		#breadcrumb{
			position: absolute;
			top: 70px; right: 25px;
			text-decoration: none;
			color: #4d8bb7;
			font-size: 10px;
			}	
			#breadcrumb a{
				text-decoration: none;
		  		color: #3e3e3e;
				}


/* ========== content  ========== */

	#content {
		width: 780px; 
		margin: 0 auto; padding: 0 4px 0 4px;
		text-align: left;
		background: #fff url('images/bg2.gif') repeat-y left top;
		}
		#home #content{
		background: #fff url('images/bg1.gif') repeat-y left top;
		}
		#admin #content{
		background: #fff url('images/bg3.gif') repeat-y left top;
		}
		
	#col1 { 
		width: 155px; 
		float: left;
		display: inline;
		}
		#col1 ul{
			list-style: none;
			background: #3eabe3;
			/*min-height: 192px;*/
			}
			#home #col1 ul {
				height: 252px;
				}
			#admin #col1 ul {
				height: 58px;
				}
		#col1 li {
			float: left;
			}	
		#col1 a {
			display: block;
			width: 110px;
			text-decoration: none;
			}	
		#col1 a.pnav1, #col1 a.pnav2, #col1 a.pnav3, #col1 a.pnav4, #col1 a.pnav5, #col1 a.pnav6, #col1 a.pnav7, #col1 a.pnav8{
			display: block;
			overflow: hidden;
			/*height: 0px !important;*/
			height /**/: 32px; /*For IE5 Win */
			width: 155px;
			padding: 0px 0 0 0;
			}
			#col1 a.pnav1{
				background: url('images/pnav1.gif') top left no-repeat;
				}
				#admin #col1 a.pnav1{
					background: url('images/admin_pnav1.gif') top left no-repeat;
					}
			#col1 a.pnav2{
				background: url('images/pnav2.gif') top left no-repeat;
				}	
				#admin #col1 a.pnav2{
					background: url('images/admin_pnav2.gif') top left no-repeat;
					}	
			#col1 a.pnav3{
				background: url('images/pnav3.gif') top left no-repeat;
				}	
				#admin #col1 a.pnav3{
					background: url('images/pnav2.gif') top left no-repeat;
					}	
			#col1 a.pnav4{
				background: url('images/pnav4.gif') top left no-repeat;
				}	
				#admin #col1 a.pnav4{
					background: url('images/pnav4.gif') top left no-repeat;
					}	
			#col1 a.pnav5{
				background: url('images/pnav5.gif') top left no-repeat;
				}
				#admin #col1 a.pnav5{
					background: url('images/pnav5.gif') top left no-repeat;
					}	
			#col1 a.pnav6{
				background: url('images/pnav6.gif') top left no-repeat;
				}	
				#admin #col1 a.pnav6{
					background: url('images/admin_pnav3.gif') top left no-repeat;
					}	
			#col1 a.pnav7{
				background: url('images/pnav7.gif') top left no-repeat;
				}
			#col1 a.pnav8{
				background: url('images/pnav8.gif') top left no-repeat;
				}
				#admin #col1 a.pnav8{
					background: url('images/pnav8.gif') top left no-repeat;
					}
			#col1 a:hover.pnav1, #col1 a:hover.pnav2, #col1 a:hover.pnav3, #col1 a:hover.pnav4, #col1 a:hover.pnav5, #col1 a:hover.pnav6, #col1 a:hover.pnav7, #col1 a:hover.pnav8, #col1 a.current, #admin #col1 a:hover.pnav1, #admin #col1 a:hover.pnav2, #admin #col1 a:hover.pnav3, #admin #col1 a:hover.pnav4, #admin #col1 a:hover.pnav5, #admin #col1 a:hover.pnav6, #admin #col1 a:hover.pnav4{
				background-position: 0 -32px;
				}
		#col1 #welcome_message{
			margin: 5px 0 18px 18px;
			}	
		#col1 a.member_links{ 	
			display: block;
			text-decoration: none;
			color: #45494c;
			font-size: 11px;
			font-weight: normal;
			background: url('images/arrow_smred.gif') left no-repeat;
			margin: 0 0 13px 18px; padding: 0 0 0 14px;
			}
		#col1 a:hover {
			color: #000000;
			}	
		
	
	#col2 { 
		width: 445px; 
		float: left; 
		display: inline;
		padding-bottom: 15px;
		}
		body#admin #col2 {
			width: 625px;
			}
		#col2 h1, #col2 h2, #col2 p, #col2 li{ 
		  	margin: 0 22px 10px 22px;
			}
			#col2 h3{ 
			  	margin: 0 22px 10px 22px;
				}	
			#col2 h3 a{
				color: #4d8bb7;
				margin: 0;
				}	
			#col2 p a{ 
				margin: 0;
				}	
		#col2 ul, #col2 ol{
			margin: 0 0 15px 15px;
			}
			#col2 ul li{
				margin: 0 0 2px 20px;
				}
		#home #col2 p{ 
			margin: 0 20px 0 20px;
		  	color: #9aa1a4;
			}
			#home #col2 p.intro{
				font-size: 15px;
				padding: 20px 0 20px 0;
				background: #FFF;
				}
		#col2 #careers{
			float: left;
			padding: 0 17px 40px 30px; margin: 0;
			width: 173px;
			border-top: 1px solid #c5d1d4;
			}
			#col2 #careers a{ 	
				display: block;
				text-decoration: none;
				width: 150px;
				font-size: 12px;
				font-weight: bold;
				background: url('images/arrow_wbg.gif') left no-repeat;
				margin: 10px 16px 10px 0px; padding: 0 0 0 18px;
				}
			#col2 #careers p{	
				color: #3e3e3e;
				font-size: 11px;
				margin: 0;
				}
		#col2 #events{
			float: right;
		  	width:199px;
			padding: 0 10px 0 15px;
			border-top: 1px solid #c5d1d4;
			}
			* html #col2 #events{
				width: 178px;
				}	
		#col2 h2.featured, #col2 h3.featured{
			border-top: 1px dotted #c5d1d4;
			margin: 15px 22px 10px 22px; padding-top: 15px;
			}
		#col2 a.featuredlink{
				display: block;
				text-decoration: none;
				font-size: 12px;
				font-weight: bold;
				background: url('images/arrow_wbg.gif') left no-repeat;
				margin: 15px 0px 0px 22px; padding: 0 0 0 18px;
				}
				#col2 a.featuredlink2{
					display: block;
					text-decoration: none;
					font-size: 12px;
					font-weight: bold;
					background: url('images/arrow_wbg.gif') left top no-repeat;
					*background: url('images/arrow_wbg.gif') left 4px no-repeat;
					margin: 0 0 -10px 0;
					*margin: 0 0 -15px 0;
					padding: 0 0 0 18px;
					}			
			
		#col2 ul.linkblock{
			margin: -10px 22px 15px 22px;
			}
			#col2 ul.linkblock li{
				margin: 0; padding: 0;
				list-style: none;
				display: inline;
				}
			#col2 ul.linkblock li a{
				margin: 0; padding: 0 5px 0 10px;
				background: url('images/linkdivider.gif') left no-repeat;
				}	
				#col2 ul.linkblock li a.first{
					margin: 0; padding: 0 5px 0 0;
					background: none;
					}
		a.member_listing{
			display: block;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
			margin: 0px 0px 0px 22px; padding: 0;
			}
			a.member_listing_detail{
				display: block;
				text-decoration: none;
				font-size: 14px;
				font-weight: bold;
				margin: 15px 0px 0px 22px; padding: 0;
				}
		.pgtitle{
			margin-bottom: 20px;
			}

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


		#col3 { 
			width: 180px; 
			background: #e6ebec;
			color: #3e3e3e;
			font-size: 11px;
			display: inline; /* Fixes IE double margin float bug */
			float: right; 
			} 
		#col3 span.search{ 
			width: 180px; height: 127px;
			background: #f2f5f6;
			float: right; 
			} 
		#home #col3 span.search{ 
			width: 180px; height: 240px;
			display: inline; /* Fixes IE double margin float bug */
			} 	
		#col3 h2 {
			font-size: 12px;
			margin: 0;
			}
		#col3 p{ 
			margin: 10px 16px 10px 16px;
			} 
		#col3 p.p2{
			margin: 0 20px 10px 20px; padding: 0;
			font-style: italic;
			}		
		#col3 ul{
			margin: 0 ; padding: 0;
			list-style: none;
			}
			#col3 ul li{
				margin: 0; padding: 0;
				list-style: none;
				}
		#col3 a{ 	
			display: block;
			text-decoration: none;
			width: 140px;
			color: #1c1e1f;
			margin: 15px 0 25px 20px; padding: 0 0 0 18px;
			}
		#col3 a:hover {
		color: #000000;
		font-weight: bold;
		}	
			#col3 a.search_links{ 
                display: block;
                text-decoration: none;
                width: 150px;
                color: #333;
                font-size: 11px;
                font-weight: normal;
                background: url('images/arrow_smred.gif') left no-repeat;
                margin: 10px 0 10px 15px; padding: 0 0 0 14px;
                }	
				#col3 a.search_links:hover, #col3 a.sb_links:hover, #col3 a.sb_links_selected{ 
					font-weight: bold;
				}
				#col3 a:hover.sb_links{ 
					color: #000;
					}
					#col3 .rss{ 
						background: none;
						margin-left: 0px;
						}	
			#col3 a.sb_links2{ 	
				display: block;
				text-decoration: none;
				width: 150px;
				color: #1c1e1f;
				font-size: 11px;
				font-weight: normal;
				background: url(images/redplus.gif) left no-repeat;
				margin: 0 0 10px 30px; padding: 0 0 0 14px; 
				}		
			#col3 a.job_links{ 	
				display: block;
				text-decoration: none;
				width: 150px;
				color: #4b7fa7;
				font-size: 11px;
				font-weight: bold;
				background: none;
				margin: 0 0 0 20px; padding: 0; 
				}	
		#col3 img.sub_sect {
			margin-top: 20px;
			}
			
		 #col3 ul li a{
	   		display: block;
	        text-decoration: none;
	        width: 150px;
	        color: #333;
	        font-size: 11px;
	        font-weight: normal;
	        background: url(images/bullet_smred1.gif) 0 2px no-repeat;
	        margin: 10px 0 10px 15px; padding: 0 0 0 14px;
        }
        #col3 ul li li a{
	        display: block;
	        text-decoration: none;
	        width: 120px;
	        color: #333;
	        font-size: 11px;
	        font-weight: normal;
	       background: url(images/bullet_smred2.gif) 0 2px no-repeat;
	        margin: 10px 0 10px 28px; padding: 0 20px 0 10px;
        }
        #col3 ul li li li a{
	        display: block;
	        text-decoration: none;
	        width: 100px;
	        color: #333;
	        font-size: 11px;
	        font-weight: normal;
	        background: url(images/bullet_smred3.gif) 0 2px no-repeat;
	        margin: 10px 0 10px 34px; padding: 0 0 0 14px;
        }	

/* ========== footer  ========== */

	#footer { 
		position: relative;
		width: 780px; 
		margin: 0 auto; padding: 36px 4px 0 4px;
		height: 53px;
		background: url('images/footer.gif') center no-repeat;
		text-align: center;
		}
		#footer ul li{ 
			list-style: none;
			display: inline;
			} 
		#footer a{ 
			text-decoration: none;
			font-size: 10px;
			color: #666;
			margin-right: 10px;
			} 	
		#footer a:hover{ 
			text-decoration: underline;
			}	
	p.copyright{
		margin: 10px 20px 10px 20px;
		font-size: 10px;
		}
		
		
/* ========== forms ========== */		
		
	#login_form fieldset{
		margin: 0; padding: 10px 5px 4px 10px;
		border: none;
		}
	#login_form input{
		margin: 0 10px 8px 10px; padding: 1px;
		background: #ecf9fe;
		color: #6f6f6f;
		font-size: 10px;
		width: 100px;
		}
	#login_form input.submit{
		margin-top: 6px; padding: 0;
		border: none;
		width: 57px
		}
	#login_form input:focus, #login_form textarea:focus {
		background: #f2f5f5;
		}
	
	#search_form input{
		margin: 0 10px 4px 13px; padding: 1px;
		background: #FFF;
		color: #45494c;
		font-size: 10px;
		}
	#search_form input.submit{
		height: 16px; width: 25px;
		margin: 10px 20px 0 5px; padding: 0;
		border: none;
		}
	
	.job_search select, .member_directory select, .events_form select{
		margin: 0 5px 0 0; padding: 0;
		width: 250px;
		}	
		.events_form .select2{
			padding: 0;
			width: 108px;
			}
	.job_search #keywords, .member_directory #keywords, .events_form #keywords{
		margin: 0 5px 0 0; padding: 0;
		width: 250px;
		background: #ebf9fe;
		}		
	.job_search span.label, .member_directory span.label, .events_form span.label{
		display: -moz-inline-box;
		display: inline-block;	
		width: expression('70px'); /* Min-width for IE6 */
		min-width: 70px;
		margin: 0 4px 0 0; padding: 0;
		}
		.events_form span.label2{
			margin: 0 3px 0 4px;
			}
	.job_search .submit{ width: 66px; }
	
	
	.update_info select{
		margin: 0 5px 0 0; padding: 0;
		width: 150px;
		}	
	.update_info input{
		margin: 0 5px 0 0; padding: 0;
		width: 240px;
		}
	.update_info input#checkbox{
		margin: 0 5px 0 0; padding: 0;
		width: 20px;
		}	
	#multipleselect{
		margin: 0 5px 0 0; padding: 0;
		width: 350px;
		}		
	.update_info span.label{
		display: -moz-inline-box;
		display: inline-block;	
		width: expression('210px'); /* Min-width for IE6 */
		margin: 0 20px 0 0; padding: 0 20px 0 0;
		}
	.update_info .delete{ 
		width: 66px; 
		}
	.update_info .submit{ 
		width: 66px; 
		margin-bottom: 40px;
		}
	#col2 .update_info p, #col2 .update_info h2, #col2 .update_info h3, #col2 .update_info a{
		margin: 0; padding: 0;
		line-height: 15px;
		}
	#formNav {
		margin: 0 0 20px 14px; padding: 0;
	}
	#formNav a{
		float: left;
		margin: 0 0 20px 0; padding: 0;
	}
	#formNav input{
		float: left;
		margin: 0 0 20px 0; padding: 0;
	}
	
/* ========== tables  ========== */

	table {
		border-collapse: collapse;
		width: 400px;
		margin-left: 22px;
		}
	td{
		padding-top: 10px;
		}	

	table#memberdir{
		border-top: 1px solid #c5d1d4;
		width: 445px;
		margin: 0;
		}
	table#memberdirdetail{
		width: 445px;
		margin: 0; padding: 0;
		}	
	table#listbox1 {
		border-collapse: collapse;
		width: 380px;
		margin-left: 0px;
		}	
		
		
	.tooltip{
		width:200px; 
		z-index: 50;
	}
	
	.tooltip h4 {
		width:200px; 
		padding: 15px 15px 0 42px;
		background: url(images/bg_tooltip_top.gif) 22px 0 no-repeat;
	}
	
	.tooltip p.tt {
		width:170px; 
		margin: 0; padding: 4px 15px 15px 20px;
		background: url(images/bg_tooltip_bottom.gif) bottom left no-repeat;
		line-height: 14px;
		color: #000;
	}

/* ========== misc  ========== */
	
	.hide{ display: none; }
	img{ border: none; }
	.active_link{ color: #4b7fa7; }
	.admin_bar {margin-top: 60px;}
	.dotdiv {margin-left: 15px;}
	.dotdiv_spaced {
		margin: 15px 0 15px 0;
		}
	.quote {padding: 0 20px 0 20px;}
	.printPage {
		margin: 20px;
		background: url('images/print_page.gif') no-repeat;
		padding: 0 0 0 12px;
		}
	.backButton {
		margin: 20px;
		background: url('images/arrow_smblue.gif') no-repeat 0 3px;
		-background-position: 0 5px;
		padding: 0 0 0 12px;
		line-height: 15px;
		}	
	span.arial {font-family: arial, sans-serif;}
	hr {border: none 0; border-top: 1px dotted #c5d1d4;	width: 100%; height: 1px; }
	.left {float: left;}
	p img, li img{
		display: inline;
		margin: 0; 
		*margin: 0 0 2px 0; 
		vertical-align: bottom;
	}
	
	.subNav
	{
	    background-color:#8acdee !important;
	}
	.subNav li
	{
	    width:137px;
	    background-color:#8acdee !important;
	    padding-left:18px;
	    line-height:20px;
	}
	.subNav li a
	{
	    font-size:10px;
	    font-family:Trebuchet MS !important;
	    
	    width:150px !important;
	    color:#4B7FA7;
	}
	.subNav li a:hover
	{
	    font-weight:bold;
	    color:black !important;
	}
	
	.subNav li a:active
	{
	    font-weight:bold;
	    color:#4B7FA7 !important;
	}
	.selectedMenuItem
	{
	    font-weight:bold !important;
	    color:Black !important;
	}