/*
HAVEN css styles
*/

body  {
    font-family: Times New Roman, Times, serif;    /* default page font */
				background: #af8960 url(../images/bg-fade.jpg);
				background-color:#a48960
    margin: 20px;          /* shorthand for all margins = 0 */
    padding: 0;         /* no padding */
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}

/* outerDiv wraps around the rest of the page */
div#outerDiv {
    width: 951px;       /* sets the content width */
    margin: 25px auto;     /* no top/bottom margin, centered horizontally */
    background: #d0c589 url(../images/header2.jpg) no-repeat;       /*  header image plus cream page content background/watermark */
				background-color:#a48960 /* color that meets end of page content fade to extend varying page lengths)*/
}

div#header {
	height: 310px;      /* set size equal to banner image */
	position: relative;
	width: 951px;
}


div#logo {
	height: 105px;      /* set size equal to banner image */
	position: relative;
	width: 550px;
	padding: 5px;
}

div#content {
    /*background-color: #fdfcd9;*/
    padding: 5px;
}

#outerDiv a:link, #outerDiv a:visited {
    text-decoration: none;
    color: #cc6600;
}

#outerDiv a:hover, #outerDiv a:active {
    color: #5A3085;
}

/* ===== contact link ===== */

#outerDiv #closeButton {
	position: absolute;
	left: 825px;
	top: -18px;
}

#closeButton a:link, #closeButton a:visited{
    height: 18px;
    width: 124px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(../images/close.jpg) no-repeat left top;
    border: none;           /* don't display a border */
}

#closeButton a:hover, #closeButton a:active{
    background-position: left bottom;   /* relocate the image to show the rollover image */
}

/* ===== main navigation links ===== */

#header #mainMenu {          /* set the position for the nav elements */
	position: absolute;
	left: 235px;
	bottom: 0px;
	top: 288px;
	width: 686px;
	height: 22px;
}

#mainMenu ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainMenu li {               /* turn off the normal list item behavior */
    float: left;
    margin: 0;
    padding:0;
}

#mainMenu li a:link, #mainMenu li a:visited {
    font-family: Times New Roman, Times, serif;
				font-size: 15px;
    color: #3B3525;            /* brown text */
    text-decoration: none;  /* no underline */
    padding: 0 3px 0 3px; /* aligns text*/
    margin-right: 10px;
    line-height: 25px;
				
}

#mainMenu li a:hover, #mainMenu li a:active {
    color: #CC6600;         /* orange color for text */
    background-position: left top;      /* move image to show rollover */
}

#mainMenu ul li a.current {  /* different look for "current" link */
    margin-top: -5px;
    height: 30px;
   /* background: url(../images/nav_current.jpg) no-repeat;*/
    color: #CC6600;
    line-height: 25px;
}

#mainMenu ul li a.current:hover {
    cursor: default;
}

/* ===== sidebar ===== */

#content div#sideBar {
    float: left;
    width: 200px;
    padding: 0 10px;
    margin: 0;
   /* border-left: solid #aaa 1px;*/
}

#sideBar p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
				font-weight: normal;
    line-height: 1.0em;
    color: #3b3525;
    margin: 0 0 3ex 0;
}

#sideBar h3 {
    font-family: Times New Roman, Times, serif;
    font-size: 1.2em;
				font-weight: normal;
    color: #cc6600;
    text-align: left;
				line-height: 100%;
    margin: 3.8ex 0 0.1ex 0;
}


#sideBar h4 {
    font-family: Times New Roman, Times, serif;
    font-size: 1.0em;
				font-weight: normal;
    color: #cc6600;
    text-align: left;
				line-height: 100%;
    margin: 2.8ex 0 0.1ex 0;
}

#sideMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#sideMenu li {
    font-family: Times New Roman, Times, serif;
    font-size: 0.8em;
    color: #3b3525;
    margin: 0;
}

#sideMenu li a:link, #sideMenu li a:visited {
    font-family: Times New Roman, Times, serif;
				display: block;
				font-size: 12px;
    color: #3B3525;
				bullet: none;            /* brown text */
    text-decoration: none;  /* no underline */
    padding: 0px 0px 0px 20px; /* aligns text right-bottom-top-left*/
    margin-right: 20px;
				line-height: 20px;
				background: url(../images/sideMenuRollover.gif) no-repeat left bottom;
    border: none;
				
}

#sideMenu li a:hover, #sideMenu li a:active {
    color: #CC6600;         /* orange color for text */
    background-position: left top;      /* move image to show rollover */
}

#sideMenu ul li a.current {  /* different look for "current" link */
    margin-top: 0px;
    height: 20px;
				color: #CC6600;
				display: block;
    background: url(../images/sideMenuRollover.gif) no-repeat;
				border: none;
    
}

#sideMenu ul li a.current:hover {
    cursor: default;
}

/* ====- main content ===== */

#content div#mainContent {
    float: right;
    width: 690px;
    margin: 0 0;
    padding: 0 15px;
}

#mainContent p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
    color: #3b3525;
    margin: 1ex 0;
}


#mainContent h1 {
    font-family: Times New Roman, Times, serif;
    font-size: 2.0em;
    font-weight: normal;
    color: #cc6600;
    margin: 2.0ex 0 .4ex 0;
}

#mainContent h2 {
	   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
				font-weight: bold;
    color: #3b3525;
    margin: 1.5ex 0 0 0;
}

#mainContent h3 {
    font-family: Times New Roman, Times, serif;
    font-size: 1.2em;
				font-weight: normal;
    color: #cc6600;
    text-align: left;
    margin: 2.0ex 0 .5ex 0;

}

#mainContent h6 {
    font-family: Times New Roman, Times, serif;
    font-size: 1.2em;
				font-weight: normal;
    color: #3b3525;
    text-align: left;
    margin: 2.0ex 0 .5ex 0;

}

#mainContent ul {
	   font-family: Verdana, Arial, Helvetica, sans-serif;

    line-height: 1.4em;
    color: #3b3525;
				list-style: none;
	   padding: 0;
}

#mainContent li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 1.4em;
    color: #3b3525;
    list-style: none;
				background: url(../images/bullet.gif) no-repeat left top;
				padding-left: 20px;
				padding-right: 20px;
				padding-bottom: 5px;
    margin: 0;
}


#mainContent h4 {
    font-family: Times New Roman, Times, serif;  /*quote at bottom of page*/
    font-weight: normal;
				font-style: italic;
				font-size: 0.9em;
    line-height: 1.0em;
    color: #3b3525;
				text-align: center;
}

#mainContent h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;  /*small text at bottom of page*/
    font-weight: normal;
				font-size: 0.6em;
    line-height: 1.0em;
    color: #3b3525;
				text-align: center;
}

/* ====== div#youtubeVid {
    margin: 2ex 0 2ex 1em;
}not used at this time ====== */

/* ====== main content left menu ====== */

/* ====== #mainContent p.leftMenu {
    font-family: Times New Roman, Times, serif;
    margin-top: 0;
}

#mainContent p.leftMenu a {
    color: #3b3525;
}

#mainContent p.leftMenu a:hover {
    color: #cc6600;
    border: none;
} not used at this time ====== */

/* ===== footer ===== */

div#footer {
    clear: both;
    background: transparent;
    margin: 0 auto;
    padding: 5px;
}

#footer p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .75em;
    color: #d0c589;
    margin: 0;
    padding: 0;
    text-align: center;
}

#footer a {
    color: #3b3525;
    text-decoration: none;
}

/* ===== miscellaneous styles ===== */

.clear { clear: both }