/***********************
Color Palette
Cream:  #b3a88b
Amaretto Red:  #76090c
Drab Gray:  #675c41
Drab Gray2:  #afa386
************************/

html { font-size: 100%; }
body { text-align: center; 
	/*font-size: 16px;
	font-family: Serif, Verdana, Arial, Helvetica;*/
	font-size: 14px;
	font-family: Trebuchet MS, Times, Arial, Verdana, Serif;
	color: #b3a88b;
	line-height: 20px;	
}

/* ---------- links and navigation ---------- */
a { color: #afa386;}
a:hover { text-decoration: none; }

/* ---------- fonts ---------- */
h1, h2, h3, h4, p, ul { padding-bottom: 10px; } /* spacing below */
h1 {	font-size: 40px; line-height: 30px; font-family: Serif; letter-spacing: 1.5px; margin-top: 20px; margin-bottom: 20px;  }
h2 {	font-size: 24px; font-family: Serif; letter-spacing: 1.5px; }
h3 {	font-size: 14px; font-family: Verdana; letter-spacing: 1.5px; font-weight: bold; }
h4 {	font-size: 18px; font-family: Verdana; letter-spacing: 1.5px; font-weight: bold; }
p { 	}
blockquote { }
b, strong{ font-weight: bold; }

/* ---------- lists ---------- */
ul { list-style-type: disc; margin-left: 30px; }
li{ text-indent: 5px; }
ul > li {}
ul > li > ul{ list-style-type: circle; padding-bottom: 0;}
ul > li > ul > li{}

/* ---------- images ---------- */
img{ display: block; }
a img { border: 0; }
		
/* ---------- tables ---------- */
table { }
caption { }
tr { 	}
th, td { 	}
th { }
td { }

/* ---------- forms ---------- */	
form { }

/* ---------- layout (structure)---------- */
/* Header */
#out-header{ width: 100%; height: 214px; background-image: url('../../images/layout/background-top2.gif'); background-repeat: repeat-x; }
#header{ width: 830px; height: 214px; margin: 0 auto; text-align: left; }
#logo{ float: left; margin-top: 66px; font-weight: bold; }
#nav{ border: 0px solid #000; float: right; margin-top: 135px; font-family: Serif, Verdana, Arial, Helvetica; font-size: 16px; padding-top: 15px;}
#nav ul{ list-style-type: none; }
#nav ul li{ display: inline; padding: 2px 10px 2px 10px; border-left: 1px solid #76090c; }
#nav ul li.first{ border-left: 0px solid #76090c;}
#nav ul li a{ color: #76090c; text-decoration: none; font-weight: bold; display: block; display: inline; border: 0px solid #000;}
#nav ul li a.selected{ background-image: url('../../images/layout/nav-carrot.gif'); background-repeat: no-repeat; padding-top: 9px; text-decoration: underline; }
#nav ul li a:hover { text-decoration: underline;}

/* Body */
#out-mainbody{ width: 100%; height: auto; background-image: url('../../images/layout/background-middle.gif'); }
#mainbody{ width: 830px; height: auto; margin: 0 auto; text-align: left; padding: 10px 0 15px 0; background-image: url('../../images/layout/background-s.gif'); background-repeat: no-repeat; }

/* Footer */
#out-footer{ width: 100%; height: 180px; background-image: url('../../images/layout/background-bottom.gif'); background-repeat: repeat-x; clear: both; }
#footer{ width: 830px; height: 180px; margin: 0 auto; text-align: left; font-size: 10px; color: #675c41; font-family: Verdana, Arial, Helvetica, Serif;}
#footer a{ color: #675c41;}
#footer a:hover{ text-decoration: none;}
#footer-copyright{ float: left; width: 50%;}
#footer-links{ float: right; width: 50%; text-align: right;}