/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  June 9, 2009, 4:28 am with psd2css Online version 1.39
 *
 */
 
 	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}


body{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 70%;
	background-color: #FFFFFF;
		/* text-align:center; horizontal centering for IE Win quirks */
}
h1, h2, h3 {
}

h1 {
	font-size: 2.1em;
	line-height: 1.636em;
	margin: 0;
	color: #663300;
	margin-bottom: 0em;
	padding-bottom: 0.3em;
	text-transform: lowercase;
}

h2 {
	color: #663300;
	font-size: 140%;
	margin-top: 20px; 
}
h3 {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: normal;
	text-transform: lowercase;
	line-height: 1em;
}
h4 {
	color: #663300;
	font-size: 140%;
}
h5 {
	color: #FFFFFF;
	font-size: 110%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: -0.4em;
}
h5.white {
	color: #FFFFFF;
	font-size: 110%;
	font-weight: normal;
	margin-bottom: -0.7em;
	margin-top: -1em;
	font-family: Arial, Helvetica, sans-serif;
}

h6 {
	color: #984806;
	font-size: 0.9em;
	font-weight: normal;
}
p {
	color: #984806;
	font-size: 1.05em;
	line-height: 1.55em;
}
p + p {
	margin-top: 14px;
}
hr {
	border: 0;
	width: 80%;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
	text-align: left;
	margin-top: -0.5em;
}



/* this is to vertically center the home page */
	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-260px; /* half of container's height */
		float:left;
		}
#Layer-wrap {

		margin:0 auto;
		position:relative; /* puts container in front of distance */
 		text-align:left;
	  width: 923px;
	height:540px;
		clear:left;

}

/* You named this layer background_center_jpg */
#Layer-1 {
	/* 
		margin:0 auto;
		position:relative; 
 		text-align:left;
	  width: 923px;
	height:540px;
		clear:left;
*/




position: relative;
	margin-left: -461.5px;
	left: 50%;
	top: 0px;
	width: 923px;
	height: 540px;
		clear:left;
	z-index: 1;
}
		

/* You named this layer menu_text */
#Layer-2 {
  position: absolute;
  left: 313px;
  top: 47px;
  width: 576px;
  height: 20px;
  z-index: 2;

  text-align: center;
}

/* You named this layer menu_text */
#Layer-2main {
  position: absolute;
  left: 1px;
  top: 47px;
  width: 922px;
  height: 20px;
  z-index: 2;

  text-align: center;
}

/* You named this layer footer_text */
#Layer-3 {
	position: absolute;
	left: 313px;
	top: 465px;
	width: 576px;
	height: 27px;
	z-index: 3;
	text-align: right;
}
/* You named this layer footer_text */
#Layer-3main {
	position: absolute;
	left: 316px;
	top: 452px;
	width: 576px;
	height: 27px;
	z-index: 3;
	text-align: right;
}

/* You named this layer titles_text */
#Layer-4 {
	position: absolute;
	left: 317px;
	top: 109px;
	width: 541px;
	height: 36px;
	z-index: 4;
	text-align: left;
	vertical-align: bottom;
}

/* You named this layer bodytext_text */
#Layer-5 {
	position: absolute;
	left: 318px;
	top: 161px;
	width: 526px;
	height: 285px;
	z-index: 5;
	text-align: left;
	overflow: auto;
	padding-right: 43px;
}
#Layer-5noscroll {
	position: absolute;
	left: 318px;
	top: 161px;
	width: 540px;
	height: 285px;
	z-index: 5;
	text-align: left;
}
#Layer-5resources {
	position: absolute;
	left: 318px;
	top: 161px;
	width: 510px;
	height: 285px;
	z-index: 5;
	text-align: left;
}

/* You named this layer support_text */
#Layer-6 {
  position: absolute;
  left: 126px;
  top: 161px;
  width: 168px;
  height: 284px;
  z-index: 6;

  text-align: center;
}
/* You named this layer footer_text */
#Layer-7 {
	position: absolute;
	left: 0px;
	top: 518px;
	width: 926px;
	height: 27px;
	z-index: 3;
	text-align: right;
	font-size: 90%;
}

#Layer-7main {
	position: absolute;
	left: 37px;
	top: 425px;
	width: 858px;
	height: 24px;
	z-index: 3;
	text-align: left;
	font-size: 90%;
}
#Layer-8 {
	position: absolute;
	left: 40px;
	top: 42px;
	width: 255px;
	height: 99px;
	z-index: 6;
	text-align: left;
}


#menubullet {
	width: 26px;
	height: 5px;
	z-index: 8;
	margin-top: 9px;
}
#menutext {
}


/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; text-decoration: underline;}
a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited { color: #FFFFFF; }
a:hover {
	color: #DBC7AE;
	text-decoration: underline;
}
a.rtd{color: #663300; text-decoration: none}
a.rtd:link {color: #663300; text-decoration: none}
a.rtd:visited {color: #663300; text-decoration: none}
a.rtd:hover {
	text-decoration: underline;
	color: #663300;
}
a.submenu {
	cursor: pointer;
	text-decoration: underline;
	font-size: 140%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
a.submenu:link {
	text-decoration: underline;
	color: #984806;
}
a.submenu:visited {color: #7D5E39; text-decoration: underline}
a.submenu:hover {
	text-decoration: underline;
	color: #663300;
}
a.mainmenu {
	cursor: pointer;
	text-decoration: none;
	font-size: 120%;
	line-height: 1.8em;
	letter-spacing: 1px;
	vertical-align: middle;
}
a.mainmenu:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.mainmenu:visited {color: #FFFFFF; text-decoration: none}
a.mainmenu:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a.mainmenuwhite {
	cursor: pointer;
	text-decoration: none;
	font-size: 92%;
	line-height: 1.8em;
	letter-spacing: 1px;
	vertical-align: middle;
}
a.mainmenuwhite:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.mainmenuwhite:visited {color: #FFFFFF; text-decoration: none}
a.mainmenuwhite:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a.submenu-s {
	cursor: pointer;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
a.submenu-s:link {
	text-decoration: underline;
	color: #7D5E39;
}
a.submenu-s:visited {color: #7D5E39; text-decoration: underline}
a.submenu-s:hover {
	text-decoration: underline;
	color: #663300;
}
a.mainmenuindex {
	cursor: pointer;
	text-decoration: none;
	font-size: 125%;
	line-height: 1.8em;
	letter-spacing: 1px;
	vertical-align: middle;
	font-weight: bold;
}
a.mainmenuindex:link {
	color: #663300;
	text-decoration: none;
}
a.mainmenuindex:visited {color: #663300; text-decoration: none}
a.mainmenuindex:hover {
	text-decoration: underline;
	color: #663300;
}