body {
  color: #000;
  background-color: #fff;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10pt;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 10pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


td {
  font-family: verdana, helvetica, arial, sans-serif;
}

th {
  font-family: verdana, helvetica, arial, sans-serif;
}

#main_navigation table tr td {
	padding:5px 10px 5px 10px;
	text-align: center;
	border:1px solid #fff;
	font-size: 12pt;
}

.main_nav a {
	color:#009;
	background-color: #fff;
	border:1px solid #fff;
	padding:2px;
	text-decoration:none;
	font-weight: bold;
}

.main_nav a:hover {
	color:#fff;
	background-color: #900;
	border:1px solid #009;
}

#sub_nav {
	width: 240px;
	border-collapse:collapse;
}

#sub_nav table, #sub_nav tr, #sub_nav td, #sub_nav a {
	font-size: 8pt;
}

#sub_nav table {
	border: 1px solid #009;
	width: 100%;
	border-collapse:collapse;
}

#sub_nav th {
	background-color: #009;
	border-left:1px solid #009;
	border-right:1px solid #009;
	text-align:left;
	color:#fff;
	border-collapse:collapse;
	font-weight:normal;
}

#sub_nav td {
	text-align: left;
}

#sub_nav a {
	width:160px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	text-decoration: none;
	color:#009;
	font-weight:bold;
	border-collapse:collapse;
}

#sub_nav a:hover {
	color:#900;
}

#google_box {
	width: 240px;
	border-collapse:collapse;
}

#google_box table, #google_box tr, #google_box td, #google_box a {
	font-size: 8pt;
}

#google_box table {
	border: 1px solid #009;
	width: 100%;
	border-collapse:collapse;
}

#google_box th {
	background-color: #009;
	border-left:1px solid #009;
	border-right:1px solid #009;
	text-align:left;
	color:#fff;
	border-collapse:collapse;
	font-weight:normal;
}

#google_box td {
	text-align: left;
}

#google_box a {
	width:200px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	text-decoration: none;
	color:#009;
	font-weight:bold;
	border-collapse:collapse;
}

#google_box a:hover {
	color:#900;
}

.border_box {
	width: 240px;
	border-collapse:collapse;
}

.border_box table, .border_box tr, .border_box td {
	font-size: 8pt;
	text-align:center;
}

.border_box table {
	border: 1px solid #009;
	width: 100%;
	border-collapse:collapse;
}

.border_box th {
	background-color: #009;
	border-left:1px solid #009;
	border-right:1px solid #009;
	text-align:left;
	color:#fff;
	border-collapse:collapse;
	font-weight:normal;
}

/*#footer {
	position:relative;
}*/

.footer_nav {
	padding:5px 10px 5px 10px;
	text-align: center;
	border:1px solid #00F;
	font-size: 8pt;
}

.footer_nav a {
	color:#fff;
	background-color: #00f;
	border:1px solid #00f;
	padding:2px;
	text-decoration:none;
	font-weight: bold;
}

.footer_nav a:hover {
	color:#fff;
	background-color: #900;
	border:1px solid #009;
}

.photo_album * {
	font-size: 16pt;
	font-weight: bold;
}

.photo_album table tr td {
	font-size: 16pt;
	font-weight: bold;
	color:#ccc;
}

.photo_album .fade {
	font-size: 16pt;
	font-weight: bold;
}

.photo_album a {
	color: #009;
	text-decoration: none;
}

.photo_album a:hover {
	color: #900;
}

.photo_album a:visited {
	color: #009;
}


.body_box table, .body_box tr, .body_box th, .body_box td, .body_box a {
	font-size: 10pt;
}

.body_box {
	text-align:center;
}

.body_box table {
	border: 1px solid #009;
	width: 90%;
	border-collapse:collapse;
	text-align:center;
	margin: 10px;
}

.body_box td {
	padding: 10px;
}

.body_box th {
	background-color: #009;
	border-left:1px solid #009;
	border-right:1px solid #009;
	text-align:right;
	color:#fff;
	border-collapse:collapse;
	font-weight:normal;
}

.imgcell img, .imgcell a { display: block; }


#leftcontent {
position: absolute;
left:10px;
top:227px;
width:200px;
background:#fff;
border:1px solid #000;
	}
	
#centercontent {
background:#fff;
margin-left: 199px;
margin-right:199px;
border:1px solid #000;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:201px;
	}
	
html>body #centercontent {
margin-left: 201px;
margin-right:201px;
	}
	
#rightcontent {
position: absolute;
right:10px;
top:227px;
width:200px;
background:#fff;
border:1px solid #000;
	}

.how-to li {
	list-style-type: none;
	margin:0px 0px 10px 10px;
}

.how-to ul li img {
	margin-left: 20px;
	width:199px;
	height:136px;
}








/*
ALL OF THE #nav CODE IS MODIFIED FROM
http://www.htmldog.com/articles/suckerfish/dropdowns/example/

original, unmodified code is shown in comments above my version

comments have been added to some lines to clarify what that line does

my version of the code has only been tested in IE6 and Firefox 1.0.7
and it has not been tested with 3rd level menus
*/

#nav {
	font-size: 10pt;
}

/*
#nav, #nav ul {
	float: left;
	width: 36em;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #eda;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}
*/
#nav, #nav ul {
	float: left;
	/*width: 70em;*/
	list-style: none;
	line-height: 1; /* we don't want the default line height which is about 1.2 */
	background: #33cc33; /* set the background color for all menus */
	font-weight: bold;
	padding: 0;
	border: solid #33cc33; /* border color for each menu */ /*winter:#fff,summer:#33cc33*/
	border-width: 1px 0; /* border for each menu */
	margin: 0 0 0 0; /* margin for each menu */
}

/*
#nav a {
	display: block;
	width: 10em;
	w\idth: 6em;
	color: #7C6240;
	text-decoration: none;
	padding: 0.25em 2em;
}
*/
#nav a {
	display: block;
	color: #009; /* color of the links in all menus */
	text-decoration: none;
	padding: .25em 10px;
}

#nav li li a {
	width: 200px;
	w\idth: 210px;
}

#nav a.daddy {
	background: url(/style/rightarrow2.gif) center right no-repeat;
}


/*
#nav li {
	float: left;
	padding: 0;
	width: 10em;
}
*/
#nav li {
	float: left;
	padding: 0;
}


/*
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}
*/
#nav li ul {
	position: absolute;
	left: -999em; /* hides better than using display: none */
	height: auto;
	width: 200px; /* sets the width of the drop-down */
	w\idth: 210px;
	font-weight: normal;
	border-color: #900; /* make the border color of the sub-menus different than the top level */
	border-width: 3px; /* border width of the sub menus */
	margin: 0;
}


/*
#nav li li {
	padding-right: 1em;
	width: 13em
}
*/
#nav li li {
	padding-right: 0; /* expands the li to make room for the arrow indicating a 3rd level menu */
	width: 200px; /* sets the width of the items within the drop-down, should be inner dimension of width above (#nav li ul) */
	w\idth: 210px;
}


/*
#nav li ul a {
	width: 13em;
	w\idth: 9em;
}
*/
#nav li ul a {
	width: 200px;
	w\idth: 210px;
}


/*
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
*/
#nav li ul ul {
	/* makes 3rd and subsequent level lists drop down to the right instead of below */
	margin: -1.75em 0 0 200px;
}


/*
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	/* everything using the sfhover class is a workaround for IE and requires the sfhover javascript function */
	/* this hides the 3rd level list when the 2nd level is revealed */
	left: -999em; /* hides better than using display: none */
}


/*
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
*/
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	/* overides the above code to display the 3rd level menu when it should */
	left: auto; /* brings the item back into view */
}


/*
#nav li:hover, #nav li.sfhover {
	background: #eda;
}
*/
#nav li:hover, #nav li.sfhover {
	background: #900; /* set the background color of all hovered items, will reset in next code for sub-menus */
}

#nav li li:hover, #nav li li.sfhover {
	background: #900; /* set the background color of sub-menu hovered items */
}

#nav li:hover a, #nav li.sfhover a {
	color: #fff; /* set the text-color of all hovered items, will reset in next code for sub-menus */
}

#nav li:hover li a, #nav li.sfhover li a {
	color: #009; /* set the text-color of items in the 2nd level menus */
}

#nav li li:hover a, #nav li li.sfhover a {
	color: #fff; /* set the text-color of hovered items in the 2nd level menus */
}