/* CSS Document */
/**
 * Project: Spirits Reach
 * Author: Ryan Tremblay
 * Company: Applied Communications
 * Department: Applied Interactive
 * Last Modified: December 13, 2006
 *
 * Structure layout
 */

@import url(menu.php);

body {	
	margin: 0;
	padding: 0;
	background: url(../../img/layout/bodybg.gif) repeat-x top #675f44;
	font: normal 12px/1.6em Arial, Helvetica, sans-serif;
	color: #3C3829;
	text-align:center;
}

/* Make sure the table cells show the right font */
td { font-family: Arial, Helvetica, sans-serif; vertical-align:top; }

img,
a img{border:none;}
	
/* Layout
-----------------------------------------------------------*/
#container{
	margin:0 auto;
	width:996px;
	text-align:left;
	background:#493E20;
	border:1px solid #2c291b;
	border-top:none;
}

#header{
	width:996px;
	height:77px;
	text-align:center;
	vertical-align:middle;
}

#contentText{
	background:url(../../img/layout/contentBg.png) no-repeat right top;
	text-align:left;
	float:right;
	width:360px;
	height:335px;
	margin:0;
	padding: 20px 30px 0 50px;
}

#logo{ text-align:center; margin:2px 0 3px 0; }

#title{ padding: 10px 10px 0; }

#content{
	margin:0;
	padding: 0;
	width:996px;
	height:357px;
	background: url(../../img/layout/content_bg2.jpg) repeat-y center;
}

#popRow{
	margin:0;
	padding:0;
	clear:both;
}
#popRow td{vertical-align:bottom;
	height:120px;}
#popper0,
#popper1, 
#popper2{
	background:url(../../img/layout/tab_bg.jpg) repeat-y;
	height:28px;
	width:190px;
	overflow:hidden;
	color:#FFFFFF;
	text-align:center;
}
#popper0,
#popper1,
#popper2{float:right;}

#popper0 p,
#popper1 p, 
#popper2 p{
	font:11px/1.2em Arial, Helvetica, sans-serif;
	margin:0 10px 0 10px;
}
#popper0 a,
#popper1 a, 
#popper2 a{
	color:#FFF;
}


.clearer,
.clear{
	clear:both;
	height:1px;
	line-height:1px;
}

/* sIFR
-----------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}


/* sIFR decoy
-------------------------------------------------------------------------*/
/**
 * These "decoy" styles are used to hide the browser text before it is replaced... 
 * the negative-letter spacing in this case is used to make the browser text metrics
 * match up with the sIFR text metrics since the sIFR text in this example is so
 * much narrower... your own settings may vary... any weird sizing issues you may
 * run into are usually fixed by tweaking these decoy styles 
 */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -5px;
	width: 400px;
	padding:0;
	margin:0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -4px;
	width: 400px;	
	padding:0;
	margin:0;
}
/*
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -3px;
	width: 400px;	
}


.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -2px;
}*/

/* Text
-----------------------------------------------------------*/
h1, h2, h3, h4, h5{ color: #96351F; }

h1{ font-size: 175%; }
h2{ font-size: 145%; }
h3{ font-size: 125%; }
h4{ font-size: 115%; font-weight: 700; }
h5{ font-size: 102%; }
h1{ height:40px;}

p{ margin:0 0 15px 0;}

/* ul li{ margin-left: 10px; }

ol,
ul{ margin: 0 20px; padding: 0 10px; }

ol li,
ul li {  margin: 0; padding: 2px 10px; }

Link styles
-----------------------------------------------------------*/
a { color:#187db1; }
a:hover { text-decoration: none; }

a img { border: 0; background: none; }
a:hover img { border: 0; background: none; }
a:hover .img-link { background: transparent; }
#logo a{ background: transparent; }


/* Footer styles
-----------------------------------------------------------*/
#footer{
	margin:0;
	padding:0;
	background:url(../../img/layout/footerbg.jpg);
	color:#9a8360;border-top:1px solid #3a2912;
	clear:both;
}
#footer,
#footer p,
#footer td,
#footer a {
	text-align:left;
	color: #AAA;
	font: normal 11px/1.2em Arial, Helvetica, sans-serif;
	}
#footer p{ 
	clear:both; 
	padding-top: 10px;
	}
#footer ul,
#footer ul li{
	text-align:center; 
	list-style:none; 
	margin: 0; 
	padding: 0;
	}
#footer ul{
	/*width:300px;*/
	margin-left:217px;
	}
#footer ul li { float:left;  }	
#footer ul li a{
	float: left; 
	padding: 0px 10px; 
	}
#footer a {	text-decoration: underline; }

#footer a:hover { 
	text-decoration: underline; 
	background: transparent; 
}
#footer #utilityNav{
	float:left;
	padding:4px 0 0 12px;
	width:400px;
}
#utilityNav ul{margin:0;padding:0;}
#footerRight{float:right;width:530px;padding:4px 12px 8px 0;text-align:left;}

#footer #meta{
	font-size:11px;
	color:#493E20;
	margin-top: 15px;
}

/* Horizontal Rule styles
-----------------------------------------------------------*/
hr {
	color: #C6BD96;
	border: 0;
	background: transparent url(../../img/elements/hrline.png) repeat-x;
	height: 2px;
	margin: 16px 29px 20px 58px; 
}

/* Disclaimer styles
-----------------------------------------------------------*/
.disclaimer  {
	font: 9px/1.8em Arial, Helvetica, sans-serif;
	color: #777777;
}


/* EXTRAS
-----------------------------------------------------------*/
.required {
	color: #5E93B5;
	font-weight: bold;
}


/* FORMS
-----------------------------------------------------------*/
label {
	color:#707070;
	display:block;
	font-weight: bold;
}

input,
textarea,
select  {	
	font: 10px/1.4em Verdana, Tahoma, Arial, sans-serif;
	border-width: 1px;
	padding: 1px;
	color: #555555;
}

.field {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #999999;
	border-left: 3px solid #5E93B5;
	background: #FFF;
	width: 132px;
}

.button {
	border-bottom: 1px solid #5E93B5;
	border-right: 1px solid #5E93B5;
	border-top: 1px solid #EFF8FF;
	border-left: 1px solid #EFF8FF;
	padding: 2px 5px;
	background: #DEEAF0;
}

/* ------------------------------------
   Misc Links
--------------------------------------- */
a.pdf,
a.zip,
a.word,
a.external,
a.enlarge,
a.print,
a.arrow_back {	
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center left;
}

/*a.pdf:hover,
a.word:hover,
a.external:hover{ background-color: #EFF8FF; }*/

a.pdf { background-image: url(../../img/icons/pdf.gif); }
a.zip { background-image: url(../../img/icons/zip.gif); }
a.word { background-image: url(../../img/icons/word.gif); }
a.external { background-image: url(../../img/icons/external.png); }
a.enlarge {background-image:url(../../img/icons/enlarge.gif); }
a.print {background-image:url(../../img/icons/print.gif); }
a.arrow_back{background-image:url(../../img/icons/arrow_back.gif);}