@charset "iso-8859-1";


body
{
	margin: 0;
	padding: 0;		
	font-family: arial, helvetica, sans-serif;
font-size: 62.5% 
}

#pageWrapper
{
	width: 800px;
	margin: 0px auto .50em auto;
}



#masthead-top-menu
{
	text-align: right;
}

#masthead-93
{
	height: 93px;
}

#masthead-footer
{
	height: 3px;
	background-color: #ffffff;
	font-size: 0;
}


.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}



#outerColumnContainer
{
	z-index: 1;
	border-color: #F4FAF1;	/* set default color to white. set the real color inside colors.css */
	border-style: solid;	/* sets the width of the borders used to create the left and right columns' background color. */
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 10em;	/* need to remove the LEFT & RIGHT borders so we can apply background images. - see image style css*/
	border-right-width: 175px;


}
#innerColumnContainer
{
	z-index: 2;
	width: 100%;
}
* html #innerColumnContainer
{
	position: relative;	/* fix a render bug in IE under certain conditions */
}
#contentColumn
{
	margin: 0 -1px;		/* without this, boxes stop floating next to each other */
	width: 100%;
font-size: 1.2em
}
#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	position: relative;	/* IE has a display/render bug with non-floated 
				   block elements inside floated block elements. 
				   setting position:relative on the floating
				   element seems to resolve this. */
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
	padding-top: 0;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the
				   previous selector. */
}
#rightColumn
{
	float: right;		/* floating this right allows for the right
				   column block to appear before the content
				   column in the flow of the document. doing
				   this allows for any easy 3 column layout
				   in NN4.

				   There is certainly a lot, in terms of layout
				   'theory' about how the flow of the document
				   should be. I won't get into it here. */
	width: 175px;
	margin: 0 -175px 0 1px;	/* same as in the #leftColumn selector up 
				   above. */
}
#leftColumn
{
	width: 12em;
	margin: 0 1px 0 -12em;	/* like in the #contentColumn selector, without
				   the 1px margin on the opposite side of the 
				   box, boxes stop floating next to each 
				   other */
}
#footer
{
	text-align: center;
	position: relative;
	padding: 1em;
}
html>body #footer
{
	padding-bottom: 1.01em;	/* this is to fix a bug in mozilla that results
				   in a 1px line of white below the footer when
				   the document gets very long. extremely long
				   documents may generate the bug again. if
				   you experience that, increasing this value
				   may help. i think this is related to moz's
				   off-by-one troubles as the bug does not
				   occur in any other browser */
}

.inside
{
	padding: 0 1em;	
	
				/* this padding is applied to every major box 
				   within the layout for a uniform gutter 
				   between borders 

				   _NOTE_: a small glitch in IE seems to appear
				   if this class has vertical padding applied
				   to it. so in cases where you want to add 
				   vert padding, use the parent element. margin
				   values here don't work because .inside has
				   a key role in border generation */
}



.firstnav
{
	text-align: right;
}
.firstnav, .firstnav ul li a
{
	/* need to SET veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 1px;
	padding-bottom: 1px;
}
.firstnav ul, .firstnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.firstnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 2px;
	padding-right: 2px;	/* short-hand padding attribute would overwrite top/bottom padding set in a previous rule */
	border-left: solid 0px #C1C9CC;
	border-right: solid 0px #C1C9CC;
	white-space: nowrap;
}
.firstnav ul li a:link, .firstnav ul li a:visited, .firstnav ul li a:active, .firstnav ul li a:hover
{
	text-decoration: none;
}

* html .firstnav, * html .firstnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. IE/Mac will ignore this rule. */
}


#masthead-top-menu.shorthnav
{
	text-align: right;
}

.shortnav
{
	text-align: right;
}
.shortnav, .shortnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 5px;
	padding-bottom: 6px;
}
.shortnav ul, .shorthnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.shortnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 0px #000;
	border-right: solid 0px #000;
	white-space: nowrap;
}
.shortnav ul li a:link, .shortnav ul li a:visited, .shortnav ul li a:active, .shortnav ul li a:hover
{
	text-decoration: none;
}

* html .short-nav, * html .short-nav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}



.lastnav
{
	text-align: center;
}
.lastnav, .lastnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 1px;
	padding-bottom: 1px;
}
.lastnav ul, .lastnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.lastnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 2px;
	padding-right: 2px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 0px #C1C9CC;
	border-right: solid 0px #C1C9CC;
	white-space: nowrap;
}
.lastnav ul li a:link, .lastnav ul li a:visited, .lastnav ul li a:active
{
	text-decoration: none;
}
.lastnav ul li a:hover
{
	text-decoration: underline;
}

* html .lastnav, * html .lastnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}




















.hnav
{
	text-align: center;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}

* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}



.vnav
{
	padding: 0;
	border: 0;
	margin: 0;
font-size: 1.1em
}

.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 1px #C1C9CC;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 1px #C1C9CC;
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}


* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}



.vnav-main
{
	margin: 1em 0;
font-size: 1.1em
}

.vnav-main ul, .vnav-main ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav-main ul
{
	border: solid 1px #000;
	border-bottom-width: 0;
}
.vnav-main ul li
{
	border-bottom: solid 1px #000;
}
.vnav-main ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}


* html .vnav-main ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .vnav-main ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}







div.stylePicker a
{
	display: block;
	width: 41px;
	height: 19px;
	margin: 0;
	float: left;
	padding: 0;
	line-height: 0;
	font-size: 0;
	background-color: #dc8;	/* default color picker */
	background-image: url("../images/yesno-white-on-black.jpg");
}

/* style-switcher will use anchors converted to block elements with no
 * content. set the background-color property to whatever value that particular
 * swatch should be
 */
a#stylePicker-blue
{
	background-color: #abe;
	background-image: url("../images/yesno-yellow-on-black.jpg");
}
a#stylePicker-green
{
	background-color: #aca;
	background-image: url("../images/yesno-white-on-black.jpg");
}
a#stylePicker-camille
{
	background-color: #e77;
	background-image: url("../images/yesno-red-on-grey.jpg");
}
a#stylePicker-gray
{
	background-color: #ccc;
	background-image: url("../images/yesno-black-on-yellow.jpg");
}
a#stylePicker-black
{
	background-color: #000;
	background-image: url("../images/yesno-black-on-white.jpg");
}


div.stylePickerYesNo a:hover
{

}










div.colorPicker a
{
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	float: left;
	padding: 0;
	line-height: 0;
	font-size: 0;
	background-color: #dc8;	/* default color picker */
}

/* style-switcher will use anchors converted to block elements with no
 * content. set the background-color property to whatever value that particular
 * swatch should be
 */
a#colorPicker-blue
{
	background-color: #abe;
}
a#colorPicker-green
{
	background-color: #aca;
}
a#colorPicker-camille
{
	background-color: #e77;
}
a#colorPicker-gray
{
	background-color: #ccc;
}
a#colorPicker-black
{
	background-color: #000;
}

p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;		/* specifically define this for Opera's sake,
				   and also for better consistency across 
				   all platforms  */
}

/*
	Time to try and get all the heading elements to the same size 
	regardless of browser. (IE seems to put them a big bigger
	than Mozilla, typically.)
*/
h1
{
	font-size: 1.5em;
}
h2
{
	font-size: 1.4em;
}
h3
{
	font-size: 1.3em;
}
h4
{
	font-size: 1.2em;
}
h5
{
	font-size: 1.1em;
}
h6
{
	font-size: 1em;
}


a img {
border: none;
}

/******************************************************************************/