@charset "UTF-8";
/* CSS Document */

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/*------------------------------
Basic overall styles
------------------------------*/
.clear {
  clear: both;
}

body, html { /* define overall type style here */
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #wrapper */
	background-color: #FFF;
}

h1, h2, h3, h4, h5, h6, ol, li, ul, p, table, th, td, caption, a {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

strong{
	font-weight: bold;
}

em{
	font-style:italic;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*------------------------------
	BACKGROUND divs 
-------------------------------*/
div, div div, div div div {
	margin: 0 auto;
	padding: 0;
}

#wrapper {
	text-align: left;
	background-image: url(../_img/bg-wrapper.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#doc {/* defines main page width  */
	width: 1163px;
}


/*------------------------------
	HEADER divs 
-------------------------------*/

#hd {/* background header image  */
	height: 191px;
	width: 963px;
	text-align: left;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 100px;
	margin-right: 100px;
	}
	
#logo { /* Insert logo as image in the html. Allows logo to be clickable.  */
	height: 167px;
	width: 239px;
	float: left;
	padding-top: 24px;
}

#nav {
	height: 95px;
	width: 724px;
	padding-top: 96px;
	margin-left: 239px;
}
	
	
/*------------------------------
	BODY/CONTENT also contains main type styles 
-------------------------------*/

#bd {/* contains the side and content - used to include a background behind the both of them */
	margin: 0px;
	padding: 0px;
	width: 963px;
	margin-left: 100px;
	margin-right: 100px;
}

#bd_hd {
	float: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 963px;
}

#bd_bd {
	margin: 0px;
	padding: 0px;
	width: 963px;
}

#bd_ft {
	margin: 0px;
	padding: 0px;
	height: 46px;
	text-align: center;
	width: 963px;
}

#sidebar {
	float: left;
	width: 389px;
}

#sidebar_hd {
	float: left;
	height: 420px;
	width: 389px;
}

#sidebar_bd {
	float: left;
	width: 389px;
}

#content {
	width: 574px;
	padding: 0px;
	margin-left: 389px;
}

#content_hd {
	margin: 0px;
	width: 564px;
	padding-left: 10px;
}

#content_bd {
	float: none;
	width: 500px;
	margin: 0px;
	padding-left: 20px;
	padding-right: 54px;
}

#content h1 {
	color: #232020;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 2.3846em;
	font-style: italic;
	font-weight: bold;
	line-height: 1em;
	text-transform: lowercase;
	text-align: left;
	padding-top: 15px;
	padding-left: 10px;
	background-image: url(../_img/h1_underline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 0.6154em;
}

#content h2 {
	color: #232020;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.3846em;
	font-style: italic;
	font-weight: bold;
	line-height: 1em;
	text-transform: lowercase;
	text-align: left;
	padding-bottom: 0.5385em;
	padding-top: 1em;
}

#content h3 {
	color: #232020;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.0769em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.3077em;
	text-transform: lowercase;
	text-align: left;
	padding-top: 0.5385em;
	padding-bottom: 0.3077em;
}

#content h4 {
	color: #232020;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1em;
	line-height: 1.3077em;
	text-transform: lowercase;
	text-align: left;
	padding-top: 0.5385em;
	padding-bottom: 0.3077em;
	font-weight: normal;
}
#content p {
	color: #232020;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 0.8462em;
	line-height: 1.5385em;
	text-align: left;
	font-weight: normal;
	margin-bottom: 1em;
}

#content a {
	text-decoration:none;
	color: #82540B;
}

#content a:hover {
	text-decoration:none;
	color: #C96;
}

#wrapper #doc #bd #bd_bd #content #content_bd td {
	color: #232020;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1em;
	text-align: left;
}

.td_left {
	padding-right: 50px;
}

#content ul {
	color: #232020;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 0.7692em;
	line-height: 1.1538em;
	text-align: left;
	font-weight: normal;
	margin-bottom: 0.4615em;
	padding-left: 14px;
}

#content ul li{
	font-size: 1em;
	padding-bottom: 0.4615em;
	list-style-position: outside;
	list-style-image: url(../_img/bullet.gif);
	padding-left: 0.4615em;
}

hr {
	color: #CEC8BD;
}

.note {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 0.8462em;
}

.imgfloatright{
	float:right;
	margin-bottom: 18px;
	margin-left: 18px;
}

.imgfloatleft{
	float:left;
	margin-right: 18px;
	margin-bottom: 18px;
}


/*------------------------------
	FOOTER
-------------------------------*/

#ft {
	height: 325px;	/* needed for short content */
	width: 1163px;
}
	
#repeat_nav {
	float: none;
	padding-top: 10px;
	}

#ft p {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 0.7692em;
	line-height: 1.2308em;
	color: #D7D0CB;
	text-align: right;
	margin: 0px;
	padding-top: 0.5em;
	font-weight: normal;
	padding-right: 158px;
}

#ft a {
	color: #B3B0AB;
	text-decoration: none;
}

#ft a:hover {
	color: #656262;
	text-decoration: none;
}