#sl ul{ margin: 10px; margin-left: 20px; padding: 5px; list-style-type: disc }
#sl li{ margin: 0px; padding-left: 5px ; font-size: 90% }

body{ margin: 0px auto }

#container
{
	background-image: url(../images/main_bg.png);
	background-position: center;
	background-repeat: repeat-y;
	padding: 0px ;
	width: 900px;
	margin: 10px auto;
	margin-top: 0px ;
	color: #333;
	line-height: 100%;
	text-align: center;
}

#top_bg
{
	margin: 0px auto ;
}

#header{
	margin: 0px auto;
	padding-top: 0px;
	padding-left: 0px;
	background-image: url(../images/main_bg.png);
	background-position: top;
	background-repeat: repeat-y;
}

/* Navbar and ul navbar image elements */

#navbar
{
	margin: 0px auto;
	margin-left: 10px;
	padding-top: 0px;
	width: 880px;
	height: 30px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: left;
}

#navbar ul { margin: 0; padding: 0; list-style-type: none; }
#navbar li { float: left; } /*removes gap between items*/
#navbar li.home {background:transparent url(../images/nav_home.gif);}
#navbar li.about {background:transparent url(../images/nav_about.gif);}
#navbar li.profiles {background:transparent url(../images/nav_profiles.gif);}
#navbar li.members {background:transparent url(../images/nav_members.gif);}
#navbar li.events {background:transparent url(../images/nav_events.gif);}
#navbar li.links {background:transparent url(../images/nav_links.gif);}
#navbar a#home {display:block; width:118px; height:0; padding-top:30px; color:#000; overflow:hidden;}
#navbar a#about {display:block; width:140px; height:0; padding-top:30px; color:#000; overflow:hidden;}
#navbar a#profiles {display:block; width:159px; height:0; padding-top:30px; color:#000; overflow:hidden;}
#navbar a#members {display:block; width:192px; height:0; padding-top:30px; color:#000; overflow:hidden;}
#navbar a#events {display:block; width:174px; height:0; padding-top:30px; color:#000; overflow:hidden;}
#navbar a#links {display:block; width:97px; height:0; padding-top:30px; color:#000; overflow:hidden;}

/* Pre-load background image for hover and active */
#navbar a#home {background:transparent url(../images/nav_home_hover.gif) -130px -90px no-repeat;}
#navbar a#about {background:transparent url(../images/nav_about_hover.gif) -130px -90px no-repeat;}
#navbar a#profiles {background:transparent url(../images/nav_profiles_hover.gif) -130px -90px no-repeat;}
#navbar a#members {background:transparent url(../images/nav_members_hover.gif) -130px -90px no-repeat;}
#navbar a#events {background:transparent url(../images/nav_events_hover.gif) -130px -90px no-repeat;}
#navbar a#links {background:transparent url(../images/nav_links_hover.gif) -130px -90px no-repeat;}

#navbar a#home {background:transparent url(../images/../images/nav_home_sel.gif) -130px -90px no-repeat;}
#navbar a#about {background:transparent url(../images/nav_about_sel.gif) -130px -90px no-repeat;}
#navbar a#profiles {background:transparent url(../images/nav_profiles_sel.gif) -130px -90px no-repeat;}
#navbar a#members {background:transparent url(../images/nav_members_sel.gif) -130px -90px no-repeat;}
#navbar a#events {background:transparent url(../images/nav_events_sel.gif) -130px -90px no-repeat;}
#navbar a#links {background:transparent url(../images/nav_links_sel.gif) -130px -90px no-repeat;}

/* Hover Images */
#navbar a#home:hover {background-position:0 0; z-index:50;}
#navbar a#about:hover {background-position:0 0; z-index:50;}
#navbar a#profiles:hover {background-position:0 0; z-index:50;}
#navbar a#members:hover {background-position:0 0; z-index:50;}
#navbar a#events:hover {background-position:0 0; z-index:50;}
#navbar a#links:hover {background-position:0 0; z-index:50;}

/* Active images */
#navbar a#home:active {background-position:0 0; z-index:40;}
#navbar a#about:active {background-position:0 0; z-index:50;}
#navbar a#profiles:active {background-position:0 0; z-index:50;}
#navbar a#members:active {background-position:0 0; z-index:50;}
#navbar a#events:active {background-position:0 0; z-index:50;}
#navbar a#links:active {background-position:0 0; z-index:50;}

#navbar { clear:both; }

/* Main text content area */

#main
{
	clear: both;
	margin: 0px auto ;
	width: 880px ;
	padding: 0px ;
	border-top: 1px solid gray;
	text-align: left;
}

/* Sidebar elements and drop shadow */

#main #sidebar {
	float: left;
	width: 152px ;
  background: #FFFFFF;
  padding: 10px;
	margin: 5px auto;
	border: none;
	display: inline;
}

#sidebar ul { margin: 0; padding: 5px; list-style-type: none; }
#sidebar li { text-align: center; padding-bottom: 5px; padding-top: 5px; font-weight: bold ; font-size: 80%;
							font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif; }
#sidebar li.sb_top_hdr { text-align: center; padding-bottom: 5px; padding-top: 0px ; font-weight: bold ; font-size: 100%;
								font-variant: small-caps; color: #000; font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif; }
#sidebar li.sb_mid_hdr { text-align: center; padding-bottom: 5px; padding-top: 20px ; font-weight: bold ; font-size: 100%;
								font-variant: small-caps; color: #000; font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif; }

#sidebar input.search_fld { width: 80% ; margin-bottom: 5px;  }
#sidebar input.search_pic{background:transparent url(../images/search.gif); display:block; margin: 0px auto; width:90px; height:0px; padding-top:25px; color:#000; overflow:hidden; }
#sidebar input.search_pic:hover{background:transparent url(../images/search_down.gif)}
								
#sidebar #top_text { display:block; width:152px; height:0; padding-top:9px; color:#000; overflow:hidden; }
#sidebar #bottom_text { display:block; width:152px; height:0; padding-top:9px; color:#000; overflow:hidden; }

#sidebar #top{ background:transparent url(../images/top_sidebar.gif); }
#sidebar #middle{ background:transparent url(../images/mid_sidebar.gif); width:152px; }
#sidebar #bottom{	background:transparent url(../images/bottom_sidebar.gif) ; }

#main #content
{
	float: right;
	width: 680px;
	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;
	font-size: 0.9em;
	margin: 0px auto;
	padding: 10px;
	display: inline;
}

#footer
{
	clear: both;
	width: 879px ;
	margin: 0px auto;
	padding: 0px;
	border-top: 1px solid gray;
	border-bottom: 1px solid black;
	color: #666666 ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: center;
}

#divider
{
	margin: 0px ;
	padding: 0px ;
	background-image: url(../images/divider.png);
	background-repeat: repeat-y;
}

#sidebar
{
	float: left;
	background: #ddd ;
	width: 160px;
	margin: 0;
	padding: 10px;
	border-right: 1px solid gray ;
}

table.sidebar
{
	border-spacing: 5px;
	caption-side: left;
}

td#sb_hdr
{
	text-align: left;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 95%;
	margin: 0px;
	padding: 5px;
}

td#sb_elem
{
	font-size: 90%;
	text-indent: 10px;
	margin: 0px;
	padding: 2px;
}

td#prof_img
{
	padding: 5px ;
}

/* Profile table listings */
#prof_list { margin: 0px auto; }
#prof_list table{ margin: 10px auto;	width: 90%; border: 1px solid gray; font-family: Arial, Helvetica, sans-serif; }

#prof_list #title{ margin: 0px auto;	width: 90%; font-size: 30px; font-weight: bold;	padding: 10px;}

#prof_list tr.prof_heading { background-color: #9EC2D9; font-variant: small-caps; font-size: 14px; }
#prof_list tr.prof_heading td { border-bottom: 1px solid gray; color: #000000;  }
#prof_list tr.profile0{	background-color: #FFFFFF; }
#prof_list tr.profile1{	background-color: #A9A9A9; }

#prof_list td{ text-align: left; font-weight: bold; color: #000000; margin: 0px; padding: 3px;  }
#prof_list a{ text-align: left; font-weight: bold; color: #000080; }
#prof_list a:hover{ text-align: left; font-weight: bold; color: #2F4F4F; }
#prof_list a:visited{ text-align: left; font-weight: bold; color: #4B0082; }

/* Member Directory Styles */
#mem_spacer { width: 95% ; margin: 10px auto; padding: 0; border-top: 1px dotted gray; }

#mem_adv_srch { clear: both ;}
#mem_adv_srch label{ width: 30%; margin: 2px auto; float: left; }
#mem_adv_srch input{ width: 50%; margin: 2px auto; margin-left: -50px; float: left; }
#mem_adv_srch select{ width: 50%; margin: 2px auto; margin-left: -50px; float: left; }
#mem_adv_srch { clear: both ;}

/* Links Styles */

#link_list { margin: 10px auto; }
#link_list #link_cat{ font-size: 1.1em; margin: 0px auto; padding-top: 10px; font-weight: bold ;}
#link_list ul{ list-style: none; margin: 10px auto; padding-left: 20px; }
#link_list li{ margin: 0px auto; font-size: 1em; }

/* Misc Styles */
.both 
{
	background-image: url(../images/main_bg.png);
	background-position: center;
	background-repeat: repeat-y;
}

div.nav_elem a:link {padding: 0px; border: none;}     /* unvisited link */
div.nav_elem a:visited {padding: 0px; border: none;}  /* visited link */
div.nav_elem a:hover {padding: 0px; border: none;}   /* mouse over link */
div.nav_elem a:active {padding: 0px; border: none;}   /* selected link */