/* CSS Document */
html, body {
	height: 100%;
}
body {
	background: #000 url(/assets/images/bkg.jpg) top center repeat-x;
	margin: 0px auto; 
	padding: 0px; 
	text-align: center;
	font-family: georgia,sans-serif;
	font-size: 12px;
	color: #4c2d1d;
	line-height: 1.6em;
	width: 100%;
}
img {
	border: none;
}
a {
	text-decoration: underline;
	color: #4c2d1d;
}
a:hover {
	text-decoration: underline;
	color: #c93a02;
}
a.active {
	color: #c93a02;
}
h1 {
	margin: 0px 0px 8px;
	font-size: 18px;
	color: #4c2d1d;
}
h2 {
	margin: 4px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #a60000;
}
h3 {
	margin: 4px 0px;
	font-size: 18px;
	color: #000;
}
h4 {
	margin: 0px 0px 4px;
	font-size: 18px;
	color: #fff;
}
#topnavLeft {
	float: left;
	font-weight: bold;
	height: 71px;
	padding-left: 40px;
}
#topnavRight {
	float: right;
	font-weight: bold;
	height: 71px;
	padding-right: 30px;
}
#topnavLeft a, #topnavRight a {
	text-decoration: none;
	color: #4c2d1d;
}
#topnavLeft a:hover, #topnavRight a:hover {
	text-decoration: none;
	color: #c93a02;
}
#topnavLeft .content, #topnavRight .content {
	padding-top: 28px;
}
/* HEADER STYLES */

#header {
	width: 960px;
	height: 101px;
	margin: 0px auto;
	background: transparent url(/assets/images/logo_bkg.png) top center no-repeat;
}
#logo {
	width: 287px; 
	height: 86px; 
	position: absolute;
	z-index: 40;
	top: 14px; 
	background: url(/assets/images/MiAmigos_logo.png) no-repeat; 
	text-indent: -9999px;
	margin: 0px auto;
	margin-left: 340px;
	padding: 0px;
}
#logo a {
	display: block; 
	width: 287px; 
	height: 86px;
}

/* NAV STYLES */

#navbar {width: 870px; height: 30px; margin: 0px auto; text-align: center; position: relative; top: 71px;}

#navbar ul {
	margin: 0px;
	padding: 0px;
}

/* FEATURE STYLES */

#feature {
	width: 100%;
	height: 45px;
	margin: 0px auto;
	background: transparent url(/assets/images/feature_bkg.jpg) top center no-repeat;
	min-width: 960px;
}

#feature.home {
	height: 488px;
}

#leftCol.feature {
	width: 580px;
	height: 430px;
	margin-top: 20px;
	background: transparent url(/assets/images/slideshowBkg.png) top center no-repeat;
}

#leftCol.feature .content {
	line-height: 1.4em;
}
#rightCol.feature {
	width: 280px;
	height: 430px;
	margin-top: 20px;
	margin-right: 40px;
	float: right;
	background: transparent url(/assets/images/sidebarBkg.png) top left no-repeat;
}
#rightCol.feature .content {
	height: 340px;
	text-align: left;
	padding:  20px;
	color: #fff;
	line-height: 1.4em;
}
#rightCol.feature a, #rightCol.feature h2, #moreNews a {
	color: #fff;
}
#rightCol.feature a:hover, #moreNews a:hover {
	color: #c93a02;
}
#rightCol.feature img {
	border: 1px solid #fff;
}
#moreNews {
	margin: 0px auto;
	text-align: center;
	color: #fff;
}
/* SLIDE STYLES */

#slidewrapper
{
  width:520px;
}

#slider {
  width:520px;
  height: 380px;
  overflow: hidden;
  position: relative;
  top: 16px;
  left: 16px;
}

#slidenav {
  position: relative;
  top: 56px;
  left: 16px;
}

#slider span {
	width: 520px;
	height: 380px;
	display: block;
	position: absolute;
	top: -10px;
	left: -7px;
	background: url(/assets/images/slideshowFrame.png) no-repeat;
	z-index:15;
}

.sexyslider-title
{
  position:absolute;
  margin-left: 2px;
  background:#000000;
  color:#FFFFFF;
  padding: 10px 20px 20px;
  z-index:5;
}

#slidenavL, #slidenavR
{
  margin: 0px auto;
  padding: 0px;
  width: 16px;
  height: 16px;
}

#slidenavL a span, #slidenavR a span
{
  visibility: hidden;
}

#slidenavL a, #slidenavR a
{
  text-align: center;
  text-decoration:none;
}

#slidenavL a.sexyslider-prev
{
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url(/assets/images/slideicons.png) no-repeat -16px 0px;
}

#slidenavR a.sexyslider-next
{
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url(/assets/images/slideicons.png) no-repeat -32px 0px;
}

#slidenavL a.sexyslider-prev:hover
{
  background: transparent url(/assets/images/slideicons.png) no-repeat -16px -16px;
}

#slidenavR a.sexyslider-next:hover
{
  background: transparent url(/assets/images/slideicons.png) no-repeat -32px -16px;
}

#control
{
  text-align:center;
  padding-right: 3px;
}

#control a
{
  display: block;
  float: left;
  background: url(/assets/images/slideicons.png) no-repeat 0px 0px;
  width: 16px;
  height: 16px;
  margin-left:5px;
  text-decoration: none;
  border: none;
}

#control a:hover, #control a.active
{
  background: url(/assets/images/slideicons.png) no-repeat 0px -16px;
  width: 16px;
  height: 16px;
  margin-left:5px;
}

#control a span
{
  font-size: 1px;
  visibility: hidden;
}

/* SLIDEDECk STYLES */

/*
Skin Name: SlideDeck Website Skin
Skin URI: http://www.slidedeck.com/
Description: The skin used at slidedeck.com
Version: 1.1
Author: digital-telepathy
Author URI: http://www.dtelepathy.com/
Tags: flexible, white, black, multi-color
*/
#slidedeck_frame {
	width: 540px;
	height: 240px;
	overflow: hidden;
}
#slidedeck_frame dl {
	width: 540px;
	height: 240px;
	margin: 0;
}			
.slidedeck dd {
	height: 240px;
	background-color: #faefd5;
}
.slidedeck dd a {
	text-decoration: none;
	color: #fff;
}
.slidedeck dd a:hover {
	text-decoration: none;
	color: #fff;
}
.slidedeck dd img {
	border: none;
}
.slidedeck dt {
	cursor: pointer;
	height: 40px;
	line-height: 35px;
	font-size: 12px;
	font-weight: bold;
	font-family: georgia,serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-top: 1px solid #b52828;
	background-color: #9a2222;
	color: #fff;
}
.slidedeck dt.green1 {
	border-top: 1px solid #0c7341;
	background-color: #09532f;
}
.slidedeck dt.green2 {
	border-top: 1px solid #79a940;
	background-color: #59862f;
}
.slidedeck dt.green3 {
	border-top: 1px solid #a6bb3e;
	background-color: #82a32f;
}
.slidedeck dt:hover {
	color: #fff;
}
.slidedeck dt.active, .slidedeck dt.active:hover {
	cursor: default;
	color: #fff;
}

/* CAPTION STYLES */

.featuredImg {
  display: inline;
  float: left;
  height: 240px;
  overflow: hidden;
  position: relative;
  width: 380px;
  cursor: hand;
}
.featuredImg span {
  display: none;
}
.featuredImg:hover span {
  opacity: 0.75;
  -moz-opacity: 0.75;
  -webkit-opacity: 0.75;
  filter: alpha(opacity = 75);
  background: #000;
  bottom: 0;
  display: block;
  font-size: 1.2em;
  padding: 8px;
  position: absolute;
  width: 393px;
}
* html .featuredImg:hover span {
  width: 380px;
}
.featuredImg:hover span b {
  display: block;
}

/* MAIN CONTENT */

#mainContent {
	width: 100%;
	min-width: 960px;
	margin: 0px auto;
	background: #f1dfb4 url(/assets/images/pageBkg.jpg) top center;
	border-top: 1px solid #001321;
	border-bottom: 1px solid #796037;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#pageborder {
	width: 100%;
	min-width: 960px;
	height: 12px;
	background: transparent url(/assets/images/pageTop.png) top center repeat-x;
}

#page {
	width: 100%;
	min-width: 960px;
	margin: 0px auto;
	padding-bottom: 20px;
	background: transparent url(/assets/images/pageBottom.png) bottom center repeat-x;
}

#colWrapper {
	width: 960px;
	margin: 0px auto;
}
#leftCol {
	width: 580px;
	margin-left: 40px;
	float: left;
	padding-bottom: 13px;
	background: #faefd5 url(/assets/images/pageShadow.jpg) bottom center no-repeat;
}
#leftCol.home {
	width: 580px;
	height: 256px;
	margin-left: 40px;
	margin-top: 16px;
	float: left;
	background: transparent url(/assets/images/widebox_green.png) top left no-repeat;
}
#leftCol.home h1 {
	color: #fff;
}
#leftCol.home .content {
	text-align: left;
	padding: 20px 20px 20px 225px;
	color: #fff;
	line-height: 1.4em;
}
#leftCol .content {
	text-align: left;
	padding: 10px 20px;
	line-height: 1.4em;
}
#pagebanner {
	margin: 0px auto;
}
#pagebanner img {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #dcc198;
	margin-bottom: 10px;
}
#map {
	margin: 0px auto;
	border: 4px solid #fff;
}
#pageTop {
	width: 580px;
	height: 20px;
	overflow: hidden;
	margin: 0px auto;
	background: #faefd5 url(/assets/images/pageBorders.gif) bottom center no-repeat;
}
#pageBtm {
	width: 580px;
	height: 20px;
	overflow: hidden;
	margin: 0px auto;
	background: #faefd5 url(/assets/images/pageBorders.gif) top center no-repeat;
}
#rightCol {
	width: 280px;
	margin-right: 40px;
	float: right;
}
#rightCol .content {
	text-align: left;
	padding:  10px 0px;
	line-height: 1.4em;
}

/* SIDENAV STYLES */

#nav {	
	width: 278px;
	overflow: hidden;
	border: 1px solid #faefd5;
	font-weight: bold;
	margin-bottom: 20px;
}
#nav a {
	display: block;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	width: 278px;
	height: 40px;
	overflow: hidden;
	padding: 0px 0px 0px 20px;
	line-height: 40px;
	background: transparent url(/assets/images/sidenavBkg.jpg) top left no-repeat;
}
#nav a.active, #nav a.active:hover {
	display: block;
	color: #e08229;
	font-size: 12px;
	text-decoration: none;
	width: 278px;
	height: 40px;
	overflow: hidden;
	padding: 0px 0px 0px 40px;
	line-height: 40px;
	background: transparent url(/assets/images/sidenavBkg.jpg) bottom left no-repeat;
}
#nav a:hover {
	display: block;
	color: #e08229;
	font-size: 12px;
	text-decoration: none;
	width: 278px;
	height: 40px;
	overflow: hidden;
	padding: 0px 0px 0px 40px;
	line-height: 40px;
	background: transparent url(/assets/images/sidenavBkg.jpg) bottom left no-repeat;
}

/* SIDEBAR STYLES */

.sidebarTitle {
	display: block;
	text-align: center;
}

.sidebarTitle img {
	vertical-align: middle;
}

/* SIDEBOX STYLES */

#sidebox {
	width: 280px;
	height: 85px;
	margin: 6px 0px;
}
#sidebox h4 {
	margin: 0px 0px 2px;
	font-size: 14px;
	color: #fff;
}
#sidebox.green {
	color: #fff;
	background: transparent url(/assets/images/sidebox_green.gif) top left no-repeat;
}
#sidebox.red {
	color: #fff;
	background: transparent url(/assets/images/sidebox_red.gif) top left no-repeat;
}
#sidebox.tan {
	color: #000;
	background: transparent url(/assets/images/sidebox_tan.png) top left no-repeat;
}
#sidebox.tan h4 {
	color: #000;
}
#sidebox .content {
	padding: 6px 10px;
	font-size: 10px;
}
#sidebox img {
	margin-top: 4px;
}
.sideboxImg {
	width: 280px;
	position: relative;
}
.sideboxImg img {
	float: right;
	position: absolute;
	right: -5px;
}

#newsletter {
	width: 280px;
	height: 265px;
	margin: 0px auto;
	background: transparent url(/assets/images/newsletterFormBkg.png) top left no-repeat;
}
#newsletter .content {
	padding: 16px 24px 30px 45px;
	font-size: 11px;
	line-height: 1.4em;
	color: #fff;
}

#pagelinks {
	width: 960px;
	margin: 0px auto;
	padding: 10px 0px;
	font-weight: bold;
}
#pagelinks a {
	padding: 0px 6px;
	text-decoration: none;
}

/* FOOTER STYLES */

#footer {
	width: 100%;
	height: 90px;
	margin: 0px auto;
	clear: both;
	background-color: #000;
	border-top: 1px solid #878787;
}
#footer .content {
	width: 960px;
	padding: 25px 0px;
	margin: 0px auto;
	font-size: 11px;
	color: #fff;
	text-align: left;
}
#footer a {
	font-size: 11px;
	color: #fff;
	text-decoration: underline;
}
#sponsor {
	margin-right: 45px;
	float: right;
}
#sponsor a {
	text-decoration: none;
}
#sponsor img {
	border: none;
	vertical-align: middle;
	padding-left: 5px;
}
#copyright {
	margin-left: 45px;
	line-height: 28px;
}
#copyright img {
	border: none;
	vertical-align: middle;
	padding-left: 5px;
}

/* FORM STYLES */

form {margin: 0px;}
input {font-family: arial,helvetica,sans-serif; font-size: 11px; color:#474747; display: block;}
input[type=text] {border: 1px solid #999; padding: 2px; margin: 4px 0px; background: #fff url(/assets/images/input_bkg.gif) top left repeat-x;}
select {font-family: arial,helvetica,sans-serif; font-size: 11px; color: #474747; margin: 2px 0px; border: 1px solid #999; padding: 2px; background: #fff url(/assets/images/input_bkg.gif) top left repeat-x;}
textarea {overflow: auto; border: 1px solid #999; padding: 2px; margin: 2px 0px; background: #fff url(/assets/images/input_bkg.gif) top left repeat-x; font-family: arial,helvetica,sans-serif; font-size: 11px; color:#474747; display: block;}
fieldset {padding: 12px; margin: 6px 0px; border: none;}
label {font-weight: bold; margin: 2px 0px;}

/* TABLE STYLES */

table {
   border: 0;
   padding: 0;
}

tr td { padding: 4px; }

.boxy th {
   font: bold 12px/18px Arial, Helvetica, sans-serif;
   background: #1a4868 url(/assets/images/table-head.gif) repeat-x left top;
   border-top: 1px solid #1e4260;
   border-bottom: 1px solid #17334a;
   border-left: 1px solid #234a6b;
   border-right: 1px solid #17334a;
   color: #ffffff;
   padding: 5px;
}

.boxy thead th.firstTH { border-left: 1px solid #17334a !important; }

.boxy td {
   font: 12px/18px Arial, Helvetica, sans-serif;
   background: #f1f1f1 url(/assets/images/table-data.gif) repeat-x left top;
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #CCCCCC;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #CCCCCC;
   padding: 4px 8px;
   vertical-align: top;
}

.boxy tbody td.firstTD { border-left: 1px solid #CCCCCC !important; }

.boxy { border-collapse: collapse; }

.boxy td {
   border-top: 1px solid #CCCCCC;
   background: #fff url(/assets/images/tableWhiteBg.gif) repeat-x right bottom;
}

/* MISC STYLES */

.float {
	float: right;
}
hr {
	height: 2px;
	color: #bcbdc0;
	background-color: #bcbdc0;
	padding: 0px;
	margin: 0px;
}
.spacer {
	padding: 0px 6px;
}
#ditto_pages a {
	margin: 0px 6px;
}
.ditto_currentpage {
	font-weight: bold;
	color: #c93a02;
	padding: 0px 4px;
	background-color: #fff;
	border: 1px solid #c93a02;
}
.boxFade {
	padding: 10px 20px 20px;
	margin: 10px 0px;
	background: transparent url(/assets/images/boxFade.png) bottom center repeat-x;
}
.tableFade {
	padding: 10px 20px;
	background: transparent url(/assets/images/boxFade.png) bottom center repeat-x;
}
.photoframe {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #dcc198;
}
.errors {
	background-color: #fff;
	padding: 10px;
	color: #990000;
}