::selection {
        background: #000; /* Safari */
		color: #fc0;
}

h2 {
	margin: 9px 0 0 0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #fff;
}

table { margin-top: 25px; }
td { padding: 4px; }
th { font-weight: bold; color: #fff; }

p {
	margin: 0 0 10px 0;
}
strong {
	color: #fff;
}
img { display: inline }

a:link, a:visited {
	color: #ccc;
}
a:hover {
	color:#FFCC00;
	text-decoration: underline;
}

body, td {
	background-image: none;
	margin: 0px;
	padding: 0px;
	color: #bbbbbb;
	background-color: #000000;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: normal;
}
td {
	text-align:left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#page-container {
	width: 950px;
	margin: 0 auto;
}
#container {
	margin:10px auto;
	padding:0;
	width: 950px;
	text-align:left;
}
#header {
	width: 152px;
	display: block;
	position: absolute;
	z-index: 11;
}
#logo { 
	margin: 10px 0;
}


#slideshower {
	height: 500px;
	width: 735px;
	margin:0;
	padding:0;
}

#nav {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	float:left;
	width:152px;
	padding: 0;
	border: 0;
	margin: 0;
	letter-spacing: 2px;
	text-align: left;
	font-weight: normal;
	}

#menu a:hover	{
	background-color: #222;
}
a:focus { outline: none; }
#home #nav h1 {
	margin: 150px 0 0 0;
}
.nav-active-link:link, .nav-active-link:visited { color: #fc0!important; }
#nav {
	list-style-type: none;
	margin:5px auto 2px auto;
	padding:0;
	border-right: 1px solid #333;
	line-height: 14px;
}
#nav a {padding: 3px 0; }
#nav a:hover { 
	color: #fff;
	background-color: #333;
}
#nav li {
	margin: 0;
	padding:2px 0 11px 0;
	border:none;
}
#nav ul {
	list-style-type: none;
	border:none;
	border-top: 1px solid #333;
	letter-spacing: 0px;
	padding:4px 0 0 0;
	font-size: 13px;
}
#nav ul li {
	list-style-type: none;
	margin: 0;
	padding:0 0 2px 16px;
	line-height: 12px;
	border-left:none;
}

.nav-link-tier2:visited, .nav-link-tier2:link {
	color: #99AEBF;
}
.nav-link-tier3:visited, .nav-link-tier3:link {
	color: #999;
}
.nav-link-tier4:visited, .nav-link-tier4:link {
	color: #ddd;
}
#nav a:link, #nav a:visited {
	display:block;
	text-decoration: none;
} 
body.home .nav-link-tier1 { color: #FC0; }


#nav-list {
	padding-top:45px;
}

#content-text {
	max-width: 850px;
	width: 735px;
	overflow: hidden;
	margin-left: 165px;
}
#footer {
	padding:500px 0 20px 0;
	margin:0 30px 0 0;
	bottom: 0;
	clear: both;
	text-align: right;
	color: #999999;
}
#footer a:link, #footer a:visited {
	color: #999999;
}
#footer a:hover {
	color:#FFCC00;
}
li span {
	cursor: pointer;	
	display: block;
}
#nav-firm span:hover {
	background-color: #111;
}








.nav-list-tier2, 
.nav-list-tier3,
.nav-list-tier4 {
	display: none;
}
#nav-admin .nav-list-tier2, 
#nav-admin .nav-list-tier3,
#nav-admin .nav-list-tier4 {
	display: block;
}
.activeNavIndeed { display: block; }
.activeListIndeed { display: block; }


.slideshow-photo-container { height: auto!important }
.slideshow-thumb-container { 
  position: relative;
  top: -5px;
  left: 2px;
}
#slideshow-thumb-container img, .slideshow-thumb-container img {
	border: 2px solid #000;
}
#slideshow-thumb-container .thumb-selected img, body.white-on-black #slideshow-thumb-container .thumb-selected img, .slideshow-thumb-container .thumb-selected img, body.white-on-black .slideshow-thumb-container .thumb-selected img {
  border: 2px solid #FFF;
  -moz-box-shadow: 0px 0px 10px #FFF;
  -webkit-box-shadow: 0px 0px 10px #FFF;
  box-shadow: 0px 0px 10px #FFF;
}
.slideshow-photo {
	max-height: 83%;
}
body.home .slideshow-thumb-container { display: none; }
body.home .slideshow-photo { 
	max-height: 152px; 
	width: auto;
}
body.home .slideshow { float: none;margin:0;width: 735px; overflow: hidden; }
body.home #content-text { padding: 0px; }
body.home .slideshow-photo-container { 
	position: relative;
	margin: 0;
	height: 152px;
	overflow: hidden;
}

body.home .slideshow-photo-item {
	display: block!important; 
	position: relative;
	float: left;
	padding-right: 10px;
}
body.home #page-container {
	padding-top: 150px;
}

#login, #logout {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#login a, #logout a {
	text-shadow: none;
}








/*   SMOOTH SCROLLER http://www.smoothdivscroll.com/ */


/* Invisible left hotspot */
div.scrollingHotSpotLeft {
	display: none;
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible {
	display: none;
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	display: none;
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	display: none; 
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 152px;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}