/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {background-color: #DEDECA;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000; 
	text-align: center;
	margin: 0;
	padding: 0;
}

body, td, th {color: #406A90;}

h1, h2 {color: #663300;	font-family: Geneva, Arial, Helvetica, sans-serif;}

h3, h4, h5, h6 {color: #996633;}

a {color: #336600;}

div.clear {
  background-color: #CCCCCC;
	margin: 0;
	padding: 0;
		
}

ul.silver {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif;}

/***********************************************/
/* 			gallery style behavior             */
/***********************************************/ 

a:link {background-color: transparent; color: #00c;}
a:visited {background-color: transparent; color: #606;}
a:hover {background-color: transparent; color: #600;}

.thumbs li {list-style-type: none; margin-bottom: .5em;}
.thumbs img {vertical-align: middle;}

A.other:link { color:#663300; font-weight: bold; text-decoration: none;}
A.other:visited { color:#663300; font-weight: bold; text-decoration: none;}
A.other:active { color:#663300; font-weight: bold; text-decoration: none;}
A.other:hover { color:#663300; font-weight: bold; text-decoration: underline;}


@media screen, projection {
/* exploit a parsing bug so rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
.IE5IsQuirky1 { /* WinIE 5.0 gets weird without something after font-family hack */
}

h1, p, ol {
  text-align: left;   /* fix alignment from above kludge */
}
.thumbs {             /* container for all thumbs */
  width: 80%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: auto;       /* correctly center block element */
  padding: .5em;
  background-color: #fffaf0;
  color: #000;
  border: thin solid #030;
  overflow: hidden;
  text-align: center;
}
.thumbs ul {
  margin: 0;
  padding: 0;
}
.thumbs li {        /* test these rules with various fonts, may need adjusting */
  height: 9.5em;    /* high enough for image plus 2-line caption */
  width: 9.5em;     /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  overflow: hidden; /* do not let IE stretch the container */
  border: 1px solid #faebd7;
  text-align: center;
  padding: .3em;
  margin: .5em;
  font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
  font-family: inherit;
  width: 8.5em;
  height: 8.5em;
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  height: 5.5em;       /* image resolution may suffer a little, but not much */
  text-align: center;  /* center for IE */
  margin: 0 auto .3em auto; /* center for non-IE */
  padding: 0;
}
.home {
  text-align: center;   /* fix alignment from above kludge */
}
hr {                   /* see note about hr in HTML below */
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}

} /* end media rules */

/***********************************************/
/* 			Layout of sections                 */
/***********************************************/ 

.container {
	margin: 0 auto;
	background-color: #FFFFFF;
	width: 718px;
	text-align: center;
}

#bg_fade {
	margin: 0 auto;
	width: 760px;
	background-color: #FFF;
	background-image: url(images/bg_stripes.jpg);
	background-repeat: repeat-y;
}
.banner {
	background: url(images/runner-banner.gif) 100% 0 no-repeat;
	width: 718px;
	height: 154px;
	text-align: left;
	font-size: 1.2em;
}

.left_logo {
	float: left;
	padding: 0;
	background: #CCCCCC url(images/lwfc_logo-small.gif) 100% 0 no-repeat;
	height: 50px;
	width: 66px;
}

.right_title {
	float: right;
	padding: 0;
	background: #CCCCCC url(images/lwfc-title.gif) 100% 0 no-repeat;
	height: 50px;
	width: 718px;
}
#topnav {
	color: #666699;
	font-weight: bold;
	clear: both; 
	text-align: left; 
	width: 150px; 
}

#topnav ul {
	margin: 0;
	padding: 8px;
	list-style-type: none;
}

#topnav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#topnav li a {
	color: #003366;
	text-decoration: none;
}

#topnav li a:hover {
	border-bottom: 2px solid #666666;
	text-decoration: none;
}

#columns { 
	background: #fff url(images/bg_column-2.gif) 100% 0 repeat-y; 
	position: relative;
}

#left_column { 
	float: left; 
	text-align: left; 
	padding: 0; 
	width: 150px; 
	margin-bottom: 0;
}

html>body #left_column {
  width: 150px; /* ..or this reinforcement of the standards width. */
}

#sidenav {
	padding: 8px;
	margin: 0;
}

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

#sidenav li {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	list-style-type: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #003366;
	border-bottom: 1px dashed #003366;
}

#sidenav li a {
	text-decoration: none;
	color: #003366;
	border: 1px solid #E3E1DF;
	background: #E3E1DF;
	padding: 8px;
	display: block;
}

#sidenav a:hover {
	background: #fff;
	display: block;
}

#sidenav li span.desc {
	text-transform: none;
	color: #000;
	padding-top: .5em;
	line-height: normal;
	font-weight: normal;
	display: block;
}

#sidenav li span.desc a {
	text-decoration: none;
	color: #000;
	display: block;
}

#middle_column { 
	float: right;
	position: static; 
	text-align: left; 
	font-size: 1.2em; /* 12pt / 10pt = 1.2em */
	margin-bottom: 0;
	padding: 8px 15px; 
	width: 565px; /*actual width */
	/* box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 535px; /* 418px - 0 - 15px - 0 - 15px = 388px */
}

#middle_column h1 {
	font-size: 1.25em; /* 18pt / 12pt = 1.5em */
	color: #003366;
	margin-bottom: 1em;
}

#middle_column h2 {
	font-size: 1em;
	border-bottom: 2px solid #003366;
	margin-bottom: 1em;
	padding-bottom: 2px;
	color: #003366;
}

#middle_column h3 {
	font-size: 1em;
	margin-bottom: 1em;
	background:#ededda;
	padding: 2px;
}

#middle_column a:hover {
	background-color: #87A2BA;
}

#middle_column p.byline {
	font-size: .833em;
	line-height: normal;
	margin-top: -1em;
	font-style: italic;
}

#middle_column div.contentGroup {
	margin: 0 0 1em 0;
	padding-bottom: 6px;
	border-bottom: 1px dashed #003366;
}

#middle_column p, #middle_column li {
	font-size: 1em;

}
#middle_column li.small {
	font-size: 0.9em;
}
#middle_column p.hmenu {
	font-size: 1em;
	color: #003366;
	line-height: normal;
}

#middle_column p.breadcrumb {
	font-size: .833em;
	line-height: normal;
}

#middle_column ul.list {
	margin-left: 0;
	padding-left: 0;
}

#middle_column ul.list li {
	list-style-type: none;
	margin-left: 0;
	padding: 0 0 6px 0;
	border-bottom: 1px dashed #003366;
}

#right_column { 
	float: left; 
	text-align: center; 
	padding: 0; 
	width: 150px;
	background: #fff;
	margin-bottom: 0;
}

#right_column iframe {
	margin: 8px 0;
	background: #fff;
}

#right_column #sidebar {
	padding: 8px;
	margin: 0;
	text-align: left;
}

#sidebar h2 {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 1em;
	color: #003366;
}

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

#sidebar li {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	list-style-type: none;
	border-bottom: 1px dashed #003366;
}

#sidebar li h3 {
	color: #000;
	font-size: 1em;
}

#sidebar li span.desc {
	text-transform: none;
	color: #000;
	padding-top: 1em;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	display: block;
}

#sidebar li span.desc img {
	border: none;
}	

#sidebar li span.desc ul {
	margin-left: 6px;
}

#sidebar li span.desc ul li {
	list-style-type: none;
	margin: 0 0 3px 0;
	padding-left: 0;
	text-align: left;
	border-bottom: none;
}

#sponsor_left {
	width: 195;
	float: left;
}

#sponsor_center {
	width: 195;
}

#sponsor_right {
	width: 195;
	float: right;
}

#footer { 
	background: #cccccc; 
	text-align: right; 
	clear: both;
	width: 718px; 
	height: 34px;
	position: relative;
}
.home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}