@charset "utf-8";
/* CSS Document */

body {
  background:#600 url(images/body_bg.jpg) repeat-x top left;
  margin:0;
  padding:0;
}

div.clear {
  clear:both;
}

/*TYPOGRAPHY*/
body, p {
  font-family:"Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
  line-height:1.6em;
  color:#333;
  font-size:16px;
}

h1 {
  margin-top:0;
  padding-top:1.5em;
}

h1, h2 {
  color:#600;
  font-weight:normal;
  font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

h2 {
  margin-top:2em;
}

h3 {
  color:#600;
}

a {
  color:#600;
}

a img {
  border:none;
}

#main_content a:hover,
#newsflash a:hover {
  border-bottom:1px solid #600;
}

h3 {
  margin-top:0;
  padding-top:20px;
}


/* LAYOUT */
/*
div {
  z-index:10;
}
*/
#services {
  z-index:20;
}

div.container {
  width:100%;
  max-width:1150px;
  position:relative;
}

#header {
  height:107px;
  width:100%;
  position:relative;
}

#logo { 
  display:block;
  padding-top:22px;
  padding-left:50px; 
}

#content_wrap {
  background:url(images/content_top.jpg) no-repeat top right;
}

#content {
  position:relative;
  background:url(images/content_middle.jpg) repeat-y top right;
  margin-right:20px;
}

#content_bottom {
  background:url(images/content_bottom.jpg) no-repeat bottom right;
  height:40px;
  margin-right:20px;
}

#content_logo {
  position:absolute;
	background:url(images/sa_logo_bg.gif) left top no-repeat;
	width:114px;
	height:79px;
	right:40px;
	bottom:40px;
}

#main_content {
  padding:20px 30px 1.3em 50px;
  margin-right:230px;
  min-height:500px;
}

body.news #main_content {
  margin-right:450px;
}

#newsflash {
  right:220px;
  top:30px;
  width:205px;
  padding-left:32px;
  background:url(images/sidebar_border.gif) repeat-y top left;
  position: absolute;
}

#rightnav {
  position:absolute;
  width:197px;
  margin:0 0 0 0;
  padding:0;
  right:0px;
  top:30px;
}

#rightnav li {
  margin:0;
  padding:0;
  list-style-type:none;
  margin-bottom:4px;
}

#rightnav li a {
  height:32px;
  line-height:32px;
  font-size:16px;
  font-weight:bold;
  background:url(images/rightnav.gif) no-repeat top left;
  padding-left:14px;
  width:175px;
  color:white;
  text-decoration:none;
  display:block;
}

#rightnav li a:hover {
  background:url(images/rightnav_on.gif) no-repeat top left;
}

/* Home Page Banner Rotator */
div.slideshow {
  height:204px;
  width:479px;
  position:relative;
}

div.slideshow img {
  position:absolute;
  top:0px;
  left:0px;
  width:471px;
  height:196px;
}

/* QUICKLINKS */
#quicklinks {
  position:absolute;
  right:50px;
  top:0px;
  height:40px;
  background:url(images/quicklinks_left.gif) no-repeat top left;
  padding-left:27px;
}

#quicklinks ul {
  margin:0;
  height:40px;
  padding:0 27px 0 0;
  background:url(images/quicklinks_right.gif) no-repeat top right;
  list-style-type:none;
}

#quicklinks li {
  margin:0;
  padding:0 4px;
  background:url(images/quicklinks_middle.gif) repeat-x top left;
  height:40px;
}

#quicklinks li a {
  display:block;
  padding-top:10px;
  color:#333;
  text-decoration:none;
  background:url(images/dropdown_arrow.gif) no-repeat right bottom;
  padding-right:28px;
  line-height:1.0em;
  font-size:16px;
}

#quicklinks li {
  position:relative;
  z-index:999;
}
#quicklinks li div {
  float:none;
  top:-999em;
  position:absolute;
}

#quicklinks li:hover,
#quicklinks li.sfHover,
#quicklinks a:focus, #quicklinks a:hover, #quicklinks a:active {
}

#quicklinks li:hover div, /* pure CSS hover is removed below */
#quicklinks li.sfHover div {
  left:-1px;
  top:2.5em;
}

#quicklinks li:hover li div,
#quicklinks li.sfHover li div {
  top:-999em;
}
#quicklinks li li:hover div, /* pure CSS hover is removed below */
#quicklinks li li.sfHover div {
  left:9.45em;
  top:-1px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover div,
.superfish li li:hover div {
  top:-999em;
}

#services {
  background:white;
  border:2px ridge #ccc;
  padding:15px 5px 10px 15px;
  width:200px;
  margin-left:-30px;
}

#services dl {
  line-height:1.2em;
  margin-bottom:5px;
  margin-left:0px;
}

#services dt {
  font-weight:bold;
}

#services dd {
  margin-left:10px;
}

#quicklinks #services a {
  font-size:12px;
  background:none;
  padding:0;
}

#services a:hover {
  text-decoration:underline;
  color:#600;
}

/* TOP MENU */
#header #topnav {
  position:absolute;
  right:34px;
  top:50px;
}

#header #topnav li, #header #topnav a {
  color:white;
  text-decoration:none;
  font-size:16px;
}

#header #topnav {
  margin:0;
  padding:0;
  list-style-type:disc;
}

#header #topnav li.first {
  margin:0;
  padding:0;
  list-style-type:none;
}

#header #topnav li {
  float:left;
  margin-left:25px;
}

#header #topnav li a:hover {
  border-top:2px solid #ccc;
  border-bottom:2px solid #ccc;
}

#banner {
  background:url(images/banner_texture.gif);
  padding:16px 0px;
}

#banner_top {
  background:url(images/banner_border.gif) repeat-x top left top;
  padding-top:3px;
  padding-bottom:3px;
}

#banner_bottom {
  background:url(images/banner_border.gif) repeat-x bottom left;
  margin-bottom:20px;
}

#banner_table #slideshow {
  width:480px;
  text-align:center;
  padding-left:47px;
}

#banner_table {
  width:100%;
  vertical-align:middle;
}

#banner_table #banner_text {
  text-shadow:#333 2px 2px 2px;
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#660000;
  padding-left:25px;
  padding-right:20px;
  font-size:110%;
}

#banner_table #slideshow img {
  border:4px solid #F0EEE4;
}

#footer {
  margin-top:20px;
}

#footer #card {
  background:#4B4529;
  border:2px solid #BAB493;
  padding:15px;
  width:200px;
  float:left;
	display:inline;
  margin-left:48px;
  margin-bottom:20px;
}

#footer #card h4,
#footer #card p,
#footer #card a {
  color:#BAB493;
  font-size:10px;
}
#footer #site_info li a,
#footer #site_info p {
  color:#BAB493;
  font-size:12px;
}

#footer #site_info {
  padding-left:25px;
  float:left;
}

#footer #card h4,
#footer #card p {
  margin:.25em 0;
}

#footer #card h4 {
  font-size:14px;
  margin-top:0px;
}

#site_info ul,
#site_info li {
  margin:0;
  list-style-type:none;
}

#site_info ul {
  float:left;
  width:150px;
  padding-left:0px;
}

#site_info li {
  line-height:1.2em;
}

#footer #card a:hover,
#footer #site_info li a:hover {
  color:yellow;
}


#jobs {
}

#jobs h4 {
  margin:2em 0 .5em 0;
}

#jobs p {
  margin-top:0;
}

#team, #businesses {
  margin:1em 0 0 0;
  padding:0;
}

#team li,
#businesses li {
  margin:1.75em 0 0 0;
  padding:0;
  list-style-type:none;
  clear:both;
}

#businesses li img,
#team li img {
  float:left;
  margin: 0 20px 20px 0;
}

#businesses li img {
  margin-top:1em;
}

#team li img {
  border:1px solid #ccc;
}

#team li.image img {
	padding:2px;
	background:#fff;
	margin-right:20px;
	margin-bottom:1em;
}

#team li div.image {
  float:right;
  width:80%;
  padding-bottom:2em;
}

#businesses li div {
  float:right;
  width:60%;
  padding-bottom:2em;
}

#team li h3 {
  margin:0;
  padding:0;
  font-size:95%;
}

#team h4 {
  margin-top:.25em;
  margin-bottom:0;
  font-size:90%;
}

#team li h3 a {
  cursor:pointer;
}
#team li p {
  display:none;
  margin-top:.5em;
  font-size:14px;
}

#comment_form {
  display:none;
}

#comment_form.visible {
  display:block;
}

#comment_switch {
  cursor:pointer;
}

div.comment {
  margin-top:1em; 
  padding-top:0em;
  border-top:1px dotted #ccc;
  padding-bottom:1em;
  margin-bottom:1em;
}

div.comment h4 {
  margin-bottom:0;
}

div.comment h5 {
  margin-top:0;
  margin-bottom:0;
  font-size:80%;
  color:#666;
}

#preview_comment {
  background:#fcfbc9;
  margin:0 -16px;
  padding:0 16px;
}

div.excerpt {
  font-size:125%;
  margin:2em 0 1em 0;
}

#distro {
  width:100%;
}

#distro th, #distro td {
  padding:4px;
  text-align:left;
}

#distro th.centered,
#distro td {
  text-align:center;
}

#distro thead th {
  background:#600;
  color:#fff;
}

#distro tbody th {
  font-weight:normal;
}

#distro tbody tr.offset th,
#distro tbody tr.offset td {
  background:#BAB494;
}

#distro tr.buildings {
  display:none;
}

#distro tr.show {
  display:table-row;
}

#distro tr.buildings td {
  text-align:left;
  padding-bottom:1em;
}

hr {
  background:#600;
  height:1px;
  border:none;
  margin-top:2em;
}

#floor_plan {
  padding:10px;
  background:#A9C5C8;
  border:1px solid #ccc;
  float:left;
  margin-right:2em;
}
  
#news h3 {
  margin-top:2em;
  margin-bottom:0;
}

#news h3 a {
  text-decoration:none;
}

#news #feed_link {
  float:right;
  margin-right:1em;
  margin-top:-1em;
  padding-left:22px;
  line-height:18px;
  background:url(../../images/icons/rss.png) no-repeat center left;
  text-decoration:none;
}

#news #feed_link:hover {
  border:none;
  text-decoration:underline;
}

fieldset {
  border-color:#600;
  padding:10px 20px;
  margin-bottom:20px;
}

legend {
  color:#600;
}

#dist_svc table {
 padding-bottom:1.5em;
 width:48%;
}

#dist_svc #posters_table {
  float:left;
}

#dist_svc #qc_table {
  float:right;
}

#dist_svc dl {
  clear:both;
}

#dist_svc #dist_notes {
  width:75%;
}

#dist_svc tr.row_headers th {
  text-align:left;
  vertical-align:bottom;
  border-bottom:1px solid #600;
  font-weight:bold;
  padding-top:1em;
}

#dist_svc tbody th {
  font-weight:normal;
  text-align:left;
}

#dist_svc tbody th,
#dist_svc tbody td {
  padding:6px 0px;
  border-bottom:1px solid #ccc;
}

#dist_svc tfoot td div.popup-calendar td {
  padding:0;
}

#dist_svc tbody tr.disabled_row * {
  color:#999;
  text-decoration:line-through;
}

#dist_svc tfoot td {
  font-weight:normal;
  font-size:85%;
  text-align:left;
  padding-top:1em;
}

#order_posters td.price {
  font-size:18px;
}

ul.ul_ol ol {
  list-style-type:lower-alpha;
}

ul.ul_ol ol ol {
  list-style-type:lower-roman;
}

ul.ul_ol {
  list-style-type:none;
}

#events ul {
  list-style-type:none;
  margin:0;
  padding:0 0 1em 0;
}

#events li {
  margin:0;
  padding:0 0 1em 0;
}

#events li h3 {
  margin:0;
  font-size:95%;
}

span.event-name {
  display:block;
  font-weight:bold;
}

/* buttons */
button {
  line-height:30px;
  height:30px;
  padding:4px 8px;
  color:#fff;
  background-color:#600;
  font-weight:bold;
  border:1px solid #ccc;
  -moz-border-radius:10px;
  cursor:pointer;
}

button:hover {
  opacity:.9;
}

span.hi a {
  color: #BAB493;
}