/* Notes */
/*
	background color: #b9b396
	headings : #099
	links and accents #B63C00
	form element border color: #B5B1A8
*/

/* general */

/* things that shouldn't have margins and padding */
body,
p,
h1, h2, h3, h4, h5, h6,
div,
img,
form,
object,
embed {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #099;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {color: #000;}

h1 a:hover {background-color: transparent;}

img {
	display: block;
	border: 0;
}

p {
	line-height: 130%;
	margin: 0 0 1em 0;
}

/*** Hack for Logo Link ***/
.none:link, .none:hover, .none:visited
{
  text-decoration: none;
}


a:link {
	color: #B63C00;
	font-weight:bold;
	text-decoration: underline;
}

a:visited {
	color: #b8b396;
	font-weight:bold;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #B63C00;
}

ol {color: #B63C00;}
ol li {color: #000;}

ul {
	padding: 0 0 0 1.25em;
	margin: 0;
}

strong {
	color: #756F4A;
	font-weight:bold;
}

em {font-style: italic;}

blockquote {
	color: #099;
}

/*=formatting*/
.insetL {
	float: left;
}

.insetR {
 float: right;
}

.topPad {padding: 100px 0 0 0;}

/*=layout*/
body {
	background: #b9b396 url(sub_bgd_tile.gif) center top repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

#pageContainer {
	width: 100%;
	background: url(sub_bgd_top.jpg) center top no-repeat;
	min-height: 229px;
	text-align: center; /* IE 5 centering hack */
}

* html #pageContainer {height: 229px;}

/* page navigation */

#pageHeader img {display: inline;}

#pageNav {
	position: absolute;
	top: 71px;
	left: 0px;
	text-align: right;
}

#pageNav * {text-align: right;}

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

ul#menu li ul li {
	margin: 0;
	padding: 1px 16px 1px 0;
}

ul#menu ul li {
	margin: 0 16px 0 0;
	padding: 1px 16px 1px 0;
}

ul#menu li {
	margin: 0;
	padding: 4px 16px 4px 0;
}

ul#menu li ul li.blogMenu {
	margin: 0;
	padding: 6px 3px 0 0;
}

ul#menu a {
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

ul#menu a:hover {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: #B63C00;
	background-color: transparent;
}

ul#menu li.lv1current {background:url(nav_indicator.gif) right 5px no-repeat;}

ul#menu li.lv2current {background:url(nav_indicator.gif) right 3px no-repeat;}

ul#menu li.lv2current a {
	color: #B63C00;
}

ul#menu ul {
	/* hide from IE mac \*/
	position: relative;
	left: 16px;
	/* end IE mac hiding */
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#menu img {display: inline;}

#pageBody {
	position: relative;
	background: url(sub_bgd_top.jpg) center top no-repeat;
	text-align: left; /* undo IE 5 centering hack */
	width: 810px;
	margin: 0 auto 0 auto;
}

#pageContent {
	margin: 0 180px 0 177px;
}

h1#pageImageTitle { /* holds an image for the top of the page -- matches background*/
	margin: 0;
	padding: 0;
}

h1#pageTitle {
	padding: 90px 30px 10px 45px;
	font-size: 18px;
}

#pageContentContainer {
	padding: 0 35px 0 45px;
	min-height: 440px;
}

* html #pageContentContainer {height:440px;}

#pageContentContainer h1 {
	font-size: 14px;
	margin: 25px 0 10px 0;
}

#pageSidebar {
	position: absolute;
	right: 0px;
	top: 90px;
}

#pageSidebar div {
	margin: 0 20px 0 20px;
}

#pageSidebar h2 {
	margin: 10px 0 5px 0; 
}

#pageSidebar h1.blogLink a {
	color: #000;
	text-decoration: none;
}

#pageSidebar h1.blogLink a:hover {
	color: #FFF;
}


/* login form */
form#loginForm {
	margin: 5px 0 0 0;
	padding: 10px 15px 10px 10px;
}

form#searchForm {
	margin: 15px 5px 5px 5px;
	padding: 5px;
}

form#loginForm label {
	display: block;
	margin: 5px 0 2px 0;
	font-size: 10px;
}

form#loginForm input,
form#searchForm input {
	width: 70px;
	height: 13px;
	font-size: 11px;
	border: 1px solid #a3a194;
	vertical-align: middle;
	text-align: left;
}

form#loginForm button,
form#searchForm button {
	margin: 0;
	padding: 0;
	width: 19px;
	height: 17px;
	font-size: 10px;
	border: 0;
	background: #a3a194;
	vertical-align: middle;	
}

#pageFooter {
	margin: 30px 0 20px 0;
	text-align: center;
	color: #afafaf;
	clear: both;
}

#pageFooter a {color: #afafaf; font-weight: normal;}
#pageFooter a:hover {color: #fff; background-color: #afafaf; font-weight: normal;}
#pageFooter a:visited {color: #afafaf; font-weight: normal;}

/* fancy border width trick*/
/* 
	borders are overlaid to give the apearence of a long continuous border.
	the left border of the pageSidebar overlays the right border of pageContentContainer
	The borders width is applied in addition to the width of these elements in CSS browsers allowing for the visual overlap.
	IE 5.5 has a screwy box model..so widths must be adjusted to compensate
*/
#pageContent {width: 453px;}
#pageContentContainer {
	border-right: 3px double #e5e5e5;
	border-left: 3px double #e5e5e5;
}

#pageSidebar {border-left: 3px double #e5e5e5; width: 180px;}

#pageNav {width: 180px;}
#pageNav #nav {
	border-right: 3px double #e5e5e5;
	margin-top: 20px;
}

/* draw a div layer that will hide the extra rule above nav */
#pageNav #hideRule {
	position: absolute;
	top: 50px;
	left: 176px;
	width: 5px;
	height: 117px;
	background-color: #fff;
}


/* IE 5.x border fix hacks */
* html #pageContent {
	width: 457px;  /* IE 5 flubbed value,*/
	w\idth: 453px; /* IE 6 corrected value,*/
}

* html #pageSidebar {
	width: 183px; /* IE 5 flubbed value,*/
	w\idth: 180px; /* IE 6 corrected value,*/
}


/* blog treatment */
.blog#pageImageTitle img {
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 35px 0 15px 2px;
}

div#pageContentContainer div.blogEntry {
	margin: 0 0 1em 0;
}

div#pageContentContainer div.blogEntry h1 {
	font-size: 11px;
	margin: 0;
	color: #B63C00;
}
div#pageContentContainer div.blogEntry h1 a {text-decoration: none;}

div#pageContentContainer div.blogEntry h2 {
	color: #000;
	font-size: 16px;
}

div.blogEntry p.blogData,
div.blogEntry p.blogData a {
	color: #666;
}

div.blogEntry p.blogData a:hover {
	color: #fff;
	background-color: #666;
}

div.blogEntry p.blogData a {
	font-weight: normal;
	text-decoration: underline;
}

div.blogEntry p.blogData img {
	vertical-align: middle;
	display: inline;
}