@import url("/common/css/pagebase.css");
@import url("/common/css/top.menu.css");
@import url("/common/css/eventbase.css");
@import url("/common/css/searchbase.css");
@import url("shadow.css");
@import url("forums.css");

body {
	padding: 0;
	font-size: 0.80em;
	color: #505050;
	background-color: #ffffff;
}

body#page {
	background: #f0f0f0;
}

em {
	font-style: italic;
	font-weight: normal;
	color: black
}

img { margin:  8px }
img.mover { margin: 0 }

ul,li {
	list-style-image: url(orangelistarrow.gif);
	list-style-position: outside;
}

.bordered {
	border: 1px solid #ccc;
	padding:  2px;
	}
	
a {
/*	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AD6463;*/
	text-decoration: none;
	color: #3A3494;
}

a:active, a:hover {
	border-bottom: solid 1px #999999;
	text-decoration: none;
	color: #990000;
}

textarea, input {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #000000;
}

input.button {
	border: 1px solid #ccc;
	background-color: #DDECFF;
	color: #424A52;
}
.headline {
	border: 1px solid #ddecff;
	background: url(newsbackground.jpg) repeat-x;
	padding:  0 5px 5px 5px;
	margin-bottom:  25px;
}

.headlinelist .headline { margin-bottom: 0 }
.headlinelist .selected { padding:  0 5px 5px 5px }

h1 { font-size: 130% }
h2 { font-size: 120% }
h3 { font-size: 105% }
h4 { font-size: 100% }
h5 { font-size: 92% }

h1 { color: #313284 }
h2 { color: #0f5b7f }
h3, h4, h5 { color: #156184 }

h3 { margin-top: 6px }
h4 { margin: 5px 0 }

#leftcolumn h4 {
  margin: 5px 0;
  background-color: #F0FBFF;
  border: 1px dotted #BE9C7A;
  padding: 2px 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 100%;
  color: #f60;
}

.spreadhead {
  float: left;
  margin: 5px 0 10px 0;
  padding: 0;
  color: #5f5f5f;
  font-size: 85%;
  font-weight: bold;
  letter-spacing: 20px;
}

.tinyhead {
  margin: 0 0 10px 0;
  padding: 0;
  color: #5f5f5f;
  font-size: 85%;
}

.pollhead {
  margin: 0 0 5px 0;
  background-color: #E9E5D4;
  padding: 4px 0;
  text-align: center;
  text-transform: lowercase;
  color: #C43431;
}

.highlight {
		color:  black;
		font-weight: normal;
}

div > h4:first-child {
	margin-top: 0
}

.pagediv {
	position: relative;
/*	min-width: 700px;
	margin: 10px 5%; */
	width: 900px;
	margin: 10px auto 30px auto;
	border: 1px solid #ccc;
	background-color: white;
}

* html body { text-align: center }
* html .pagediv { text-align: left }

#backtotop {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #F0F0F0;
}

#pagetop {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#topbanner {
	position: relative;
	height: 125px;
	background-color: #d8d9ed;
	background-image: url(../resources/header.jpg);
	background-position: right top;
	background-repeat: repeat-y;
}

#pagetop a {
	border-width: 0;
}

#nfyfclogodiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 175px;
	height: 125px;
	background-color: #FFFFFF;
}

#nfyfclogo {
	position: absolute;
	top: 20px;
	left: 40px;
}

#nfyfctext {
	position: absolute;
	top: 50px;
	right: 80px;
}

#pagetail {
  position: relative;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 20px;
}

#bottombar {
  position: fixed;
  z-index: 30;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #DDECFF;
  border-top: 1px solid #D5C5B6;
  text-align: center;
  text-transform: uppercase;
}

#bottombar a, #bottombar a.link, #bottombar a:visited {
	 	color: #212A3A;
	 	}

* html #pagetail {
  position: absolute;
  bottom: 0; 
  left: 0;
  width: 100%;
  height: 100%;
}
* html #bottombar { position: absolute }

#content {
	position: relative;
	top: 154px;
	z-index: 10;
	margin: 0px 175px 0 175px;
	padding: 29px 8px 5px 8px;
	line-height: 140%;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DDECFF;
	border-left-color: #DDECFF;
}

.leaditems {
	float: left;
	width: 46%;
	margin: 0 2% 0 2%;
}

* html .leaditems {
	width: 42%
}

#body {
  xposition: relative;
  xz-index: 5;
  background-color: #FFFFFF;
}

#navigate {
  top: 125px;
  left: 5%;
  left: 0;
  right:  5%;
  right: 0;
  height: 27px;
  background-color: #DDECFF;
  border-bottom: 1px solid #D5C5B6;
  border-top: 1px solid #D5C5B6;
  text-align: center;
}

#menu {
	position: relative;
	top: 5px;
	left: 0;
	height: 27px;
	margin-left: 178px;
	margin-left: auto;
	margin-right: auto;
	font-size: 90%;
	border: none;
}

#menupad {
	top: -100px;
	height: 650px;
}

#menuoffset {
	top: 1.2em;
	height: 10px;
}

* html ul#menubar {
	height: 22px
}

#menu a {
	padding: 3px
}

#menu a.menutitle, #menu a.menuactive {
	position: relative;
	top: 0;
	left: 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
}

#menu a.menutitle {
	color: #212A3A;
	background-color: transparent;
}

#menu a.menutitle:hover, #menu a.menuactive:link, #menu a.menuactive:visited {
	background-color: #2A2F83;
	color: #DDECFF;
}

#menu .menubag {
	text-align: left;
}

#menu .menubag a.indented {
	padding-left: 8em
}

#menu .menubag a, .contextmenu a {
	background-color: #FFFFFF;
	color: #31318b;
}

#menu .menubag a:hover, .contextmenu a:active, .contextmenu a.active {
	background-color: #ddecff;
	color: #31318b;
}

#leftmenu a, #rightmenu a {
	height: 24px;
	padding-top: 5px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

#leftmenu a, #rightmenu a {
	display: block;
}

#leftmenu a, #rightmenu a {
	color: #000000;
}

#leftmenu a:hover, #rightmenu a:hover {
	background-color: transparent;
	color: white;
}

#leftcolumn, #rightcolumn {
	position: absolute;
	z-index: 10;
	top: 154px;
	width: 165px;
	padding: 5px;
	font-size: 90%;
	list-style-position: outside;
	list-style-type: none;
	background-color: #F9F9F9;
}

* html #leftcolumn, * html #rightcolumn {
	width: 175px
}

#leftcolumn {
	left: 5%;
	left: 0;
}

#searchbox {
	padding-top: 10px;
}

#leftbox {
	width: 155px;
	padding: 0 8px 0 5px;
	text-align: right;
	color: black;
}

#leftcolumn p, #leftcolumn form {
	margin: 0;
}

#leftcolumn ul {
	margin: 0;
	padding: 0 15px;
	list-style-position: inside;
	list-style-type: none;
	text-align: left;
}

#leftcolumn li {
	margin: 0;
	padding-bottom: 2px;
	padding-top: 4px;
}

#leftcolumn a {
	color: #272885;
	font-size: 100%;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-decoration: none;
}

#leftcolumn a:link, #leftcolumn a:visited {
	color: #272885;
}

#leftcolumn a:active, #leftcolumn a:hover {
	background-color: #DDECFF;
}

#leftcolumn #searchform {
	margin-bottom: 20px;
}

#leftcolumn .sitelink {
	margin-bottom: 10px;
}

#rightcolumn {
	right: 5%;
	right: 0;
}

#rightcolumn #searchform input.text {
/*	width: 130px;
	background: white url("/common/resources/glass-16x16.png") top left no-repeat;
	padding-left: 18px; */
	width: 120px;
	padding-right: 18px;
}

#rightcolumn #searchform input.image {
	position: relative;
	bottom: 2px;
	right: 26px;
	vertical-align: bottom;
	border-style: none none none solid;
	border-color: #eee;
	padding-left: 1px;
}

#rightbox {
	width: 155px;
	border: 1px solid #ffc7c7;
	background-color: white;
	padding: 10px 10px 15px 15px;
}

.cellgradient {
	background-image: url(../resources/h3.gradient.jpg);
	background-repeat: repeat-x;
	border: 1px solid #DCDCDC;
	padding: 0px 14px 10px 14px;
	width: 50%;
	 }
	
.cellgradient ul, .cellgradient li {
	list-style-image:url(/css/greybar.png);
	padding: 3px 14px 0px 0px;
	list-style-position: outside;
}	 
.cellgradient h2 {
	margin-top: 3px;
}

.popover {
  opacity: 0.9;
}

#footer {
	margin: 10px 175px 0 175px;
	line-height: 140%;
	background-color: #c7cccf;
	text-align: center;
	position:  relative;
	top:  -3em;
	padding:  5px 8px 8px 8px;
	}


/*
 *   thumbnail and gallery styles
 */

.thumb {
  position: absolute;
  width: 125px;
  height: 125px;
  text-align: center;
}

.thumb img {
  border-style: none;
  margin-left: auto;
  margin-right: auto;
}

.piximage img { border-style: none }

.thumblist, .thumbnail { position: relative }
.thumblist .thumbback, .thumblist .selected, .thumblist .thumbforward { display: inline }
.thumblist img { border: 1px solid white; margin: 4px 1px }
.thumblist img.missing { border-color: #ddd }
.thumblist .selected img {
  border-color: white;
  opacity: 0.30;
  /* non-standard alpha settings - will not validate */
  -moz-opacity: 0.30;
  -khtml-opacity: 0.30;
  filter: alpha(opacity=30);
}
.thumblist a { border-bottom-width: 0 }
.thumblist a:hover img { border-color: #357910 }