/* 
Title:		MnGFOA	
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	December 17, 2007
Updated:	December 19, 2007
*/

/* Design Notes:

*/


/*--[Global]----------*/
html, body, form, fieldset, legend, input, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, address, img {
	margin:0;
	padding:0;
}
/*
ul, li {
	list-style-type: none;
}
*/

body {
	background: #FFF url(../images/bg_body.jpg) repeat-x 0 0;
	color: #333;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto margining. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
	font: small/1.1em Verdana, Arial, Helvetica, sans-serif;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
a:link, a:visited, a:hover {
	text-decoration: none;
}
img {
	border: none;
}

/*--[Float Clearing]--------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Sonspring's Clearall */
.clear {
	 border: 0;
	 clear: both;
	 display: block;
	 float: none;
	 margin: 0;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}

/*--[Generic Link Rules]---------*/
a:link, a:visited {
	color:#ffc30d;
	color: #005eb6;
	color: #6da2ba;
	color: #4477BB;
	text-decoration: underline;
	border: none;	
}
a:hover {
	color: #005eb6;
}

/*--[Images]-------*/
img.l_inset {
	float: left;
	border: 2px solid #CCC;
	margin: 0 10px 5px 0;
}
img.r_inset {
	float: right;
	border: 2px solid #CCC;
	margin: 0 0 5px 10px;
}

/*--[Right column lists]-------*/
/*
ul, li {
	list-style-type: none;
}
*/
/*--[Global Lists]-------*/
ul.std {
	padding: 10px 0;
	list-style-type: none;
}
	ul.std li {
		background: url(../images/bullet_orange.gif) no-repeat 0 50%;
		padding: 5px 5px 5px 18px;
		margin-left: 8px;
		font-size: 85%;
	}

/*--[Wrappers and Such]---------*/
.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/*--[Content Buttons]----------*/
#content p.more {
	text-align: right;
}
	#content ul
	{
		padding-left: 25px;
	}

	#content ol li
	{
		margin-left: 30px;
		list-style-type:decimal;
	}

	#content ul li
	{
		margin-left: 18px;
		list-style-image: url('../images/bullet_orange.gif');
	}

	#content ul.sidebarlist
	{
		padding-left: 0px;
	}

	#content ul.sidebarlist li
	{
		margin-left: 0px;
		list-style-image: none;
	}

	#content ul.adverts
	{
		padding-left: 0px;
		list-style-type: none;
	}

	#content ul.adverts li
	{
		margin-left: 0px;
		list-style-image: none;
		list-style-type: none;
	}

	#content ul.breadcrumb li
	{
		margin-left: 0px;
	}
	
	#content ul.newslist
	{
		padding-left: 0px;
		list-style-type: none;
	}

	#content ul.newslist li
	{
		list-style-image: none;
		list-style-type: none;
	}
		
	#content p.more a:link, #content p.more a:visited {
		display: block;
		background: url(../images/btn_goarrow.gif) no-repeat right center;
		font: bold 95%/18px Arial, Helvetica, sans-serif;
		color: #6da2ba;
		padding: 0 29px 0 0;
		margin: 5px 0;
		text-transform: uppercase;	
		}
	#content p.more a:hover {
		color: #005eb6;
	}

/*--[Headlines]--------*/
#front #contentx h4 {
	font: normal 135% Arial, Verdana, Helvetica, sans-serif;
	color: #ffa400;
}
#inside #contentx h2 {
	font: normal 180% Arial, Verdana, Helvetica, sans-serif;
	color: #ffa400;
	padding-bottom: 15px;
	padding-bottom: 5px;
	clear: left;
}
#insidex h4 {
	font: normal 135% Arial, Verdana, Helvetica, sans-serif;
	border-top: 1px solid #e2e8ed;
	padding-top: 15px;
	margin-top: 10px;
	color: #666;
}

/*--[Header Elements]--------*/
#header {
	position: relative;
	height: 170px;
	background: url(../images/bg_header.jpg) no-repeat 0 0;
}
	#header h1 {
		background: url(../images/bg_logo_mngfoa.gif) no-repeat;
		text-indent: -9926px;
		width: 240px;
		height: 106px;
		position: absolute;	
		top: 11px;
		left: 10px;
	}
	#header h1 a {
		display: block;	
		background: url(../images/bg_logo_mngfoa.gif) no-repeat;
		height: 106px;
	}
	
/*Top Search Area*/
#header fieldset {
	border: none;
	position: absolute;
	top: 83px;
	right: 0;
	width: 370px;
}
#header legend {
	text-indent: -9926px;
}		
p.searchitem {
	float: left;
	padding: 0;
}
	p.searchitem select, p.searchitem input {
		font: 75% Verdana, Arial, Helvetica, sans-serif;
		color:#666666;
	}
	p.searchitem input {
		width: 305px;
		padding: 2px 0;
	}
p.searchsubmit {
	float: right;
	padding: 0;
}
.searchgo {
  width: 49px;
  height: 23px;
  border: 0;
  backgroundx: transparent url(../images/btn_searchgo.gif) no-repeat center top;
  text-indent: -9926px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  display: block;
}

/*--[Navigation]--------*/
/*Top Navigation*/
ul#nav_top {
	position: absolute;
	top: 15px;
	right: 0;
	padding-left: 0px;
	list-style-type: none;
}	
	ul#nav_top li {
		float: left;
		border-left: 1px solid #333;
		padding: 0 10px;
	}
		ul#nav_top li.first {
			border: none;
		}
		ul#nav_top li a:link, ul#nav_top li a:visited {
			font: 80% Verdana, Arial, Helvetica, sans-serif;
			float: left;
			color: #333;	
		}
		ul#nav_top li a:hover {
			color: #005eb6;
		}
		
/*Main Navigation*/
.nav_main {
	position: absolute;
	top: 132px;
	left: 0;
	float: left;
	height: 38px;
	width: 1000px;
}
	ul#nav_main li {
		float: left;	
	}
		ul#nav_main li a:link, ul#nav_main li a:visited {	 
			float: left;
			display: block;
			font: bold 100%/38px "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			color: #FFF;
			background: url(../images/bg_mainnav_divider.gif) no-repeat 0 0;
			padding: 0 12px;
		}
		ul#nav_main li.first a:link, ul#nav_main li.first a:visited {	
			background-image:  none;
			padding-left: 15px;
		}		
		ul#nav_main li a:hover, ul#nav_main li.first a:hover {
			color: #4d5357;
		}
		
/*Breadcrumb Navigation*/
ul.breadcrumb {
	color: #999;
	padding: 0 0 5px 0;
	float: left;
	display: inline;
	font-size: 80%;
}
	ul.breadcrumb li {
		float: left;
		display: block;
		background-color: #e4e7ec;
		padding: 2px 4px
	}
			ul.breadcrumb li a:link, ul.breadcrumb li a:visited {
				color: #999;
			}
			ul.breadcrumb li a:hover {
				color: #666;
				text-decoration: none;
			}


/*Side Bar Navigation*/
.sidenav {
	background: url(../images/bg_sidenav_bottom.jpg) no-repeat center bottom;
	padding-bottom: 92px;
	
}
.sidenav ul {
	width: 200px;
	background:url(../images/bg_sidenav_top.jpg) no-repeat 0 0;
	padding: 36px 0 0 0;
	line-height: 1.0em;
	list-style-type: none;
}
	.sidenav ul li {	
		list-style-type: none;
		border-bottom: 1px solid #dbdbdb;
		border-top: 1px solid #fdfdfd;
		background: url(../images/bg_sidenav.jpg) repeat-y 0 0;
	}
		.sidenav ul li.first {
			border-top: none;
		}
		.sidenav ul li a:link, .sidenav ul li a:visited {
			display: block;
			background: url(../images/bg_sidenav.jpg) repeat-y 0 0;
			padding: 6px 10px;	
			color: #454e61;
			font-size: 80%;
		}	
		.sidenav ul li a:hover {
			background-image: none;
			background-color: #FFF;
			color: #005eb6;
		}	



/*--[Content Area]-------*/
#content {
	padding: 10px 0 25px 0;
}
#front #content {
	background: url(../images/bg_content_front.jpg) repeat-y 0 0;
}
#inside #content {
	background: url(../images/bg_content_topinside.jpg) no-repeat 0 0;
	padding-top: 12px;
}
	#content p {
		font-size: 85%;
		padding: 3px 5px;
	}

/*Front Pic*/
#frontpic {
	background: #FFF url(../images/bg_frontpic_penfolder.jpg) no-repeat 0 0; 
	height: 248px;
	position: relative;
	z-index: 0;
}

*html #frontpic
{
	z-index: -1;
}

	#frontpic h2 {
		font: normal 170%/1.3em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		color: #FFF;
		position: absolute;
		width: 350px;
		top: 30px;
		left: 580px;
	}
#frontpic span {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height: 12px;
	width: 1000px;
	background: url(../images/bg_content_top.jpg) no-repeat 0 0;
}
		

/*Left Column*/
#front .leftcol {
	float: left;
	width: 455px;
}
	#front .leftleftcol {
		width: 305px;
		float: left;
	}
#inside .leftcol {
	float: left;
	width: 775px;
}
	#inside .leftleftcol {
		width: 600px;
		float: left;
	}

/*Right Column*/
#front .rightcol {
	float: right;
	width: 520px;
}
	#front .rightleftcol {
		float: left;
		width: 250px;
	}
	#front .rightrightcol {
		float: right;
		width: 250px;
	}
#inside .rightcol {
	float: right;
	width: 200px;
}	
/*News List*/
ul.newslist {
	padding: 10px 0;

}
	ul.newslist li {
		background: url(../images/bullet_tinyorangearrow.gif) no-repeat 0 5px;
		padding: 0 0 10px 15px;
		border-bottom: 1px solid #FFF;	
		margin-bottom: 10px;
	}
	ul.newslist li h3 {
		font: 115%/1.05em Arial, Verdana, Helvetica, sans-serif;
		padding:0 3px 2px 0;
	}
	#content ul.newslist li p.date {
		font-size: 80%;
		color: #666;
		padding: 0 0 10px 0;
	}
	#content ul.newslist li p.teaser {
		padding: 0 15px 3px 0;
		font-size: 85%;
	}
	
	ul.newslist a:link, ul.newslist li a:visited {
		color: #6da2ba;
	}
	ul.newslist a:hover {
		color: #005eb6;
	}

/*Front Calendar*/
.littlecal {
	padding: 10px 0;
}
	.littlecal ul {
		padding: 15px 0 0 0;
	}
		.littlecal ul li {
			background: url(../images/icon_date.gif) no-repeat 0 2px;
			padding: 0 0 10px 24px;
			border-bottom: 1px solid #F4F4F4;	
			margin-bottom: 10px;
		}
		#content .littlecal ul li p.eventdate {
				font: 100% Arial, Verdana, Helvetica, sans-serif;
				padding:0 3px 0 0;
		}
		#content .littlecal ul li p.eventtitle {
			font-size: 90%;
			color: #666;
			padding:2px 0 10px 0;
		}
		.littlecal ul a:link, .littlecal ul a:visited {
			color: #6da2ba;
		}
		.littlecal ul a:hover {
			color: #005eb6;
		}
/* Calendar More Button*/
#content p.calmore {
	text-align: right;
}
	#content p.calmore a:link, #content p.calmore a:visited {
		display: block;
		background: url(../images/icon_calendar.gif) no-repeat right center;
		font: bold 95%/16px Arial, Helvetica, sans-serif;
		color: #ffa400;
		padding: 0 20px 0 0;
		margin: 5px 0;
		text-transform: uppercase;	
		}
	#content p.calmore a:hover {
		color: #005eb6;
	}		
	
/*--[Adverts]---------*/
ul.adverts {
	float: right;
}
	ul.adverts li {
		padding-bottom: 15px;
	}
	ul.adverts li a {
		border: none;
	}
	
/*--[Member Login]-------*/
fieldset.memberlogin {
	border: 1px solid #d2dde4;
	background: #fafcfe url(../images/bg_fieldset.gif) repeat-x 0 0;
	padding: 8px;
	margin-top: 10px;
	width: 300px;
	width: 288px;
}
fieldset.memberlogin label {
	float: left;
	width: 6em;
	color: #3b83a2;
}
fieldset.memberlogin input {
	width: 200px;
}	

p.loginsubmit {
	float: right;
	width: 150px;
}
p.loginremember {
	padding: 50px 5px 3px 5px;
	color: #3b83a2;
	width: 300px;
	width: 288px;
}
p.loginremember input {
	padding: 5px 5px 0px 0px;
	color: #000000;
	width: 20px;
}

.logingo {
  width: 48px;
  height: 23px;
  border: 0;
  background: url(../images/btn_login_go.gif) no-repeat center top;
  text-indent: -9926px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  display: block;
}
a.logintrouble {
	display: block;
	float: right;
	font-size: 80%;
	color: #666;
	padding: 2px 0;
}



/*--[Footer]-------*/
#footer {
	clear: both;
	background: url(../images/bg_footer.jpg) no-repeat 0 0;
}
	#footer ul {
		padding: 12px 10px 0 10px;
		float: left;
	}
		#footer ul li {
			display: inline;
			padding: 0 8px;
			border-left: 1px solid #acacac;
			font: 80% Arial, Helvetica, sans-serif;
		}
		#footer	ul li.first {
			background-image: none;
			border-left: none;
		}		
			#footer ul li a:link, #footer ul li a:visited {	
				xcolor: #333;
			}
			#footer ul li a:hover {
				xcolor: #ffc30d;
			}
	a.fpsalogo {
		padding: 20px 0 0 20px;
		border: none;
		float: left;  
		
	}
	#footer p {
		float: right;
		padding: 12px 20px 15px 0;
		font: 80% Arial, Helvetica, sans-serif;
		color: #333;
	}		


/* --- Admin HomePage -- */
.AdminMenuItem
{
	border: solid 2px #aaa;
	background: #D2E0E9;
	padding: 6px;
	margin-bottom: 10px;
	margin-right: 15px;
	color: #000000;
}

.AdminMenu h2
{
	font-size: 14pt;
}

.AdminMenu h2 a
{
	color: #cc6600;
}


/*--[Calendar Buttons]----------*/
p.import {
	float: left;  
	margin: 10px 0;
	width: 0px;
}
	p.import a {
		display: block; 
		background: url(../images/butn_calendar_left.gif) no-repeat 0 51%; 
		font: bold 105% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; 
		line-height: 21px; 
		padding-left: 15px; 
		text-decoration: none;
		width: 10em;
		margin-left: auto; 
		margin-right: 5px;
		color: #FFF;
		font-weight: normal;
		font-size: 8pt;
	}
		p.import a span {
			display: block;	
			background: url(../images/butn_readmore_right.gif) no-repeat 100% 51%;
			margin-left: 11px;
		}
		p.import a:visited {
			color: #FFF;
		}
		
		p.import a:hover {
			color: #FFF;
			text-decoration: none;
		}
/*--[End of Calendar Buttons]----------*/		
.morebutn
{
	font-size: 7pt;
}

.infobox
{
	border: solid 1px #ddd;
	background: #f3f3f3;
	padding: 3px;
}

.MainPageHeading
{
	color: #FF9900;
	font-family: Verdana;
	font-size: 16pt;
	font-weight: normal;
	margin-bottom: 10px;
}

h1
{
	color: #FF9900;
	font-family: Verdana;
	font-size: x-large;
	font-weight: normal;
	margin-bottom: 4px;
}

h2
{
	color: #4477bb;
	font-family: Verdana;
	font-size: medium;
	font-weight: bold;
	margin-bottom: 6px;
}

h3
{
	color: #5599cc;
	font-family: Verdana;
	font-size: smaller;
	font-weight: bold;
}

h4
{
	color: #ffbb11;
	font-family: Verdana;
	font-size: smaller;
	font-weight: bold;
}

.info_block
{
	margin-bottom: 12px;
}

/* Survey styles */
.surveyResultBar {
	background-color: #990011;
	border-style: double;
	border-width: thin;
	height: 8px;
}
.surveyResultsTotal {
	font-style: italic;
	font-size: x-small;
	margin-top: 15px;
}
.surveyResultsQuestion {
	font-weight: bold;
}
.surveyResultsAnswer {
	
}
.surveyResultsValue {
	
}

.instructions
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	background-color: lightsteelblue;
	list-style-type: decimal;
}

.required
{
	color: Red;
	font-weight: bold;
}

.SearchResultListItem h3
{
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 1px;
}

.SearchResultListItem
{
	margin-bottom: 10px;
	font-size: 0.8em;
}

.Success
{
	padding: 6px;
	border: solid 1px #4F8A10;
	background-color: #DFF2BF;
}

.Failure
{
	padding: 6px;
	border: solid 1px #D8000C;
	background-color: #FFBABA;
}

.notation
{
	clear: both;
	font-size: 9px; 
	text-align: right; 
	width: 980px;
	color: #999;
}

.notation a
{
	color: #999;
}